\\n

🚥 Pre-merge checks | ✅ 2 | ❌ 1

\\n\\n

\\n

❌ Failed checks (1 inconclusive)

\\n\\n| Check name | Status | Explanation | Resolution |\\n| :---------: | :------------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\\n| Title check | ❓ Inconclusive | The title 'feat: video player and UI' is vague and overly broad. While it references real components in the changeset (VideoPlayer and UI modules), it lacks specificity about the main changes—such as which features were implemented or what the primary objective is. | Use a more specific title that highlights the primary feature or phase objective, such as 'feat: implement video player with HLS support, audio/subtitle management, and EPG UI' or reference the phase completion (e.g., 'feat: complete Phase 3 core playback MVP'). |\\n\\n

\\n

✅ Passed checks (2 passed)

\\n\\n| Check name | Status | Explanation |\\n| :----------------: | :------- | :---------------------------------------------------------------------------------- |\\n| Description Check | ✅ Passed | Check skipped - CodeRabbit’s high-level summary is enabled. |\\n| Docstring Coverage | ✅ Passed | Docstring coverage is 88.24% which is sufficient. The required threshold is 80.00%. |\\n\\n

\\n\\n_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}\\n\\n

\\n\\n\\n\\n\\n\\n

\\n

✨ Finishing touches

\\n\\n- [ ] 📝 Generate docstrings\\n\\n

\\n\\n\\n\\n\\n\\n---\\n\\nThanks for using [CodeRabbit](https://coderabbit.ai?utm_source=oss&utm_medium=github&utm_campaign=TJZine/Retune&utm_content=6)! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.\\n\\n

\\n

❤️ Share

\\n\\n- [X](https://twitter.com/intent/tweet?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A&url=https%3A//coderabbit.ai)\\n- [Mastodon](https://mastodon.social/share?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A%20https%3A%2F%2Fcoderabbit.ai)\\n- [Reddit](https://www.reddit.com/submit?title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&text=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code.%20Check%20it%20out%3A%20https%3A//coderabbit.ai)\\n- [LinkedIn](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fcoderabbit.ai&mini=true&title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&summary=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code)\\n\\n

\\n\\n_{Comment `@coderabbitai help` to get the list of available commands and usage tips.}\\n\\n\\n\\n\\n\\n\\n\\n\\n\",\"path\":null,\"side\":null,\"line\":null}{\"type\":\"pull_request_comment\",\"body\":\"**_{_{![P2 Badge](https://img.shields.io/badge/P2-yellow?style=flat)}} Defer retry seek until metadata is loaded**\\n\\nCalling `load()` resets `currentTime` back to 0 in most browsers; setting `currentTime` immediately afterward is often overwritten once metadata finishes loading. Because `_retryPlayback()` sets `currentTime` right after `load()`, retries can restart playback from 0 instead of the pre-error position (the main player path avoids this by waiting for readiness). This shows up whenever a recoverable error triggers a retry. Consider waiting for `loadedmetadata`/`canplay` before seeking, or reusing the same readiness helper as `loadStream`.\\n\\nUseful? React with 👍 / 👎.\",\"path\":\"src/modules/player/RetryManager.ts\",\"side\":\"RIGHT\",\"line\":null}{\"type\":\"pull_request_comment\",\"body\":\"**_{_{![P2 Badge](https://img.shields.io/badge/P2-yellow?style=flat)}} Avoid dispatching synthetic document click**\\n\\nThe keep-alive dispatches `document.dispatchEvent(new Event('click'))`. With pointer mode enabled by default, `NavigationManager` installs a document-level click handler that assumes `event.target` is an `HTMLElement` and calls `target.closest(...)` (see `_handlePointerClick`), but a synthetic click on `document` makes `event.target` the `Document`, which lacks `closest`. This causes an uncaught exception every keep-alive tick during playback and can break pointer-mode input handling. Use a non-click event, or gate the synthetic click so it targets an `HTMLElement`/safe custom event.\\n\\nUseful? React with 👍 / 👎.\",\"path\":\"src/modules/player/KeepAliveManager.ts\",\"side\":\"RIGHT\",\"line\":null}{\"type\":\"pull_request_comment\",\"body\":\"\\n### 💡 Codex Review\\n\\nHere are some automated review suggestions for this pull request.\\n\\n**Reviewed commit:** `cbd2514c23`\\n \\n\\n

ℹ️ About Codex in GitHub

\\n
\\n\\n[Your team has set up Codex to review pull requests in this repo](http://chatgpt.com/codex/settings/general). Reviews are triggered when you\\n- Open a pull request for review\\n- Mark a draft as ready\\n- Comment \\\"@codex review\\\".\\n\\nIf Codex has suggestions, it will comment; otherwise it will react with 👍.\\n\\n\\n\\n\\nCodex can also answer questions or update the PR. Try commenting \\\"@codex address that feedback\\\".\\n \\n

\",\"path\":null,\"side\":null,\"line\":null}{\"type\":\"pull_request_comment\",\"body\":\"_🛠️ Refactor suggestion_ | _🟠 Major_\\n\\n**Refactor to use `calculateBackoffDelay` to eliminate duplication.**\\n\\nLine 73 duplicates the backoff calculation logic that's already implemented in `calculateBackoffDelay` (line 86). Use the existing function to avoid code duplication.\\n\\n\\n\\n

\\n

♻️ Proposed refactor

\\n\\n```diff\\n // Only set retryAfterMs if recoverable\\n if (recoverable) {\\n- error.retryAfterMs = retryDelayMs * Math.pow(2, retryCount);\\n+ error.retryAfterMs = calculateBackoffDelay(retryCount, retryDelayMs);\\n }\\n\\n return error;\\n```\\n\\n

\\n\\n\\n> Committable suggestion skipped: line range outside the PR's diff.\\n\\n

\\n

🤖 Prompt for AI Agents

\\n\\n```\\nIn @src/modules/player/ErrorHandler.ts around lines 12 - 77, The backoff\\ncalculation in mapMediaErrorCodeToPlaybackError duplicates existing logic;\\nreplace the manual calculation \\\"retryDelayMs * Math.pow(2, retryCount)\\\" with a\\ncall to calculateBackoffDelay(...) so the function uses the centralized\\nimplementation (e.g., set error.retryAfterMs = calculateBackoffDelay(retryCount,\\nretryDelayMs) when recoverable). Ensure you import or reference\\ncalculateBackoffDelay and keep the conditional only setting retryAfterMs when\\nrecoverable.\\n```\\n\\n

\\n\\n\\n\\n\\n\\n✅ Addressed in commit 34be8cc\",\"path\":\"src/modules/player/ErrorHandler.ts\",\"side\":\"RIGHT\",\"line\":77}{\"type\":\"pull_request_comment\",\"body\":\"_⚠️ Potential issue_ | _🟠 Major_\\n\\n**Potential issue: `currentTime` set before video is ready.**\\n\\nSetting `currentTime` immediately after `load()` (line 167) may fail silently because the video element's metadata hasn't loaded yet. The seek position should be restored after the `canplay` or `loadedmetadata` event.\\n\\nConsider deferring the seek:\\n\\n```diff\\n this._videoElement.load();\\n-this._videoElement.currentTime = currentTime;\\n+\\n+const onCanPlay = (): void => {\\n+ this._videoElement?.removeEventListener('canplay', onCanPlay);\\n+ if (this._videoElement) {\\n+ this._videoElement.currentTime = currentTime;\\n+ }\\n+};\\n+this._videoElement.addEventListener('canplay', onCanPlay, { once: true });\\n+\\n this._videoElement.play().catch(() => {\\n // Error will be handled by error event\\n });\\n```\\n\\nAlternatively, if VideoPlayer's `loadStream` already handles seek restoration after retry, this may be intentional duplication. Verify the retry flow doesn't lose playback position.\\n\\n\\n\\n

\\n

📝 Committable suggestion

\\n\\n> ‼️ **IMPORTANT**\\n> Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.\\n\\n```suggestion\\n private _retryPlayback(): void {\\n if (!this._videoElement || !this._descriptor) {\\n return;\\n }\\n\\n const currentTime = this._videoElement.currentTime;\\n\\n // Clear existing sources\\n while (this._videoElement.firstChild) {\\n this._videoElement.removeChild(this._videoElement.firstChild);\\n }\\n this._videoElement.removeAttribute('src');\\n\\n // Set source based on protocol (mirror loadStream logic)\\n if (this._descriptor.protocol === 'hls') {\\n // Native HLS - set src directly\\n this._videoElement.src = this._descriptor.url;\\n } else {\\n // Direct play - use source element with type hint for webOS\\n const source = document.createElement('source');\\n source.src = this._descriptor.url;\\n source.type = this._descriptor.mimeType;\\n this._videoElement.appendChild(source);\\n }\\n\\n this._videoElement.load();\\n\\n const onCanPlay = (): void => {\\n this._videoElement?.removeEventListener('canplay', onCanPlay);\\n if (this._videoElement) {\\n this._videoElement.currentTime = currentTime;\\n }\\n };\\n this._videoElement.addEventListener('canplay', onCanPlay, { once: true });\\n\\n this._videoElement.play().catch(() => {\\n // Error will be handled by error event\\n });\\n }\\n```\\n\\n

\\n\\n\\n\\n

\\n

🤖 Prompt for AI Agents

\\n\\n```\\nIn @src/modules/player/RetryManager.ts around lines 141 - 171, In\\n_retryPlayback, restoring currentTime immediately after load() can fail; change\\nlogic to capture currentTime, call load(), then restore seek only once\\nmetadata/ready state is available by waiting for the 'loadedmetadata' or\\n'canplay' event (or checking readyState and applying immediately if already >=\\nHAVE_METADATA), set currentTime inside that handler, start playback and remove\\nthe handler after it runs, and keep the existing error-event fallback; ensure\\nyou reference _retryPlayback, _videoElement, and _descriptor and avoid\\nduplicating seek-restoration if loadStream already performs it.\\n```\\n\\n

\\n\\n\\n\\n\\n\\n✅ Addressed in commit 34be8cc\",\"path\":\"src/modules/player/RetryManager.ts\",\"side\":\"RIGHT\",\"line\":189}{\"type\":\"pull_request_comment\",\"body\":\"_⚠️ Potential issue_ | _🟠 Major_\\n\\n

\\n

🧩 Analysis chain

\\n\\n🏁 Script executed:\\n\\n```shell\\ncat -n src/modules/player/SubtitleManager.ts\\n```\\n\\nRepository: TJZine/Retune\\n\\nLength of output: 7400\\n\\n---\\n\\n🏁 Script executed:\\n\\n```shell\\nfind . -name \\\"*.test.ts\\\" -o -name \\\"*.spec.ts\\\" | xargs grep -l \\\"setActiveTrack\\\\|SubtitleManager\\\" 2>/dev/null\\n```\\n\\nRepository: TJZine/Retune\\n\\nLength of output: 111\\n\\n---\\n\\n🏁 Script executed:\\n\\n```shell\\ncat -n src/modules/player/__tests__/SubtitleManager.test.ts\\n```\\n\\nRepository: TJZine/Retune\\n\\nLength of output: 8150\\n\\n---\\n\\n🌐 Web query:\\n\\n`TextTrack interface HTML5 specification id property`\\n\\n💡 Result:\\n\\nThe TextTrack.id property (readonly) returns the track's ID as a DOMString — the track's ID if it has one, or the empty string otherwise. If the TextTrack is associated with a element, its id matches that element's id. [1][2]\\n\\nSources:\\n[1] HTML Standard — Text track / TextTrack (WHATWG). \\n[2] MDN Web Docs — TextTrack.id.\\n\\n---\\n\\n🏁 Script executed:\\n\\n```shell\\n# Search for any issues or TODOs related to track ID matching\\nrg -n \\\"track\\\\.id|setActiveTrack|_trackElements\\\" src/modules/player/SubtitleManager.ts -A 2 -B 2\\n```\\n\\nRepository: TJZine/Retune\\n\\nLength of output: 1703\\n\\n---\\n\\n\\n\\n

\\n\\n**Use the maintained `_trackElements` map instead of iterating `textTracks`.**\\n\\nThe `setActiveTrack` method should use the `_trackElements` map that's already being maintained as the source of truth for track IDs, rather than iterating through `textTracks` and comparing `track.id`. This avoids relying on the browser's synchronization behavior and makes the code more robust to edge cases or other code that might modify the video element's tracks.\\n\\n

\\n

🔧 Suggested fix

\\n\\n```diff\\n public setActiveTrack(trackId: string | null): void {\\n if (!this._videoElement) {\\n return;\\n }\\n\\n- const textTracks = this._videoElement.textTracks;\\n-\\n- for (let i = 0; i < textTracks.length; i++) {\\n- const track = textTracks[i];\\n- if (track) {\\n- if (trackId && track.id === trackId) {\\n- track.mode = 'showing';\\n- } else {\\n- track.mode = 'hidden';\\n- }\\n- }\\n- }\\n+ for (const [id, element] of this._trackElements) {\\n+ if (element.track) {\\n+ element.track.mode = (trackId === id) ? 'showing' : 'hidden';\\n+ }\\n+ }\\n\\n this._activeTrackId = trackId;\\n }\\n```\\n

\\n\\n\\n\\n

\\n

📝 Committable suggestion

\\n\\n\\n\\n

\\n

🤖 Prompt for AI Agents

\\n\\n```\\nIn @src/modules/player/SubtitleManager.ts around lines 89 - 108, Currently\\nsetActiveTrack iterates the video element's textTracks; instead, iterate the\\nmaintained _trackElements map (e.g., for (const [id, el] of\\nthis._trackElements.entries())) and update each stored HTMLTrackElement's mode\\nto 'showing' when id === trackId or 'hidden' otherwise, handling a null trackId\\nby hiding all; keep the initial _videoElement guard and still assign\\nthis._activeTrackId = trackId at the end.\\n```\\n\\n

\\n\\n\\n\\n\",\"path\":\"src/modules/player/SubtitleManager.ts\",\"side\":\"RIGHT\",\"line\":108}{\"type\":\"pull_request_comment\",\"body\":\"_⚠️ Potential issue_ | _🟡 Minor_\\n\\n**Potential null reference in seek timeout handler.**\\n\\nIf `destroy()` is called during an in-flight `seekTo()`, `this._videoElement` may become null before the timeout fires or the `seeked` event is received, causing the cleanup function to silently fail to remove the listener.\\n\\n\\n

\\n

🔧 Proposed fix

\\n\\n```diff\\n public async seekTo(positionMs: number): Promise {\\n if (!this._videoElement) {\\n throw new Error('VideoPlayer not initialized');\\n }\\n\\n const positionSec = Math.max(0, positionMs / 1000);\\n const durationSec = this._videoElement.duration || Infinity;\\n\\n this._videoElement.currentTime = Math.min(positionSec, durationSec);\\n\\n // Wait for seeked event with timeout\\n- return new Promise((resolve, reject) => {\\n+ const videoElement = this._videoElement; // Capture reference\\n+ return new Promise((resolve, reject) => {\\n const SEEK_TIMEOUT_MS = 5000;\\n let timeoutId: ReturnType | null = null;\\n\\n const cleanup = (): void => {\\n if (timeoutId) clearTimeout(timeoutId);\\n- this._videoElement?.removeEventListener('seeked', handler);\\n+ videoElement.removeEventListener('seeked', handler);\\n };\\n\\n const handler = (): void => {\\n cleanup();\\n resolve();\\n };\\n\\n- this._videoElement?.addEventListener('seeked', handler);\\n+ videoElement.addEventListener('seeked', handler);\\n\\n timeoutId = setTimeout(() => {\\n cleanup();\\n reject(new Error('Seek operation timed out'));\\n }, SEEK_TIMEOUT_MS);\\n });\\n }\\n```\\n

\\n\\n\\n> Committable suggestion skipped: line range outside the PR's diff.\\n\\n

\\n

🤖 Prompt for AI Agents

\\n\\n```\\nIn @src/modules/player/VideoPlayer.ts around lines 339 - 359, The seek promise\\ncan leak listeners if this._videoElement becomes null before timeout; fix by\\ncapturing the video element in a local const (e.g., const video =\\nthis._videoElement) before addEventListener, use that captured reference in both\\naddEventListener and in cleanup/removeEventListener, and guard clearTimeout with\\ntimeoutId !== null; update the handler and cleanup to reference that local video\\nvariable instead of this._videoElement so removeEventListener always operates on\\nthe same element even if destroy() sets this._videoElement to null.\\n```\\n\\n

\\n\\n\\n\\n\\n\\n✅ Addressed in commit 34be8cc\",\"path\":\"src/modules/player/VideoPlayer.ts\",\"side\":\"RIGHT\",\"line\":364}{\"type\":\"pull_request_comment\",\"body\":\"**Actionable comments posted: 4**\\n\\n

\\n

🤖 Fix all issues with AI agents

\\n\\n```\\nIn @src/modules/player/ErrorHandler.ts:\\n- Around line 12-77: The backoff calculation in mapMediaErrorCodeToPlaybackError\\nduplicates existing logic; replace the manual calculation \\\"retryDelayMs *\\nMath.pow(2, retryCount)\\\" with a call to calculateBackoffDelay(...) so the\\nfunction uses the centralized implementation (e.g., set error.retryAfterMs =\\ncalculateBackoffDelay(retryCount, retryDelayMs) when recoverable). Ensure you\\nimport or reference calculateBackoffDelay and keep the conditional only setting\\nretryAfterMs when recoverable.\\n\\nIn @src/modules/player/RetryManager.ts:\\n- Around line 141-171: In _retryPlayback, restoring currentTime immediately\\nafter load() can fail; change logic to capture currentTime, call load(), then\\nrestore seek only once metadata/ready state is available by waiting for the\\n'loadedmetadata' or 'canplay' event (or checking readyState and applying\\nimmediately if already >= HAVE_METADATA), set currentTime inside that handler,\\nstart playback and remove the handler after it runs, and keep the existing\\nerror-event fallback; ensure you reference _retryPlayback, _videoElement, and\\n_descriptor and avoid duplicating seek-restoration if loadStream already\\nperforms it.\\n\\nIn @src/modules/player/SubtitleManager.ts:\\n- Around line 89-108: Currently setActiveTrack iterates the video element's\\ntextTracks; instead, iterate the maintained _trackElements map (e.g., for (const\\n[id, el] of this._trackElements.entries())) and update each stored\\nHTMLTrackElement's mode to 'showing' when id === trackId or 'hidden' otherwise,\\nhandling a null trackId by hiding all; keep the initial _videoElement guard and\\nstill assign this._activeTrackId = trackId at the end.\\n\\nIn @src/modules/player/VideoPlayer.ts:\\n- Around line 339-359: The seek promise can leak listeners if this._videoElement\\nbecomes null before timeout; fix by capturing the video element in a local const\\n(e.g., const video = this._videoElement) before addEventListener, use that\\ncaptured reference in both addEventListener and in cleanup/removeEventListener,\\nand guard clearTimeout with timeoutId !== null; update the handler and cleanup\\nto reference that local video variable instead of this._videoElement so\\nremoveEventListener always operates on the same element even if destroy() sets\\nthis._videoElement to null.\\n```\\n\\n

\\n\\n

\\n

🧹 Nitpick comments (14)

\\n\\n
\\n
src/modules/player/AudioTrackManager.ts (1)
\\n\\n`221-258`: **Consider immediate check before polling.**\\n\\nThe current implementation always waits at least one poll interval (100ms) even if the track switch is instantaneous. An immediate check after enabling could reduce latency in the common case.\\n\\n\\n
\\n
♻️ Optional optimization
\\n\\n```diff\\n // Find and enable the target track\\n for (let i = 0; i < audioTracks.length; i++) {\\n const track = audioTracks[i];\\n if (track) {\\n track.enabled = track.id === targetTrack.id;\\n }\\n }\\n\\n+ // Immediate check before polling\\n+ for (let i = 0; i < audioTracks.length; i++) {\\n+ if (audioTracks[i]?.id === targetTrack.id && audioTracks[i]?.enabled) {\\n+ clearTimeout(timeout);\\n+ resolve();\\n+ return;\\n+ }\\n+ }\\n+\\n // Verify switch with polling - find by ID, not index\\n```\\n
\\n\\n
\\n
\\n
src/modules/player/types.ts (1)
\\n\\n`249-279`: **Documentation inconsistency: `VideoPlayerInternalState` is exported.**\\n\\nThe comment on line 250 states \\\"Internal State (not exported publicly)\\\" but the interface uses `export`. If this is intentional for use by related modules within the player package, consider clarifying the comment. If it should truly be internal, consider removing the export.\\n\\n\\n
\\n
📝 Suggested documentation fix
\\n\\n```diff\\n // ============================================\\n-// Internal State (not exported publicly)\\n+// Internal State (exported for related player modules only)\\n // ============================================\\n```\\n
\\n\\n
\\n
\\n
src/modules/ui/epg/__tests__/EPGVirtualizer.test.ts (1)
\\n\\n`242-297`: **Consider a more precise assertion for element recycling.**\\n\\nThe assertion on line 296 uses `initialCount * 2`, which may not accurately reflect the expected recycling behavior. Consider asserting that the count remains stable or within a specific delta of the initial count, or that it stays below the MAX_DOM_ELEMENTS constant.\\n\\n\\n\\n
\\n
♻️ More precise assertion
\\n\\n```diff\\n- // Element count should stay stable (recycled, not grown unboundedly)\\n- expect(afterScrollCount).toBeLessThanOrEqual(initialCount * 2);\\n+ // Element count should stay stable due to recycling\\n+ expect(afterScrollCount).toBeLessThan(EPG_CONSTANTS.MAX_DOM_ELEMENTS);\\n+ // Should be roughly similar to initial count (allowing some variance)\\n+ expect(Math.abs(afterScrollCount - initialCount)).toBeLessThan(50);\\n```\\n\\n
\\n\\n
\\n
\\n
src/modules/player/KeepAliveManager.ts (1)
\\n\\n`28-40`: **Consider using a custom event type to avoid interference.**\\n\\nDispatching a generic `'click'` event on the document (line 37) could potentially interfere with actual click event listeners in the application. If webOS requires a DOM touch for keep-alive, consider using a custom event type (e.g., `'keepalive'`) or dispatching to a hidden element to avoid side effects.\\n\\n\\n\\n
\\n
♻️ Alternative approach with custom event
\\n\\n```diff\\n this._intervalId = setInterval(() => {\\n if (this._isPlayingFn()) {\\n- // Touch DOM to prevent webOS suspension\\n- document.dispatchEvent(new Event('click'));\\n+ // Touch DOM to prevent webOS suspension with custom event\\n+ document.dispatchEvent(new CustomEvent('keepalive', { detail: { timestamp: Date.now() } }));\\n }\\n }, KEEP_ALIVE_INTERVAL_MS);\\n```\\n\\n
\\n\\n
\\n
\\n
src/modules/player/constants.ts (1)
\\n\\n`43-51`: **Consider using CSS class instead of inline styles.**\\n\\nThe `VIDEO_ELEMENT_STYLES` template string applies inline styles directly. While this works, using a CSS class from your stylesheet would improve maintainability and allow easier theming. However, for a video player that needs immediate styling without stylesheet dependencies, inline styles are acceptable.\\n\\n
\\n
\\n
src/modules/ui/epg/EPGInfoPanel.ts (3)
\\n\\n`109-121`: **Validate or sanitize `item.thumb` URL before assigning to `src`.**\\n\\nSetting `poster.src` directly from `item.thumb` (line 115) could be a vector for:\\n1. `javascript:` protocol URLs (XSS in older browsers)\\n2. Data exfiltration via tracking pixels\\n\\nConsider validating the URL scheme:\\n\\n
\\n
🔒 Proposed validation
\\n\\n```diff\\n if (poster) {\\n if (item.thumb) {\\n+ // Validate URL scheme to prevent javascript: or data: URLs\\n+ const isValidUrl = /^https?:\\\\/\\\\//i.test(item.thumb);\\n+ if (!isValidUrl) {\\n+ poster.style.display = 'none';\\n+ return;\\n+ }\\n poster.src = item.thumb;\\n poster.alt = item.title;\\n poster.style.display = 'block';\\n } else {\\n poster.style.display = 'none';\\n }\\n }\\n```\\n
\\n\\nIf `item.thumb` is always sourced from trusted Plex metadata, this may be acceptable, but defense-in-depth is recommended.\\n\\n---\\n\\n`89-99`: **`update()` and `show()` have overlapping logic.**\\n\\nBoth methods set `currentProgram`, call `updateContent`, and handle visibility. Consider having `update()` delegate to `show()` or extracting common logic:\\n\\n```diff\\n update(program: ScheduledProgram): void {\\n if (!this.containerElement) return;\\n-\\n- this.currentProgram = program;\\n- this.updateContent(program);\\n-\\n- if (!this.isVisible) {\\n- this.containerElement.style.display = 'flex';\\n- this.isVisible = true;\\n- }\\n+ this.show(program);\\n }\\n```\\n\\nThis depends on whether `update()` should always show (current behavior) or only update if already visible. The current implementation always shows, making it equivalent to `show()`.\\n\\n---\\n\\n`140-145`: **Consider implementing description or removing placeholder.**\\n\\nThe description element is populated with an empty string with a TODO comment. If extended metadata isn't available in this phase, consider either:\\n1. Hiding the description element entirely when empty\\n2. Removing it from the template until needed\\n\\n```diff\\n const description = this.containerElement.querySelector(`.${EPG_CLASSES.INFO_DESCRIPTION}`);\\n if (description) {\\n- // Description would come from extended metadata, placeholder for now\\n- description.textContent = '';\\n+ // Hide until extended metadata is available\\n+ (description as HTMLElement).style.display = 'none';\\n }\\n```\\n\\n
\\n
\\n
src/modules/ui/epg/EPGChannelList.ts (1)
\\n\\n`76-83`: **JSDoc mentions unused parameter.**\\n\\nThe JSDoc documents an `index` parameter that doesn't exist in the method signature.\\n\\n\\n
\\n
📝 Remove unused parameter from JSDoc
\\n\\n```diff\\n /**\\n * Create a channel row element.\\n *\\n * @param channel - Channel configuration\\n- * @param index - Channel index\\n * @returns The row element\\n */\\n private createChannelRow(channel: ChannelConfig): HTMLElement {\\n```\\n
\\n\\n
\\n
\\n
src/modules/player/VideoPlayerEvents.ts (2)
\\n\\n`187-190`: **Consider cleaner void emission pattern.**\\n\\nThe `undefined as unknown as void` cast is awkward. If the `PlayerEventMap` defines `ended` as having a `void` payload, consider updating the event map type to allow `undefined` or use a more explicit type.\\n\\n\\n
\\n
💡 Alternative approaches
\\n\\nOption 1: If `ended` event truly needs no payload, define it as `undefined` in `PlayerEventMap`:\\n```typescript\\n// In types.ts\\nended: undefined;\\n```\\n\\nOption 2: Use explicit undefined:\\n```diff\\n-this._emitter?.emit('ended', undefined as unknown as void);\\n+this._emitter?.emit('ended', undefined);\\n```\\n
\\n\\n---\\n\\n`228-254`: **Buffer percentage could exceed 100% in edge cases.**\\n\\nIf `bufferedEnd` exceeds `duration` (possible with some streaming edge cases), `bufferPercent` could exceed 100. Consider clamping the value.\\n\\n\\n
\\n
🔧 Clamp buffer percentage
\\n\\n```diff\\n- const bufferPercent = Math.round((bufferedEnd / duration) * 100);\\n+ const bufferPercent = Math.min(100, Math.round((bufferedEnd / duration) * 100));\\n```\\n
\\n\\n
\\n
\\n
src/modules/player/VideoPlayer.ts (2)
\\n\\n`93-98`: **Inconsistent guard behavior on re-initialization.**\\n\\nThe guard warns about already being initialized but then calls `destroy()` and proceeds with re-initialization. This could be surprising—consider either returning early (true guard) or removing the warning (silent reinit).\\n\\n\\n
\\n
♻️ Option A: Early return (stricter guard)
\\n\\n```diff\\n public async initialize(config: VideoPlayerConfig): Promise {\\n // Guard: Prevent creating multiple video elements (spec requirement)\\n if (this._videoElement) {\\n console.warn('[VideoPlayer] Already initialized. Call destroy() before re-initializing.');\\n- this.destroy();\\n+ return;\\n }\\n```\\n
\\n
\\n
♻️ Option B: Silent reinit (no warning)
\\n\\n```diff\\n public async initialize(config: VideoPlayerConfig): Promise {\\n- // Guard: Prevent creating multiple video elements (spec requirement)\\n+ // Clean up any existing state before re-initializing\\n if (this._videoElement) {\\n- console.warn('[VideoPlayer] Already initialized. Call destroy() before re-initializing.');\\n this.destroy();\\n }\\n```\\n
\\n\\n---\\n\\n`569-583`: **Placeholder methods for webOS media session API.**\\n\\nThese stubs are appropriately marked with TODO comments. Consider tracking this as a follow-up issue to ensure implementation before webOS deployment.\\n\\n\\n\\nWould you like me to open an issue to track the webOS media session API implementation?\\n\\n
\\n
\\n
src/modules/ui/epg/styles.css (1)
\\n\\n`134-139`: **Consider adding outline for high-contrast mode accessibility.**\\n\\nThe `.focused` state relies on background color and box-shadow, which may not be visible in Windows High Contrast Mode. Consider adding a fallback outline.\\n\\n\\n
\\n
♻️ Proposed enhancement
\\n\\n```diff\\n .epg-cell.focused {\\n background: var(--focus-color, #00a8e1);\\n transform: scale(1.02);\\n z-index: 10;\\n box-shadow: 0 0 20px rgba(0, 168, 225, 0.5);\\n+ outline: 3px solid transparent; /* Visible in high-contrast mode */\\n }\\n+\\n+@media (forced-colors: active) {\\n+ .epg-cell.focused {\\n+ outline: 3px solid CanvasText;\\n+ }\\n+}\\n```\\n
\\n\\n
\\n\\n

\\n\\n

\\n

📜 Review details

\\n\\n**Configuration used**: Organization UI\\n\\n**Review profile**: CHILL\\n\\n**Plan**: Pro\\n\\n

\\n

📥 Commits

\\n\\nReviewing files that changed from the base of the PR and between ef24fe571cd66e3409734f60ede7e81c7dec8905 and cbd2514c2351099829263e077a19b78277b59b71.\\n\\n

\\n\\n

\\n

📒 Files selected for processing (31)

\\n\\n* `spec-pack/artifact-10-implementation-state.json`\\n* `src/modules/player/AudioTrackManager.ts`\\n* `src/modules/player/ErrorHandler.ts`\\n* `src/modules/player/KeepAliveManager.ts`\\n* `src/modules/player/RetryManager.ts`\\n* `src/modules/player/SubtitleManager.ts`\\n* `src/modules/player/VideoPlayer.ts`\\n* `src/modules/player/VideoPlayerEvents.ts`\\n* `src/modules/player/__tests__/AudioTrackManager.test.ts`\\n* `src/modules/player/__tests__/SubtitleManager.test.ts`\\n* `src/modules/player/__tests__/VideoPlayer.test.ts`\\n* `src/modules/player/constants.ts`\\n* `src/modules/player/index.ts`\\n* `src/modules/player/interfaces.ts`\\n* `src/modules/player/types.ts`\\n* `src/modules/ui/epg/EPGChannelList.ts`\\n* `src/modules/ui/epg/EPGComponent.ts`\\n* `src/modules/ui/epg/EPGErrorBoundary.ts`\\n* `src/modules/ui/epg/EPGInfoPanel.ts`\\n* `src/modules/ui/epg/EPGTimeHeader.ts`\\n* `src/modules/ui/epg/EPGVirtualizer.ts`\\n* `src/modules/ui/epg/__tests__/EPGComponent.test.ts`\\n* `src/modules/ui/epg/__tests__/EPGErrorBoundary.test.ts`\\n* `src/modules/ui/epg/__tests__/EPGVirtualizer.test.ts`\\n* `src/modules/ui/epg/constants.ts`\\n* `src/modules/ui/epg/index.ts`\\n* `src/modules/ui/epg/interfaces.ts`\\n* `src/modules/ui/epg/styles.css`\\n* `src/modules/ui/epg/types.ts`\\n* `src/modules/ui/epg/utils.ts`\\n* `todo.md`\\n\\n

\\n\\n

\\n

🧰 Additional context used

\\n\\n

\\n

🧬 Code graph analysis (21)

\\n\\n

\\n

src/modules/player/interfaces.ts (1)

\\n\\n
\\n
src/modules/player/types.ts (6)
\\n\\n* `VideoPlayerConfig` (48-63)\\n* `StreamDescriptor` (152-171)\\n* `SubtitleTrack` (104-121)\\n* `AudioTrack` (126-143)\\n* `PlaybackState` (193-214)\\n* `PlayerEventMap` (230-247)\\n\\n
\\n\\n

\\n

src/modules/player/RetryManager.ts (3)

\\n\\n
\\n
src/modules/player/types.ts (2)
\\n\\n* `PlaybackError` (219-224)\\n* `StreamDescriptor` (152-171)\\n\\n
\\n
\\n
src/modules/player/constants.ts (2)
\\n\\n* `RETRY_BASE_DELAY_MS` (29-29)\\n* `MAX_RETRY_ATTEMPTS` (24-24)\\n\\n
\\n
\\n
src/modules/player/ErrorHandler.ts (1)
\\n\\n* `mapMediaErrorCodeToPlaybackError` (22-77)\\n\\n
\\n\\n

\\n

src/modules/player/__tests__/SubtitleManager.test.ts (3)

\\n\\n
\\n
src/modules/player/types.ts (1)
\\n\\n* `SubtitleTrack` (104-121)\\n\\n
\\n
\\n
src/modules/player/index.ts (2)
\\n\\n* `SubtitleTrack` (18-18)\\n* `SubtitleManager` (8-8)\\n\\n
\\n
\\n
src/modules/player/SubtitleManager.ts (1)
\\n\\n* `SubtitleManager` (15-196)\\n\\n
\\n\\n

\\n

src/modules/player/KeepAliveManager.ts (1)

\\n\\n
\\n
src/modules/player/constants.ts (1)
\\n\\n* `KEEP_ALIVE_INTERVAL_MS` (15-15)\\n\\n
\\n\\n

\\n

src/modules/player/VideoPlayerEvents.ts (1)

\\n\\n
\\n
src/modules/player/types.ts (1)
\\n\\n* `PlayerStatus` (180-188)\\n\\n
\\n\\n

\\n

src/modules/ui/epg/__tests__/EPGVirtualizer.test.ts (3)

\\n\\n
\\n
src/modules/ui/epg/EPGVirtualizer.ts (2)
\\n\\n* `EPGVirtualizer` (56-437)\\n* `positionCell` (31-48)\\n\\n
\\n
\\n
src/modules/ui/epg/types.ts (3)
\\n\\n* `EPGConfig` (19-38)\\n* `ScheduledProgram` (10-10)\\n* `ScheduleWindow` (10-10)\\n\\n
\\n
\\n
src/modules/ui/epg/constants.ts (1)
\\n\\n* `EPG_CONSTANTS` (10-37)\\n\\n
\\n\\n

\\n

src/modules/ui/epg/__tests__/EPGErrorBoundary.test.ts (2)

\\n\\n
\\n
src/modules/ui/epg/EPGErrorBoundary.ts (1)
\\n\\n* `EPGErrorBoundary` (23-158)\\n\\n
\\n
\\n
src/modules/ui/epg/EPGVirtualizer.ts (1)
\\n\\n* `forceRecycleAll` (383-391)\\n\\n
\\n\\n

\\n

src/modules/ui/epg/EPGErrorBoundary.ts (2)

\\n\\n
\\n
src/modules/ui/epg/types.ts (1)
\\n\\n* `EPGErrorType` (169-175)\\n\\n
\\n
\\n
src/modules/ui/epg/index.ts (1)
\\n\\n* `EPGErrorBoundary` (12-12)\\n\\n
\\n\\n

\\n

src/modules/player/SubtitleManager.ts (3)

\\n\\n
\\n
src/modules/player/index.ts (2)
\\n\\n* `SubtitleManager` (8-8)\\n* `SubtitleTrack` (18-18)\\n\\n
\\n
\\n
src/modules/player/types.ts (1)
\\n\\n* `SubtitleTrack` (104-121)\\n\\n
\\n
\\n
src/modules/player/constants.ts (2)
\\n\\n* `BURN_IN_SUBTITLE_FORMATS` (99-99)\\n* `TEXT_SUBTITLE_FORMATS` (104-104)\\n\\n
\\n\\n

\\n

src/modules/ui/epg/EPGTimeHeader.ts (3)

\\n\\n
\\n
src/modules/ui/epg/index.ts (3)
\\n\\n* `EPGTimeHeader` (10-10)\\n* `EPGConfig` (16-16)\\n* `EPG_CLASSES` (28-28)\\n\\n
\\n
\\n
src/modules/ui/epg/types.ts (2)
\\n\\n* `EPGConfig` (19-38)\\n* `TimeSlot` (204-211)\\n\\n
\\n
\\n
src/modules/ui/epg/constants.ts (1)
\\n\\n* `EPG_CLASSES` (42-63)\\n\\n
\\n\\n

\\n

src/modules/ui/epg/utils.ts (1)

\\n\\n
\\n
src/modules/ui/epg/index.ts (4)
\\n\\n* `formatTime` (29-29)\\n* `formatTimeRange` (29-29)\\n* `formatDuration` (29-29)\\n* `rafThrottle` (29-29)\\n\\n
\\n\\n

\\n

src/modules/ui/epg/constants.ts (1)

\\n\\n
\\n
src/modules/ui/epg/index.ts (3)
\\n\\n* `EPG_CONSTANTS` (28-28)\\n* `EPG_CLASSES` (28-28)\\n* `DEFAULT_EPG_CONFIG` (28-28)\\n\\n
\\n\\n

\\n

src/modules/player/ErrorHandler.ts (2)

\\n\\n
\\n
src/modules/player/constants.ts (2)
\\n\\n* `RETRY_BASE_DELAY_MS` (29-29)\\n* `MAX_RETRY_ATTEMPTS` (24-24)\\n\\n
\\n
\\n
src/modules/player/types.ts (1)
\\n\\n* `PlaybackError` (219-224)\\n\\n
\\n\\n

\\n

src/modules/ui/epg/EPGInfoPanel.ts (4)

\\n\\n
\\n
src/modules/ui/epg/interfaces.ts (1)
\\n\\n* `IEPGInfoPanel` (163-180)\\n\\n
\\n
\\n
src/modules/ui/epg/types.ts (1)
\\n\\n* `ScheduledProgram` (10-10)\\n\\n
\\n
\\n
src/modules/ui/epg/constants.ts (1)
\\n\\n* `EPG_CLASSES` (42-63)\\n\\n
\\n
\\n
src/modules/ui/epg/utils.ts (2)
\\n\\n* `formatTime` (12-20)\\n* `formatDuration` (39-51)\\n\\n
\\n\\n

\\n

src/modules/player/__tests__/AudioTrackManager.test.ts (2)

\\n\\n
\\n
src/modules/player/types.ts (1)
\\n\\n* `AudioTrack` (126-143)\\n\\n
\\n
\\n
src/modules/player/AudioTrackManager.ts (1)
\\n\\n* `AudioTrackManager` (62-294)\\n\\n
\\n\\n

\\n

src/modules/ui/epg/__tests__/EPGComponent.test.ts (2)

\\n\\n
\\n
src/modules/ui/epg/EPGComponent.ts (1)
\\n\\n* `EPGComponent` (31-809)\\n\\n
\\n
\\n
src/modules/ui/epg/types.ts (3)
\\n\\n* `ChannelConfig` (10-10)\\n* `ScheduleWindow` (10-10)\\n* `ScheduledProgram` (10-10)\\n\\n
\\n\\n

\\n

src/modules/player/__tests__/VideoPlayer.test.ts (3)

\\n\\n
\\n
src/modules/player/types.ts (2)
\\n\\n* `VideoPlayerConfig` (48-63)\\n* `StreamDescriptor` (152-171)\\n\\n
\\n
\\n
src/modules/player/VideoPlayer.ts (2)
\\n\\n* `mapMediaErrorCodeToPlaybackError` (33-33)\\n* `VideoPlayer` (56-627)\\n\\n
\\n
\\n
src/modules/player/ErrorHandler.ts (1)
\\n\\n* `mapMediaErrorCodeToPlaybackError` (22-77)\\n\\n
\\n\\n

\\n

src/modules/ui/epg/EPGComponent.ts (10)

\\n\\n
\\n
src/modules/ui/epg/index.ts (17)
\\n\\n* `EPGComponent` (7-7)\\n* `EPGEventMap` (22-22)\\n* `IEPGComponent` (14-14)\\n* `EPGConfig` (16-16)\\n* `DEFAULT_EPG_CONFIG` (28-28)\\n* `EPGVirtualizer` (9-9)\\n* `EPGInfoPanel` (8-8)\\n* `EPGTimeHeader` (10-10)\\n* `EPGChannelList` (11-11)\\n* `EPGErrorBoundary` (12-12)\\n* `rafThrottle` (29-29)\\n* `EPG_CLASSES` (28-28)\\n* `EPG_CONSTANTS` (28-28)\\n* `ChannelConfig` (25-25)\\n* `ScheduleWindow` (24-24)\\n* `ScheduledProgram` (23-23)\\n* `EPGState` (17-17)\\n\\n
\\n
\\n
src/modules/ui/epg/types.ts (7)
\\n\\n* `EPGEventMap` (123-133)\\n* `EPGConfig` (19-38)\\n* `EPGInternalState` (142-164)\\n* `ChannelConfig` (10-10)\\n* `ScheduleWindow` (10-10)\\n* `ScheduledProgram` (10-10)\\n* `EPGState` (43-64)\\n\\n
\\n
\\n
src/modules/ui/epg/interfaces.ts (1)
\\n\\n* `IEPGComponent` (19-157)\\n\\n
\\n
\\n
src/modules/ui/epg/constants.ts (4)
\\n\\n* `DEFAULT_EPG_CONFIG` (79-89)\\n* `EPG_ERRORS` (68-74)\\n* `EPG_CLASSES` (42-63)\\n* `EPG_CONSTANTS` (10-37)\\n\\n
\\n
\\n
src/modules/ui/epg/EPGVirtualizer.ts (1)
\\n\\n* `EPGVirtualizer` (56-437)\\n\\n
\\n
\\n
src/modules/ui/epg/EPGInfoPanel.ts (1)
\\n\\n* `EPGInfoPanel` (16-165)\\n\\n
\\n
\\n
src/modules/ui/epg/EPGTimeHeader.ts (1)
\\n\\n* `EPGTimeHeader` (30-162)\\n\\n
\\n
\\n
src/modules/ui/epg/EPGChannelList.ts (1)
\\n\\n* `EPGChannelList` (14-182)\\n\\n
\\n
\\n
src/modules/ui/epg/EPGErrorBoundary.ts (1)
\\n\\n* `EPGErrorBoundary` (23-158)\\n\\n
\\n
\\n
src/modules/ui/epg/utils.ts (1)
\\n\\n* `rafThrottle` (60-87)\\n\\n
\\n\\n

\\n

src/modules/player/types.ts (1)

\\n\\n
\\n
src/modules/player/index.ts (11)
\\n\\n* `AppErrorCode` (28-28)\\n* `VideoPlayerConfig` (15-15)\\n* `MediaMetadata` (17-17)\\n* `TimeRange` (23-23)\\n* `SubtitleTrack` (18-18)\\n* `AudioTrack` (19-19)\\n* `StreamDescriptor` (16-16)\\n* `PlayerStatus` (21-21)\\n* `PlaybackState` (20-20)\\n* `PlaybackError` (22-22)\\n* `PlayerEventMap` (24-24)\\n\\n
\\n\\n

\\n

src/modules/ui/epg/types.ts (1)

\\n\\n
\\n
src/modules/ui/epg/index.ts (10)
\\n\\n* `EPGConfig` (16-16)\\n* `EPGState` (17-17)\\n* `EPGFocusPosition` (18-18)\\n* `ScheduledProgram` (23-23)\\n* `EPGChannelRow` (19-19)\\n* `ChannelConfig` (25-25)\\n* `EPGProgramCell` (20-20)\\n* `VirtualizedGridState` (21-21)\\n* `EPGEventMap` (22-22)\\n* `ScheduleWindow` (24-24)\\n\\n
\\n\\n

\\n

src/modules/player/AudioTrackManager.ts (3)

\\n\\n
\\n
src/modules/player/types.ts (2)
\\n\\n* `AudioTrack` (126-143)\\n* `PlaybackError` (219-224)\\n\\n
\\n
\\n
src/modules/plex/stream/constants.ts (1)
\\n\\n* `SUPPORTED_AUDIO_CODECS` (39-43)\\n\\n
\\n
\\n
src/modules/player/constants.ts (1)
\\n\\n* `AUDIO_TRACK_SWITCH_TIMEOUT_MS` (65-65)\\n\\n
\\n\\n

\\n\\n

\\n

🪛 ast-grep (0.40.4)

\\n\\n

\\n

src/modules/ui/epg/EPGTimeHeader.ts

\\n\\n[warning] 75-75: Direct modification of innerHTML or outerHTML properties detected. Modifying these properties with unsanitized user input can lead to XSS vulnerabilities. Use safe alternatives or sanitize content first.\\nContext: this.containerElement.innerHTML = ''\\nNote: [CWE-79] Improper Neutralization of Input During Web Page Generation [REFERENCES]\\n - https://owasp.org/www-community/xss-filter-evasion-cheatsheet\\n - https://cwe.mitre.org/data/definitions/79.html\\n\\n(dom-content-modification)\\n\\n

\\n

src/modules/ui/epg/EPGInfoPanel.ts

\\n\\n[warning] 28-28: Direct modification of innerHTML or outerHTML properties detected. Modifying these properties with unsanitized user input can lead to XSS vulnerabilities. Use safe alternatives or sanitize content first.\\nContext: this.containerElement.innerHTML = this.createTemplate()\\nNote: [CWE-79] Improper Neutralization of Input During Web Page Generation [REFERENCES]\\n - https://owasp.org/www-community/xss-filter-evasion-cheatsheet\\n - https://cwe.mitre.org/data/definitions/79.html\\n\\n(dom-content-modification)\\n\\n---\\n\\n[warning] 28-28: Direct HTML content assignment detected. Modifying innerHTML, outerHTML, or using document.write with unsanitized content can lead to XSS vulnerabilities. Use secure alternatives like textContent or sanitize HTML with libraries like DOMPurify.\\nContext: this.containerElement.innerHTML = this.createTemplate()\\nNote: [CWE-79] Improper Neutralization of Input During Web Page Generation [REFERENCES]\\n - https://www.dhairyashah.dev/posts/why-innerhtml-is-a-bad-idea-and-how-to-avoid-it/\\n - https://cwe.mitre.org/data/definitions/79.html\\n\\n(unsafe-html-content-assignment)\\n\\n

\\n

src/modules/ui/epg/EPGVirtualizer.ts

\\n\\n[warning] 265-268: Direct modification of innerHTML or outerHTML properties detected. Modifying these properties with unsanitized user input can lead to XSS vulnerabilities. Use safe alternatives or sanitize content first.\\nContext: element.innerHTML = `\\n

\\n

\\n `\\nNote: [CWE-79] Improper Neutralization of Input During Web Page Generation [REFERENCES]\\n - https://owasp.org/www-community/xss-filter-evasion-cheatsheet\\n - https://cwe.mitre.org/data/definitions/79.html\\n\\n(dom-content-modification)\\n\\n---\\n\\n[warning] 265-268: Direct HTML content assignment detected. Modifying innerHTML, outerHTML, or using document.write with unsanitized content can lead to XSS vulnerabilities. Use secure alternatives like textContent or sanitize HTML with libraries like DOMPurify.\\nContext: element.innerHTML = `\\n

\\n

src/modules/ui/epg/EPGComponent.ts

\\n\\n[warning] 175-179: Direct HTML content assignment detected. Modifying innerHTML, outerHTML, or using document.write with unsanitized content can lead to XSS vulnerabilities. Use secure alternatives like textContent or sanitize HTML with libraries like DOMPurify.\\nContext: this.containerElement.innerHTML = `\\n

\\n

\\n `\\nNote: [CWE-79] Improper Neutralization of Input During Web Page Generation [REFERENCES]\\n - https://www.dhairyashah.dev/posts/why-innerhtml-is-a-bad-idea-and-how-to-avoid-it/\\n - https://cwe.mitre.org/data/definitions/79.html\\n\\n(unsafe-html-content-assignment)\\n\\n---\\n\\n[warning] 119-119: Direct modification of innerHTML or outerHTML properties detected. Modifying these properties with unsanitized user input can lead to XSS vulnerabilities. Use safe alternatives or sanitize content first.\\nContext: this.containerElement.innerHTML = ''\\nNote: [CWE-79] Improper Neutralization of Input During Web Page Generation [REFERENCES]\\n - https://owasp.org/www-community/xss-filter-evasion-cheatsheet\\n - https://cwe.mitre.org/data/definitions/79.html\\n\\n(dom-content-modification)\\n\\n---\\n\\n[warning] 175-179: Direct modification of innerHTML or outerHTML properties detected. Modifying these properties with unsanitized user input can lead to XSS vulnerabilities. Use safe alternatives or sanitize content first.\\nContext: this.containerElement.innerHTML = `\\n

\\n

src/modules/ui/epg/EPGChannelList.ts

\\n\\n[warning] 63-63: Direct modification of innerHTML or outerHTML properties detected. Modifying these properties with unsanitized user input can lead to XSS vulnerabilities. Use safe alternatives or sanitize content first.\\nContext: this.containerElement.innerHTML = ''\\nNote: [CWE-79] Improper Neutralization of Input During Web Page Generation [REFERENCES]\\n - https://owasp.org/www-community/xss-filter-evasion-cheatsheet\\n - https://cwe.mitre.org/data/definitions/79.html\\n\\n(dom-content-modification)\\n\\n

\\n\\n

\\n

🔇 Additional comments (64)

\\n\\n
\\n
todo.md (1)
\\n\\n`91-155`: **Well-documented device testing requirements.**\\n\\nThe documentation correctly identifies the HTML5 spec behavior where `load()` resets `currentTime` to 0, and the recommended fix pattern (waiting for `loadedmetadata` before seeking) is the correct approach. The keep-alive alternatives are comprehensive and will be valuable for empirical testing.\\n\\n
\\n
\\n
src/modules/player/AudioTrackManager.ts (4)
\\n\\n`1-11`: **LGTM - Well-structured module with clear imports.**\\n\\nThe file organization is clean with proper type imports and constant imports from their respective modules.\\n\\n---\\n\\n`82-91`: **LGTM - Good default track selection logic.**\\n\\nThe method correctly prioritizes a track marked as `default` before falling back to the first track, with proper null checks.\\n\\n---\\n\\n`143-163`: **Retry logic is sound.**\\n\\nThe retry mechanism correctly distinguishes between timeout errors (which break immediately) and other failures (which retry). The previous track restoration on failure is a good recovery strategy.\\n\\n---\\n\\n`278-293`: **LGTM - Error factory method.**\\n\\nThe `recoverable: false` and `retryCount: 0` defaults are appropriate here since this method is called after internal retry attempts have been exhausted.\\n\\n
\\n
\\n
src/modules/player/types.ts (2)
\\n\\n`1-40`: **LGTM - Well-structured error taxonomy and base types.**\\n\\nThe `AppErrorCode` enum provides clear categorization for playback errors, and the `AppError` interface establishes a solid foundation for error handling across the module.\\n\\n---\\n\\n`226-247`: **LGTM - Event map with proper EventEmitter compatibility.**\\n\\nThe index signature for EventEmitter compatibility is well-documented and the typed event payloads provide good developer experience for common events.\\n\\n
\\n
\\n
src/modules/ui/epg/__tests__/EPGErrorBoundary.test.ts (3)
\\n\\n`7-19`: **LGTM - Good test setup with proper cleanup.**\\n\\nThe test suite properly initializes the error boundary, mocks console methods to keep test output clean, and ensures cleanup in `afterEach` with both `destroy()` and `restoreAllMocks()`.\\n\\n---\\n\\n`76-90`: **LGTM - Good threshold behavior verification.**\\n\\nThe test correctly verifies that `degradedMode` is only emitted when the error count reaches the threshold (3), not before.\\n\\n---\\n\\n`157-170`: **LGTM - Thorough destroy lifecycle test.**\\n\\nTesting that callbacks are not invoked after `destroy()` is important for preventing use-after-free scenarios and ensuring clean resource cleanup.\\n\\n
\\n
\\n
src/modules/player/interfaces.ts (3)
\\n\\n`16-38`: **LGTM - Clean lifecycle interface.**\\n\\nThe async `initialize` / sync `destroy` pattern is appropriate. Initialization may need async operations (container lookup, resource allocation) while destruction should be synchronous for reliable cleanup.\\n\\n---\\n\\n`125-148`: **LGTM - Intentional asymmetry in track APIs.**\\n\\nThe design correctly allows disabling subtitles (`null`) while requiring an audio track to always be active. This matches expected media player behavior.\\n\\n---\\n\\n`202-215`: **Consider documenting webOS service integration requirements.**\\n\\nThe `requestMediaSession` and `releaseMediaSession` methods are marked as \\\"for future webOS media keys\\\" but lack parameter definitions. When implementing, these may need to accept configuration for the Luna Service API integration mentioned in `todo.md`.\\n\\n\\n\\nConsider adding a TODO comment or expanding the JSDoc to indicate what configuration these methods might need when implementing proper webOS media session handling.\\n\\n
\\n
\\n
src/modules/player/__tests__/SubtitleManager.test.ts (3)
\\n\\n`14-35`: **LGTM - Adequate mock for textTracks API.**\\n\\nThe mock provides the necessary interface for testing subtitle management without requiring a full browser implementation.\\n\\n---\\n\\n`75-127`: **LGTM - Comprehensive track loading tests.**\\n\\nGood coverage of text-based formats, burn-in requirements, and the unload-before-reload behavior.\\n\\n---\\n\\n`173-195`: **LGTM - Case-insensitive format detection tests.**\\n\\nTesting both lowercase and uppercase format strings (`pgs` vs `PGS`) ensures the implementation handles real-world format variations correctly.\\n\\n
\\n
\\n
src/modules/ui/epg/__tests__/EPGComponent.test.ts (5)
\\n\\n`17-32`: **Type assertion suggests incomplete mock.**\\n\\nThe `as ChannelConfig` assertion on line 32 indicates the mock may not satisfy all required fields of `ChannelConfig`. This is acceptable for testing if only the included fields are used, but could mask issues if the implementation starts using additional fields.\\n\\n\\n\\nConsider whether all required `ChannelConfig` fields should be included in the mock, or document which fields are intentionally omitted for testing purposes.\\n\\n---\\n\\n`65-87`: **LGTM - Proper test setup and teardown.**\\n\\nThe `beforeEach`/`afterEach` pattern correctly creates the container, initializes the EPG, and cleans up both on completion.\\n\\n---\\n\\n`167-245`: **LGTM - Thorough navigation testing.**\\n\\nGood coverage of focus movement in all directions, boundary conditions (returning false at edges), and event emission verification.\\n\\n---\\n\\n`280-303`: **LGTM - Proper isolation for edge case test.**\\n\\nCreating a separate EPG instance to test the \\\"no program focused\\\" scenario ensures the test doesn't depend on prior test state, and the cleanup is handled correctly.\\n\\n---\\n\\n`371-407`: **LGTM - Virtualization constraint verification.**\\n\\nTesting that 2400 potential cells result in < 200 DOM elements validates the virtualization strategy outlined in `todo.md` (EPG_CONFIG.MAX_DOM_ELEMENTS = 200).\\n\\n
\\n
\\n
src/modules/ui/epg/__tests__/EPGVirtualizer.test.ts (3)
\\n\\n`44-131`: **LGTM! Comprehensive positioning tests.**\\n\\nThe `positionCell` tests effectively validate deterministic calculations, correct positioning based on start time, and minimum width enforcement (20px). The test coverage is thorough.\\n\\n---\\n\\n`133-187`: **LGTM! Visible range calculation is well tested.**\\n\\nThe tests properly validate buffer rows, boundary clamping, and time buffer calculations. Edge cases at top and bottom boundaries are handled correctly.\\n\\n---\\n\\n`300-347`: **LGTM! Pool management tests are solid.**\\n\\nThe tests correctly validate element reuse from the pool and that `forceRecycleAll` clears both elements and the pool.\\n\\n
\\n
\\n
src/modules/player/index.ts (1)
\\n\\n`1-28`: **LGTM! Clean barrel export structure.**\\n\\nThe module exports are well-organized, with clear separation between classes, interfaces, and types. The re-export of `AppErrorCode` for convenience is a good developer experience choice.\\n\\n
\\n
\\n
src/modules/player/KeepAliveManager.ts (1)
\\n\\n`42-50`: **LGTM! Proper cleanup of interval resources.**\\n\\nThe `stop()` method correctly clears the interval and resets the state.\\n\\n
\\n
\\n
src/modules/ui/epg/utils.ts (3)
\\n\\n`6-20`: **LGTM! Time formatting is correct.**\\n\\nThe 12-hour format conversion and AM/PM handling are implemented correctly, including proper padding for minutes.\\n\\n---\\n\\n`22-51`: **LGTM! Time range and duration formatting are solid.**\\n\\nBoth functions handle edge cases appropriately (zero hours, zero minutes).\\n\\n---\\n\\n`53-87`: **LGTM! RAF throttling with test environment fallback.**\\n\\nThe test environment detection and fallback to synchronous execution is a good approach for reliable testing. The null check on line 81 is technically redundant since `latestArgs` is always set before scheduling, but it's defensive programming and doesn't hurt performance.\\n\\n
\\n
\\n
src/modules/player/ErrorHandler.ts (1)
\\n\\n`79-96`: **LGTM! Backoff and retry limit utilities are correct.**\\n\\nBoth helper functions implement their logic correctly. The retry attempt cap ensures compliance with the MAX_RETRY_ATTEMPTS constant.\\n\\n
\\n
\\n
src/modules/ui/epg/index.ts (1)
\\n\\n`1-29`: **Well-structured barrel file.**\\n\\nClean organization of public API exports with logical grouping of components, types, constants, and utilities. The type-only exports for interfaces follow TypeScript best practices.\\n\\n
\\n
\\n
src/modules/player/__tests__/VideoPlayer.test.ts (5)
\\n\\n`265-282`: **Potential timing issue in seek test setup.**\\n\\nThe test accesses `container.querySelector('video')` before `loadStream` completes but after `initialize`. This works because `initialize` creates the video element, but accessing it before `loadStream` and then redefining `currentTime` could cause issues if `loadStream` internally recreates or modifies the element.\\n\\nConsider moving the video element query after `loadStream` completes for clarity:\\n\\n```diff\\n it('should seek to startPositionMs', async () => {\\n- const videoElement = container.querySelector('video')!;\\n let currentTimeSet = 0;\\n\\n+ const descriptor = createMockDescriptor({ startPositionMs: 60000 });\\n+ await player.loadStream(descriptor);\\n+\\n+ const videoElement = container.querySelector('video')!;\\n Object.defineProperty(videoElement, 'currentTime', {\\n get: (): number => currentTimeSet,\\n set: (val: number) => {\\n currentTimeSet = val;\\n },\\n configurable: true,\\n });\\n\\n- const descriptor = createMockDescriptor({ startPositionMs: 60000 });\\n- await player.loadStream(descriptor);\\n-\\n- // Should have set currentTime to 60 seconds\\n- expect(currentTimeSet).toBe(60);\\n+ // Verify via state or trigger a new load to test startPositionMs\\n });\\n```\\n\\nHowever, this changes test semantics. Verify the current test reliably passes.\\n\\n---\\n\\n`1-88`: **Solid test coverage for error mapping.**\\n\\nThe `mapMediaErrorCodeToPlaybackError` tests comprehensively cover network timeout recoverability, decode errors, format unsupported, and unknown codes. The exponential backoff calculation verification (1s, 4s for retry counts 0, 2) aligns with the implementation formula `baseDelay * 2^retryCount`.\\n\\n---\\n\\n`94-203`: **Initialization tests are well-structured.**\\n\\nGood coverage of video element creation, default volume application, and container-not-found error handling. The mock setup with `originalCreateElement` binding ensures proper isolation.\\n\\n---\\n\\n`311-460`: **Playback and seeking tests look correct.**\\n\\nThe seeking tests properly simulate the `seeked` event dispatch via setTimeout and use fake timers to advance. The relative seek calculations (60s + 10s = 70s, 60s - 10s = 50s) are verified correctly.\\n\\n---\\n\\n`519-593`: **Error handling retry test is comprehensive.**\\n\\nThe test correctly demonstrates:\\n1. First 3 errors schedule retries (recoverable)\\n2. Fourth error exhausts retries and becomes unrecoverable\\n3. Final error includes `retryCount: 3`\\n\\nThe intentional registration of `errorHandler` after the first error dispatch verifies recoverable errors don't immediately call the handler.\\n\\n
\\n
\\n
spec-pack/artifact-10-implementation-state.json (1)
\\n\\n`1-391`: **Implementation state tracking looks consistent.**\\n\\nThe phase and module status updates correctly reflect the PR progress. Both `video-player` and `epg-ui` modules are marked complete with appropriate review metadata, timestamps, and retry counts.\\n\\n
\\n
\\n
src/modules/player/__tests__/AudioTrackManager.test.ts (3)
\\n\\n`38-66`: **Well-designed mock video element with audioTracks.**\\n\\nThe `preventEnable` option is a clever way to simulate timeout scenarios where track switching never completes. The getter/setter pattern for `enabled` properly mimics browser behavior.\\n\\n---\\n\\n`145-161`: **Good documentation of implementation behavior.**\\n\\nThe test at lines 145-160 explicitly documents that `activeTrackId` is preserved when `setTracks` is called again, even if the new array has a different default track. This prevents accidental behavior changes.\\n\\n---\\n\\n`281-340`: **Timeout handling tests are thorough.**\\n\\nThe tests properly verify:\\n1. `TRACK_SWITCH_TIMEOUT` error code (not `TRACK_SWITCH_FAILED`)\\n2. Error structure completeness (`recoverable: false`, `retryCount: 0`)\\n3. State preservation after timeout failure (`activeTrackId` unchanged)\\n\\nUsing `jest.runAllTimersAsync()` ensures proper async handling with fake timers.\\n\\n
\\n
\\n
src/modules/player/RetryManager.ts (2)
\\n\\n`72-88`: **Retry logic correctly caps attempts.**\\n\\nThe `Math.min(this._configRetryAttempts, MAX_RETRY_ATTEMPTS)` ensures the retry count never exceeds the spec-defined maximum of 3, even if config specifies a higher value.\\n\\n---\\n\\n`22-40`: **LGTM: Clean initialization with sensible defaults.**\\n\\nPrivate fields are properly initialized with constants, and optional config parameters in `initialize()` correctly fall back to defaults using nullish coalescing.\\n\\n
\\n
\\n
src/modules/player/constants.ts (1)
\\n\\n`1-104`: **Well-organized constants module.**\\n\\nGood separation of concerns with clear section headers. The `as const` assertion on `DEFAULT_CONFIG` ensures type narrowing for literal values. MIME type mappings and subtitle format arrays are appropriately typed.\\n\\n
\\n
\\n
src/modules/ui/epg/EPGInfoPanel.ts (1)
\\n\\n`26-46`: **Static analysis warning is a false positive.**\\n\\nThe `innerHTML` assignment at line 29 uses `createTemplate()` which returns a hardcoded HTML string with no user input interpolation. This is safe as no dynamic content flows into the template. The actual content (title, meta, description) is set via `textContent` property which automatically escapes HTML.\\n\\n
\\n
\\n
src/modules/ui/epg/EPGChannelList.ts (1)
\\n\\n`61-74`: **LGTM - Safe DOM clearing pattern.**\\n\\nThe static analysis hint for `innerHTML = ''` on line 64 is a false positive. Clearing innerHTML with an empty string is safe and is a common pattern for removing all child elements before re-rendering. The subsequent rendering uses `document.createElement` and `textContent`, which properly escapes content.\\n\\n
\\n
\\n
src/modules/ui/epg/EPGTimeHeader.ts (2)
\\n\\n`16-24`: **Timezone handling may be inconsistent.**\\n\\n`formatTimeSlot` uses the browser's local timezone via `new Date(timestamp)`. If the EPG schedule data uses a specific timezone (e.g., server/broadcast timezone), this could display incorrect times. Consider whether you need explicit timezone handling or if local timezone is the intended behavior for this use case.\\n\\n\\n\\nVerify that the timestamps passed to this function are already adjusted for display timezone, or consider using a library like `date-fns-tz` for explicit timezone handling if needed.\\n\\n---\\n\\n`73-89`: **LGTM - Slot rendering logic is correct.**\\n\\nThe `innerHTML = ''` on line 76 is safe (clearing content). The slot calculation and rendering logic properly creates positioned time labels. The loop correctly calculates slot times based on the anchor time and slot interval.\\n\\n
\\n
\\n
src/modules/ui/epg/EPGErrorBoundary.ts (2)
\\n\\n`60-100`: **LGTM - Well-structured error boundary.**\\n\\nThe error handling logic correctly:\\n- Tracks per-type error counts with safe undefined handling\\n- Invokes type-specific recovery callbacks when registered\\n- Emits `degradedMode` event when threshold is reached\\n- Covers all defined `EPGErrorType` cases in the switch statement\\n\\n---\\n\\n`110-125`: **LGTM - Wrapper utility is well-designed.**\\n\\nThe `wrap` method provides a clean try/catch pattern that properly converts unknown errors to `Error` instances before delegating to `handleError`. Returning `undefined` on error is appropriate for this use case.\\n\\n
\\n
\\n
src/modules/ui/epg/interfaces.ts (2)
\\n\\n`19-157`: **LGTM - Comprehensive interface definition.**\\n\\nThe `IEPGComponent` interface provides a well-organized public API contract covering lifecycle, visibility, data loading, navigation, input handling, state, and events. The generic event methods properly constrain to `EPGEventMap` keys.\\n\\n---\\n\\n`163-180`: **LGTM - Clean info panel interface.**\\n\\nThe `IEPGInfoPanel` interface is appropriately minimal for an overlay panel component.\\n\\n
\\n
\\n
src/modules/ui/epg/constants.ts (1)
\\n\\n`10-37`: **LGTM - Well-organized constants.**\\n\\nThe constants are properly typed with `as const`, use readable numeric separators (`60_000`), and reference ADR documentation for rationale. The separation between layout constants, CSS classes, errors, and default config promotes maintainability.\\n\\n
\\n
\\n
src/modules/player/VideoPlayerEvents.ts (1)
\\n\\n`105-143`: **LGTM - Robust waitForCanPlay implementation.**\\n\\nThe promise-based wait correctly handles:\\n- Early return if already ready (`readyState >= 3`)\\n- Cleanup on success, error, or timeout\\n- Proper event listener removal to prevent memory leaks\\n\\n
\\n
\\n
src/modules/player/SubtitleManager.ts (1)
\\n\\n`152-175`: **LGTM - Good defensive coding for track element creation.**\\n\\nThe null check for `trackElement.track` (line 170) handles jsdom/test environment compatibility. The `forced` flag is correctly stored in `dataset` since there's no native property for it.\\n\\n
\\n
\\n
src/modules/ui/epg/types.ts (1)
\\n\\n`1-211`: **LGTM!**\\n\\nThe type definitions are well-structured with clear JSDoc comments. The re-exports from scheduler types provide a clean API surface, and the index signature on `EPGEventMap` properly enables EventEmitter compatibility.\\n\\n
\\n
\\n
src/modules/ui/epg/EPGVirtualizer.ts (3)
\\n\\n`255-271`: **innerHTML usage is safe here.**\\n\\nThe static analysis tool flagged this `innerHTML` assignment, but it's a false positive. The template only contains hardcoded CSS class names from `EPG_CLASSES` constants—no user input is interpolated. User-provided content (program title/time) is correctly assigned via `textContent` in `renderCell()`, which automatically escapes any special characters.\\n\\n---\\n\\n`187-247`: **Well-implemented DOM recycling logic.**\\n\\nThe virtualization approach correctly:\\n1. Recycles elements that scroll out of view\\n2. Reuses existing elements when possible\\n3. Creates new elements only when the pool is empty\\n\\nThis should maintain the target of <200 DOM elements as stated in the module docs.\\n\\n---\\n\\n`31-48`: **Pure positioning function is well-designed.**\\n\\n`positionCell` is correctly implemented as a pure function with sensible defaults. The minimum 20px width prevents cells from becoming invisibly small for very short programs.\\n\\n
\\n
\\n
src/modules/ui/epg/EPGComponent.ts (4)
\\n\\n`172-184`: **Safe innerHTML usage for DOM scaffolding.**\\n\\nThe static analysis warnings for `innerHTML` here are false positives. The template contains only hardcoded CSS class names from `EPG_CLASSES` constants. No user-supplied data is interpolated into this HTML structure—user content (program titles, etc.) flows through the virtualizer which uses `textContent`.\\n\\n---\\n\\n`800-808`: **Good error boundary integration for rendering resilience.**\\n\\nWrapping the render logic in `errorBoundary.wrap()` ensures that rendering failures don't crash the entire EPG component. Combined with the recovery callbacks set up in `initializeErrorBoundary()`, this provides graceful degradation.\\n\\n---\\n\\n`32-32`: **No action required - type structures match.**\\n\\nThe `DEFAULT_EPG_CONFIG` structure fully satisfies the `EPGConfig` interface. All nine properties are present with matching types. The double assertion `as unknown as EPGConfig` is a necessary TypeScript pattern when assigning a const-asserted object to a regular interface, not a sign of type incompatibility. If the intent is to avoid the double assertion, consider removing `as const` from `DEFAULT_EPG_CONFIG`, but the current implementation is safe and correct.\\n\\n---\\n\\n`571-576`: **`elapsedMs` property is correctly defined and maintained.**\\n\\nThe `ScheduledProgram` interface defines `elapsedMs: number` (src/modules/scheduler/scheduler/types.ts:55) with documentation \\\"Time elapsed since program started (ms)\\\". The property is initialized during schedule calculation in ScheduleCalculator.ts and properly maintained throughout the application lifecycle, as evidenced by comprehensive test coverage. The navigation logic in EPGComponent correctly uses this property to preserve the timeline position when moving between channels.\\n\\n
\\n
\\n
src/modules/ui/epg/styles.css (2)
\\n\\n`260-265`: **CSS variables defined for theming support.**\\n\\nGood use of CSS custom properties for theming. The variables are correctly placed in `:root` and used consistently throughout the stylesheet with fallback values.\\n\\n---\\n\\n`1-265`: **Well-structured EPG stylesheet.**\\n\\nThe CSS is cleanly organized with logical groupings, appropriate use of CSS Grid and Flexbox, and smooth 150ms transitions suitable for TV interfaces. The `z-index` layering (container: 1000, time indicator: 100, focused cell: 10) is sensible.\\n\\n
\\n\\n

\\n\\n

\\n\\n\",\"path\":null,\"side\":null,\"line\":null}{\"type\":\"pull_request_comment\",\"body\":\"**Actionable comments posted: 0**\\n\\n

\\n

🧹 Nitpick comments (1)

\\n\\n
\\n
src/modules/player/RetryManager.ts (1)
\\n\\n`171-171`: **Minor comment inaccuracy.**\\n\\nThe comment states \\\"mirrors VideoPlayer.loadStream() which waits for canplay,\\\" but the code below waits for `loadedmetadata` (line 187), not `canplay`. Consider updating the comment to reflect the actual implementation.\\n\\n\\n\\n
\\n
📝 Suggested comment fix
\\n\\n```diff\\n- // Wait for loadedmetadata before seeking, as load() resets currentTime\\n- // This mirrors VideoPlayer.loadStream() which waits for canplay\\n+ // Wait for loadedmetadata before seeking, as load() resets currentTime\\n+ // Note: VideoPlayer.loadStream() waits for canplay; we use loadedmetadata here as it's sufficient for seeking\\n```\\n
\\n\\n
\\n\\n

\\n\\n

\\n

📜 Review details

\\n\\n**Configuration used**: Organization UI\\n\\n**Review profile**: CHILL\\n\\n**Plan**: Pro\\n\\n

\\n

📥 Commits

\\n\\nReviewing files that changed from the base of the PR and between cbd2514c2351099829263e077a19b78277b59b71 and 34be8cc821ab9ba431dc9b24b4b220b7237f55d8.\\n\\n

\\n\\n

\\n

📒 Files selected for processing (4)

\\n\\n* `src/modules/player/ErrorHandler.ts`\\n* `src/modules/player/KeepAliveManager.ts`\\n* `src/modules/player/RetryManager.ts`\\n* `src/modules/player/VideoPlayer.ts`\\n\\n

\\n\\n

\\n

🚧 Files skipped from review as they are similar to previous changes (2)

\\n\\n* src/modules/player/ErrorHandler.ts\\n* src/modules/player/KeepAliveManager.ts\\n\\n

\\n\\n

\\n

🧰 Additional context used

\\n\\n

\\n

🧬 Code graph analysis (2)

\\n\\n

\\n

src/modules/player/RetryManager.ts (3)

\\n\\n
\\n
src/modules/player/types.ts (2)
\\n\\n* `PlaybackError` (219-224)\\n* `StreamDescriptor` (152-171)\\n\\n
\\n
\\n
src/modules/player/constants.ts (2)
\\n\\n* `RETRY_BASE_DELAY_MS` (29-29)\\n* `MAX_RETRY_ATTEMPTS` (24-24)\\n\\n
\\n
\\n
src/modules/player/ErrorHandler.ts (1)
\\n\\n* `mapMediaErrorCodeToPlaybackError` (22-77)\\n\\n
\\n\\n

\\n

src/modules/player/VideoPlayer.ts (7)

\\n\\n
\\n
src/modules/player/index.ts (9)
\\n\\n* `VideoPlayer` (7-7)\\n* `IVideoPlayer` (11-11)\\n* `SubtitleManager` (8-8)\\n* `VideoPlayerConfig` (15-15)\\n* `StreamDescriptor` (16-16)\\n* `SubtitleTrack` (18-18)\\n* `AudioTrack` (19-19)\\n* `PlaybackState` (20-20)\\n* `PlayerStatus` (21-21)\\n\\n
\\n
\\n
src/modules/player/interfaces.ts (1)
\\n\\n* `IVideoPlayer` (20-215)\\n\\n
\\n
\\n
src/modules/player/SubtitleManager.ts (1)
\\n\\n* `SubtitleManager` (15-196)\\n\\n
\\n
\\n
src/modules/player/AudioTrackManager.ts (1)
\\n\\n* `AudioTrackManager` (62-294)\\n\\n
\\n
\\n
src/modules/player/VideoPlayerEvents.ts (1)
\\n\\n* `VideoPlayerEvents` (29-287)\\n\\n
\\n
\\n
src/modules/player/RetryManager.ts (1)
\\n\\n* `RetryManager` (22-190)\\n\\n
\\n
\\n
src/modules/player/constants.ts (3)
\\n\\n* `DEFAULT_CONFIG` (70-77)\\n* `VIDEO_ELEMENT_ID` (38-38)\\n* `VIDEO_ELEMENT_STYLES` (43-51)\\n\\n
\\n\\n

\\n\\n

\\n

🔇 Additional comments (4)

\\n\\n
\\n
src/modules/player/VideoPlayer.ts (3)
\\n\\n`93-150`: **Well-structured initialization with proper safeguards.**\\n\\nThe initialization method includes:\\n- Guard against multiple initialization (lines 94-98) with automatic cleanup\\n- Config merging with defaults (lines 101-104)\\n- Proper video element creation and styling (lines 107-110)\\n- Container validation (lines 113-116)\\n- Sequential manager initialization (lines 125-145)\\n- Keep-alive mechanism integration (lines 148-149)\\n\\nThe defensive approach of calling `destroy()` when already initialized (line 97) prevents resource leaks.\\n\\n---\\n\\n`385-402`: **Excellent volume control implementation.**\\n\\nThe volume setter includes important safeguards:\\n- Clamping to [0, 1] prevents invalid volume levels (line 391)\\n- Auto-unmute when setting volume > 0 while muted (lines 396-399) provides intuitive UX\\n- Consistent state emission (line 401)\\n\\nThis prevents common volume-related bugs and edge cases.\\n\\n---\\n\\n`187-244`: **Robust stream loading with proper sequencing.**\\n\\nThe `loadStream()` method correctly orchestrates:\\n- Protocol-specific source handling for HLS vs direct playback (lines 208-217)\\n- Track loading with burn-in detection (lines 220-226)\\n- Critical sequencing: `load()` → `waitForCanPlay()` → seek to start position (lines 233-243)\\n\\nThe comment at line 240 appropriately highlights that seeking must happen after `canplay` since `load()` resets `currentTime`.\\n\\n
\\n
\\n
src/modules/player/RetryManager.ts (1)
\\n\\n`170-189`: **Address event inconsistency between retry and initial load paths.**\\n\\nRetryManager waits for `loadedmetadata` (line 175) before seeking, while VideoPlayer waits for `canplay`. The code comment at line 171-172 claims this \\\"mirrors VideoPlayer.loadStream() which waits for canplay,\\\" but this is inaccurate—the events differ. `loadedmetadata` fires earlier when duration/dimensions are available, whereas `canplay` waits for sufficient buffering.\\n\\nThis inconsistency could cause seeking failures in the retry path if insufficient data is buffered. Either align both paths to use `canplay` for consistency and safety, or update the comment to explain why `loadedmetadata` is intentional for retry recovery.\\n\\n
\\n\\n

\\n\\n

\\n\\n\",\"path\":null,\"side\":null,\"line\":null}{\"type\":\"pull_request_comment\",\"body\":\"_⚠️ Potential issue_ | _🟠 Major_\\n\\n**Validate channel icon URLs to prevent potential XSS.**\\n\\nThe channel icon URL is directly assigned to `img.src` without validation. While modern browsers provide some protection, malicious URLs (e.g., `javascript:`, `data:text/html`) could potentially be exploited.\\n\\n\\n\\n

\\n

🔒 Proposed fix to add URL validation

\\n\\n```diff\\n // Channel icon (if available)\\n if (channel.icon) {\\n+ // Validate URL scheme to prevent javascript: or data: URLs\\n+ const isValidUrl = /^https?:\\\\/\\\\//i.test(channel.icon);\\n+ if (isValidUrl) {\\n const icon = document.createElement('img');\\n icon.className = 'epg-channel-icon';\\n icon.src = channel.icon;\\n icon.alt = channel.name;\\n row.appendChild(icon);\\n+ }\\n }\\n```\\n\\n

\\n\\n\\n\\n

\\n

📝 Committable suggestion

\\n\\n\\n\\n

\\n

🤖 Prompt for AI Agents

\\n\\n```\\nIn @src/modules/ui/epg/EPGChannelList.ts around lines 101 - 107, Validate\\nchannel.icon before assigning to img.src in EPGChannelList: parse the\\nchannel.icon value (e.g., with the URL constructor using document.baseURI or by\\nchecking a regex) and only allow safe schemes (http:, https:, or data: limited\\nto image/* MIME types); if the URL has an unsafe scheme (javascript:, data: with\\nnon-image MIME, vbscript:, etc.) or fails parsing, skip creating/setting the\\nicon. Update the block that creates the img element (the code handling\\nchannel.icon) to perform this validation and only append the img when the URL is\\nconfirmed safe.\\n```\\n\\n

\\n\\n\\n\\n\",\"path\":\"src/modules/ui/epg/EPGChannelList.ts\",\"side\":\"RIGHT\",\"line\":107}{\"type\":\"pull_request_comment\",\"body\":\"_⚠️ Potential issue_ | _🟠 Major_\\n\\n**Validate color values to prevent CSS injection.**\\n\\nThe channel color is directly applied to inline styles without validation. A malicious color value could inject arbitrary CSS or break the layout.\\n\\n\\n\\n

\\n

🎨 Proposed fix to validate color format

\\n\\n```diff\\n // Apply color if set\\n if (channel.color) {\\n+ // Validate color format (hex, rgb, rgba, named colors)\\n+ const isValidColor = /^(#[0-9A-Fa-f]{3,8}|rgb\\\\(|rgba\\\\(|[a-z]+)$/i.test(channel.color);\\n+ if (isValidColor) {\\n row.style.borderLeftColor = channel.color;\\n row.style.borderLeftWidth = '4px';\\n row.style.borderLeftStyle = 'solid';\\n+ }\\n }\\n```\\n\\n

\\n\\n\\n\\n

\\n

📝 Committable suggestion

\\n\\n\\n\\n

\\n

🤖 Prompt for AI Agents

\\n\\n```\\nIn @src/modules/ui/epg/EPGChannelList.ts around lines 113 - 117, channel.color\\nis applied directly to inline styles which risks CSS injection; validate and\\nsanitize the value before assigning it to row.style.borderLeftColor. Add a\\nvalidation step in EPGChannelList (where row and channel.color are used) that\\nonly accepts safe formats (e.g., hex like #RGB/#RRGGBB and rgb()/rgba() with\\nnumeric components) using strict regex checks, and if the value fails validation\\neither skip setting borderLeftColor or use a safe default color; do not simply\\nescape or concatenate unvalidated input into the style.\\n```\\n\\n

\\n\\n\\n\\n\",\"path\":\"src/modules/ui/epg/EPGChannelList.ts\",\"side\":\"RIGHT\",\"line\":117}{\"type\":\"pull_request_comment\",\"body\":\"**Actionable comments posted: 2**\\n\\n

\\n

🤖 Fix all issues with AI agents

\\n\\n```\\nIn @src/modules/ui/epg/EPGChannelList.ts:\\n- Around line 113-117: channel.color is applied directly to inline styles which\\nrisks CSS injection; validate and sanitize the value before assigning it to\\nrow.style.borderLeftColor. Add a validation step in EPGChannelList (where row\\nand channel.color are used) that only accepts safe formats (e.g., hex like\\n#RGB/#RRGGBB and rgb()/rgba() with numeric components) using strict regex\\nchecks, and if the value fails validation either skip setting borderLeftColor or\\nuse a safe default color; do not simply escape or concatenate unvalidated input\\ninto the style.\\n- Around line 101-107: Validate channel.icon before assigning to img.src in\\nEPGChannelList: parse the channel.icon value (e.g., with the URL constructor\\nusing document.baseURI or by checking a regex) and only allow safe schemes\\n(http:, https:, or data: limited to image/* MIME types); if the URL has an\\nunsafe scheme (javascript:, data: with non-image MIME, vbscript:, etc.) or fails\\nparsing, skip creating/setting the icon. Update the block that creates the img\\nelement (the code handling channel.icon) to perform this validation and only\\nappend the img when the URL is confirmed safe.\\n```\\n\\n

\\n\\n

\\n

🧹 Nitpick comments (4)

\\n\\n
\\n
src/modules/ui/epg/EPGInfoPanel.ts (1)
\\n\\n`110-113`: **Consider removing the non-null assertion.**\\n\\nLine 111 uses a non-null assertion (`item.thumb!`) immediately after validating that `item.thumb` exists. While this works, it's slightly redundant since TypeScript should be able to narrow the type based on the `isValidUrl` check.\\n\\n\\n\\n
\\n
♻️ Proposed refactor to remove non-null assertion
\\n\\n```diff\\n const isValidUrl = item.thumb && /^https?:\\\\/\\\\//i.test(item.thumb);\\n if (isValidUrl) {\\n- poster.src = item.thumb!;\\n+ poster.src = item.thumb;\\n poster.alt = item.title;\\n poster.style.display = 'block';\\n```\\n\\n
\\n\\n
\\n
\\n
src/modules/ui/epg/styles.css (2)
\\n\\n`114-128`: **Consider using transform for hardware acceleration.**\\n\\nThe program cells use `transition` on `transform` and `box-shadow`, which is good for performance. However, for optimal performance on lower-end devices, consider adding `will-change: transform` for cells that will be frequently focused.\\n\\n\\n\\n
\\n
⚡ Proposed optimization for better performance
\\n\\n```diff\\n .epg-cell {\\n position: absolute;\\n height: 76px;\\n padding: 8px 12px;\\n background: rgba(255, 255, 255, 0.1);\\n border-radius: 4px;\\n display: flex;\\n flex-direction: column;\\n justify-content: center;\\n overflow: hidden;\\n box-sizing: border-box;\\n margin: 2px;\\n transition: transform 150ms ease-out, box-shadow 150ms ease-out;\\n cursor: pointer;\\n+ /* Hint to browser for upcoming transform changes */\\n+ will-change: transform;\\n }\\n```\\n\\nNote: Use `will-change` sparingly as it can increase memory usage. Only apply to elements that will actually transform frequently.\\n\\n
\\n\\n---\\n\\n`229-239`: **Use standard properties alongside vendor-prefixed ones.**\\n\\nThe description uses `-webkit-line-clamp` and `-webkit-box-orient` (Lines 234-235) which are WebKit-specific. While widely supported, consider adding fallback behavior for better cross-browser compatibility.\\n\\n\\n\\n
\\n
🌐 Proposed fix for better cross-browser support
\\n\\n```diff\\n .epg-info-description {\\n font-size: 20px;\\n line-height: 1.4;\\n color: rgba(255, 255, 255, 0.9);\\n+ /* Fallback for browsers that don't support line-clamp */\\n+ overflow: hidden;\\n+ max-height: calc(20px * 1.4 * 3);\\n+ /* Modern multi-line truncation (WebKit) */\\n display: -webkit-box;\\n -webkit-line-clamp: 3;\\n -webkit-box-orient: vertical;\\n- overflow: hidden;\\n text-overflow: ellipsis;\\n- max-height: calc(20px * 1.4 * 3);\\n }\\n```\\n\\nNote: The current implementation already includes `overflow: hidden` and `max-height` as fallbacks, which is good. This reordering just makes the progressive enhancement more explicit.\\n\\n
\\n\\n
\\n
\\n
src/modules/player/VideoPlayerEvents.ts (1)
\\n\\n`105-143`: **Consider capturing video element reference to prevent cleanup issues.**\\n\\nSimilar to the pattern used in `VideoPlayer.seekTo()`, if `detach()` is called while `waitForCanPlay` is pending, the cleanup function uses optional chaining on `this._videoElement` which may be null. While this won't cause a crash, the event listeners could leak if the element still exists but the reference is cleared.\\n\\n\\n
\\n
♻️ Suggested improvement
\\n\\n```diff\\n public waitForCanPlay(timeoutMs: number = 30000): Promise {\\n return new Promise((resolve, reject) => {\\n if (!this._videoElement) {\\n reject(new Error('Video element not available'));\\n return;\\n }\\n\\n if (this._videoElement.readyState >= 3) {\\n resolve();\\n return;\\n }\\n\\n+ const videoElement = this._videoElement; // Capture reference\\n let timeoutId: ReturnType | null = null;\\n\\n const cleanup = (): void => {\\n if (timeoutId) clearTimeout(timeoutId);\\n- this._videoElement?.removeEventListener('canplay', onCanPlay);\\n- this._videoElement?.removeEventListener('error', onError);\\n+ videoElement.removeEventListener('canplay', onCanPlay);\\n+ videoElement.removeEventListener('error', onError);\\n };\\n```\\n
\\n\\n
\\n\\n

\\n\\n

\\n

📜 Review details

\\n\\n**Configuration used**: Organization UI\\n\\n**Review profile**: CHILL\\n\\n**Plan**: Pro\\n\\n

\\n

📥 Commits

\\n\\nReviewing files that changed from the base of the PR and between 34be8cc821ab9ba431dc9b24b4b220b7237f55d8 and b57176fb7f5cc92dfba8514b897331c7c87fcace.\\n\\n

\\n\\n

\\n

📒 Files selected for processing (8)

\\n\\n* `src/modules/player/AudioTrackManager.ts`\\n* `src/modules/player/VideoPlayer.ts`\\n* `src/modules/player/VideoPlayerEvents.ts`\\n* `src/modules/player/types.ts`\\n* `src/modules/ui/epg/EPGChannelList.ts`\\n* `src/modules/ui/epg/EPGInfoPanel.ts`\\n* `src/modules/ui/epg/__tests__/EPGVirtualizer.test.ts`\\n* `src/modules/ui/epg/styles.css`\\n\\n

\\n\\n

\\n

🧰 Additional context used

\\n\\n

\\n

🧬 Code graph analysis (5)

\\n\\n

\\n

src/modules/player/VideoPlayerEvents.ts (3)

\\n\\n
\\n
src/modules/player/types.ts (4)
\\n\\n* `PlayerStatus` (180-188)\\n* `VideoPlayerInternalState` (256-279)\\n* `PlayerEventMap` (230-247)\\n* `TimeRange` (90-95)\\n\\n
\\n
\\n
src/modules/player/index.ts (3)
\\n\\n* `PlayerStatus` (21-21)\\n* `PlayerEventMap` (24-24)\\n* `TimeRange` (23-23)\\n\\n
\\n
\\n
src/modules/player/RetryManager.ts (1)
\\n\\n* `RetryManager` (22-190)\\n\\n
\\n\\n

\\n

src/modules/ui/epg/__tests__/EPGVirtualizer.test.ts (3)

\\n\\n
\\n
src/modules/ui/epg/EPGVirtualizer.ts (2)
\\n\\n* `EPGVirtualizer` (56-437)\\n* `positionCell` (31-48)\\n\\n
\\n
\\n
src/modules/ui/epg/types.ts (3)
\\n\\n* `EPGConfig` (19-38)\\n* `ScheduledProgram` (10-10)\\n* `ScheduleWindow` (10-10)\\n\\n
\\n
\\n
src/modules/ui/epg/constants.ts (1)
\\n\\n* `EPG_CONSTANTS` (10-37)\\n\\n
\\n\\n

\\n

src/modules/player/VideoPlayer.ts (6)

\\n\\n
\\n
src/modules/player/interfaces.ts (1)
\\n\\n* `IVideoPlayer` (20-215)\\n\\n
\\n
\\n
src/modules/player/types.ts (8)
\\n\\n* `PlayerEventMap` (230-247)\\n* `VideoPlayerConfig` (48-63)\\n* `VideoPlayerInternalState` (256-279)\\n* `StreamDescriptor` (152-171)\\n* `SubtitleTrack` (104-121)\\n* `AudioTrack` (126-143)\\n* `PlaybackState` (193-214)\\n* `PlayerStatus` (180-188)\\n\\n
\\n
\\n
src/modules/player/SubtitleManager.ts (1)
\\n\\n* `SubtitleManager` (15-196)\\n\\n
\\n
\\n
src/modules/player/AudioTrackManager.ts (1)
\\n\\n* `AudioTrackManager` (62-303)\\n\\n
\\n
\\n
src/modules/player/VideoPlayerEvents.ts (1)
\\n\\n* `VideoPlayerEvents` (29-287)\\n\\n
\\n
\\n
src/modules/player/RetryManager.ts (1)
\\n\\n* `RetryManager` (22-190)\\n\\n
\\n\\n

\\n

src/modules/ui/epg/EPGChannelList.ts (2)

\\n\\n
\\n
src/modules/ui/epg/types.ts (1)
\\n\\n* `EPGConfig` (19-38)\\n\\n
\\n
\\n
src/modules/ui/epg/constants.ts (1)
\\n\\n* `EPG_CLASSES` (42-63)\\n\\n
\\n\\n

\\n

src/modules/player/types.ts (1)

\\n\\n
\\n
src/modules/player/index.ts (11)
\\n\\n* `AppErrorCode` (28-28)\\n* `VideoPlayerConfig` (15-15)\\n* `MediaMetadata` (17-17)\\n* `TimeRange` (23-23)\\n* `SubtitleTrack` (18-18)\\n* `AudioTrack` (19-19)\\n* `StreamDescriptor` (16-16)\\n* `PlayerStatus` (21-21)\\n* `PlaybackState` (20-20)\\n* `PlaybackError` (22-22)\\n* `PlayerEventMap` (24-24)\\n\\n
\\n\\n

\\n\\n

\\n

🪛 ast-grep (0.40.4)

\\n\\n

\\n

src/modules/ui/epg/EPGChannelList.ts

\\n

src/modules/ui/epg/EPGInfoPanel.ts

\\n\\n

\\n

🔇 Additional comments (41)

\\n\\n
\\n
src/modules/ui/epg/EPGChannelList.ts (3)
\\n\\n`64-64`: **The innerHTML usage is safe in this context.**\\n\\nThe static analysis warning about innerHTML at Line 64 is a false positive. The code is clearing the container (`innerHTML = ''`) rather than inserting user-controlled content, which poses no XSS risk.\\n\\n---\\n\\n`27-33`: **LGTM! Clean initialization.**\\n\\nThe initialization logic correctly creates and appends the container element.\\n\\n---\\n\\n`38-46`: **LGTM! Proper cleanup.**\\n\\nThe destroy method properly cleans up DOM elements and internal state.\\n\\n
\\n
\\n
src/modules/ui/epg/EPGInfoPanel.ts (3)
\\n\\n`29-29`: **The innerHTML usage is safe in this context.**\\n\\nThe static analysis warnings about innerHTML at Line 29 are false positives. The `createTemplate()` method returns a hardcoded HTML string with no user input, making this operation safe from XSS.\\n\\n---\\n\\n`108-117`: **Excellent URL validation for security.**\\n\\nThe URL validation at Line 109 using a regex to check for `http://` or `https://` schemes is a solid defense-in-depth approach that prevents `javascript:` or `data:` URL injection attacks.\\n\\n---\\n\\n`119-143`: **LGTM! Safe content updates using textContent.**\\n\\nThe content update logic correctly uses `textContent` for all user-controlled data (title, meta, description), which prevents XSS vulnerabilities. The description is appropriately hidden until extended metadata is available.\\n\\n
\\n
\\n
src/modules/ui/epg/__tests__/EPGVirtualizer.test.ts (6)
\\n\\n`1-42`: **LGTM! Well-structured test setup.**\\n\\nThe test file is properly configured with jsdom environment, and the beforeEach/afterEach hooks correctly initialize and clean up test fixtures.\\n\\n---\\n\\n`44-131`: **Excellent coverage of positionCell edge cases.**\\n\\nThe positionCell tests comprehensively verify:\\n- Deterministic left/width calculation\\n- Correct positioning based on time offsets\\n- Minimum width enforcement (20px)\\n\\nThis ensures the core positioning logic is robust.\\n\\n---\\n\\n`133-187`: **LGTM! Thorough testing of visible range calculation.**\\n\\nThe tests properly validate:\\n- Buffer row inclusion (ROW_BUFFER = 2)\\n- Boundary clamping at top and bottom\\n- Time buffer calculations\\n\\nThis ensures the virtualization range logic handles all edge cases correctly.\\n\\n---\\n\\n`189-240`: **Strong validation of DOM element limits.**\\n\\nThe test correctly verifies that the virtualizer maintains DOM element count under the MAX_DOM_ELEMENTS threshold (200) even with 50 channels and 48 programs each, confirming the virtualization prevents DOM bloat.\\n\\n---\\n\\n`242-300`: **Excellent test of element recycling during scroll.**\\n\\nThe test validates that element recycling works as expected during scrolling, with element counts remaining stable and within bounds. The tolerance check (`Math.abs(afterScrollCount - initialCount) < 50`) appropriately accounts for buffer variance.\\n\\n---\\n\\n`302-349`: **LGTM! Pool management verification is thorough.**\\n\\nThe test correctly validates that `forceRecycleAll()` clears both visible elements and the element pool, ensuring proper memory management during cleanup.\\n\\n
\\n
\\n
src/modules/ui/epg/styles.css (3)
\\n\\n`1-19`: **LGTM! Clean container implementation.**\\n\\nThe EPG container uses appropriate positioning and visibility control with the `.visible` class toggle. The overlay styling with high z-index (1000) ensures proper layering.\\n\\n---\\n\\n`134-148`: **Excellent accessibility support for high-contrast mode.**\\n\\nThe inclusion of Windows High Contrast Mode support at Lines 144-148 using `@media (forced-colors: active)` ensures the focused state remains visible for users with accessibility needs. This is a best practice for inclusive design.\\n\\n---\\n\\n`269-274`: **LGTM! Clean theming implementation.**\\n\\nThe CSS custom properties provide a clean theming system that's easy to override and maintain.\\n\\n
\\n
\\n
src/modules/player/VideoPlayer.ts (11)
\\n\\n`1-34`: **LGTM!**\\n\\nClean module header with proper imports and backward-compatible re-export of `mapMediaErrorCodeToPlaybackError`.\\n\\n---\\n\\n`93-150`: **LGTM!**\\n\\nThe initialization logic is well-structured with proper guards against re-initialization, correct volume clamping, and orderly manager setup. The keep-alive manager is started appropriately after configuration.\\n\\n---\\n\\n`155-177`: **LGTM!**\\n\\nClean teardown sequence: managers stopped first, video element properly paused and cleaned up, event listeners removed, and state reset. Good defensive programming with the null check on `_videoElement`.\\n\\n---\\n\\n`187-244`: **LGTM!**\\n\\nGood stream loading flow with proper unload before reload, protocol-based source handling (native HLS vs source element), and correct ordering of operations. The critical comment about not using HLS.js on webOS is helpful for future maintainers.\\n\\n---\\n\\n`249-286`: **LGTM!**\\n\\nThorough stream cleanup: cancels retries first to prevent race conditions, removes all source elements, clears the `src` attribute, and properly resets all related state fields.\\n\\n---\\n\\n`295-306`: **LGTM!**\\n\\nProper error propagation from the native `play()` call, which correctly surfaces autoplay policy violations to the caller.\\n\\n---\\n\\n`328-365`: **Previous feedback addressed.**\\n\\nThe seek implementation now correctly captures the video element reference before the async operation, preventing null reference issues if `destroy()` is called mid-seek.\\n\\n---\\n\\n`385-446`: **LGTM!**\\n\\nVolume controls are well-implemented with proper clamping, synchronized state management, and good UX (auto-unmute when setting volume while muted). State changes are consistently emitted.\\n\\n---\\n\\n`456-495`: **LGTM!**\\n\\nTrack management properly delegates to respective managers and consistently emits `trackChange` events. The async signature on `setSubtitleTrack` maintains interface consistency even though the underlying operation is synchronous.\\n\\n---\\n\\n`504-568`: **LGTM!**\\n\\nState accessors provide safe fallbacks for uninitialized states, and `getDurationMs` correctly handles non-finite durations (NaN/Infinity) by falling back to the state value. Event delegation is clean.\\n\\n---\\n\\n`577-629`: **LGTM!**\\n\\nPlaceholder stubs for webOS media session are appropriately documented with TODO comments. Private helper methods are clean, and `_updateStatus` correctly avoids emitting redundant state changes.\\n\\n
\\n
\\n
src/modules/player/VideoPlayerEvents.ts (5)
\\n\\n`1-46`: **LGTM!**\\n\\nClean module structure with proper type imports and well-defined `EventHandlerCallbacks` interface. The class fields are appropriately typed with null as initial values.\\n\\n---\\n\\n`51-99`: **LGTM!**\\n\\nProper event listener management with bound handlers stored for cleanup. The comprehensive list of video events covers all necessary playback states, and `detach()` correctly cleans up all references.\\n\\n---\\n\\n`149-190`: **LGTM!**\\n\\nEvent handlers correctly manage state transitions with proper guards to prevent invalid state changes (e.g., not transitioning to 'paused' during seeking/ended). The seek state preservation pattern (`_statusBeforeSeek`) is well-implemented.\\n\\n---\\n\\n`192-211`: **LGTM!**\\n\\nError handling properly integrates with `RetryManager` to distinguish recoverable errors (which trigger buffering state for retry) from unrecoverable errors (which emit the error event and update state).\\n\\n---\\n\\n`213-286`: **LGTM!**\\n\\nTime/buffer/metadata handlers correctly calculate and emit updates. The buffer calculation properly handles multiple buffered ranges and the metadata handler gracefully falls back to descriptor duration for live streams with non-finite durations.\\n\\n
\\n
\\n
src/modules/player/AudioTrackManager.ts (5)
\\n\\n`1-43`: **LGTM!**\\n\\nClean type augmentation for webOS audio track APIs. The interfaces properly model the non-standard `audioTracks` property on HTMLVideoElement.\\n\\n---\\n\\n`44-105`: **LGTM!**\\n\\nGood initialization pattern with sensible defaults. The `setTracks` method correctly prioritizes an explicit default track and `getTracks` returns a defensive copy.\\n\\n---\\n\\n`112-185`: **LGTM!**\\n\\nWell-structured retry logic with proper error categorization. The decision to not retry timeout errors is sensible, and the attempt to restore the previous track on failure is good for state consistency. Error handling properly distinguishes timeout vs other failures.\\n\\n---\\n\\n`221-267`: **LGTM!**\\n\\nThe timeout/polling pattern is correctly implemented with an immediate check optimization before starting the polling interval. The comment about using ID rather than index for track matching is helpful for maintainers.\\n\\n---\\n\\n`287-302`: **LGTM!**\\n\\nClean error factory method that properly structures `PlaybackError` objects with cause context when available.\\n\\n
\\n
\\n
src/modules/player/types.ts (5)
\\n\\n`1-40`: **LGTM!**\\n\\nWell-documented error taxonomy with `AppErrorCode` enum covering playback, track, and codec errors. The `AppError` base interface provides a consistent structure for error handling.\\n\\n---\\n\\n`41-96`: **LGTM!**\\n\\nConfiguration and metadata types are comprehensive with clear documentation. `TimeRange` with millisecond precision is appropriate for buffer tracking.\\n\\n---\\n\\n`97-171`: **LGTM!**\\n\\nTrack and stream descriptor types are well-designed with appropriate required vs optional fields. The protocol union type correctly matches the handling in `VideoPlayer.loadStream()`.\\n\\n---\\n\\n`173-247`: **LGTM!**\\n\\nComprehensive state and event types. The `PlayerStatus` union covers all playback states, `PlaybackError` properly extends `AppError` with retry metadata, and the `PlayerEventMap` index signature correctly enables EventEmitter compatibility while maintaining type safety for known events.\\n\\n---\\n\\n`249-279`: **LGTM!**\\n\\nThe internal state interface appropriately extends the public `PlaybackState` concept with the `currentDescriptor` field needed for internal operations like retry handling.\\n\\n
\\n\\n

\\n\\n

\\n\\n\",\"path\":null,\"side\":null,\"line\":null}","text_elements",[],{"_683":1891,"_675":676,"_685":81},{"_686":1892,"_41":1884,"_90":1885},[1893],{"_45":1887,"_1888":1894,"_90":45},[],{"_683":1896,"_675":676,"_685":81},{"_686":1897,"_688":-5,"_41":-5,"_689":-5,"_94":433,"_90":690},[1898],{"_45":1887,"_90":1899},"input_text",{"_683":1901,"_675":676,"_685":81},{"_686":1902,"_688":-5,"_41":-5,"_689":-5,"_94":433,"_90":690},[1903],{"_45":1904,"_90":1899},"\n /workspace/Retune\n never\n danger-full-access\n enabled\n bash\n",[1906,1907,1908,1909,1910,1911,1912,1913,1914,1915,1916,1917,1918,1919,1920,1921,1922,1923,1924,1925,1926,1927,1928,1929,1930,1931,1932,1933,1934,1935,1936,1937,1938,1939,1940,1941,1942,1943,1944,1945,1946,1947,1948,1949,1950,1951,1952,1953,1954,1955,1956,1957,1958,1959,1960,1961,1962,1963,1964,1965,1966,1967,1968,1969,1970,1971,1972,1973,1974,1975,1976,1977,1978,1979,1980,1981,1982,1983,1984,1985,1986,1987,1988,1989,1990,1991,1992,1993,1994,1995,1996,1997,1998,1999,2000,2001,2002,2003,2004,2005,2006,2007,2008,2009,2010,2011,2012,2013,2014,2015,2016,2017,2018,2019,2020,2021,2022,2023,2024,2025,2026,2027,2028,2029,2030,2031,2032,2033,2034,2035,2036,2037,2038,2039,2040,2041,2042,2043,2044,2045,2046,2047,2048,2049,2050,2051,2052,2053,2054,2055,2056,2057,2058,2059,2060,2061,2062,2063,2064,2065,2066,2067,2068,2069,2070,2071,2072,2073,2074,2075,2076,2077,2078,2079,2080,2081,2082,2083,2084,2085,2086,2087,2088,2089,2090,2091,2092,2093,2094,2095,2096,2097,2098,2099],{"_683":2558,"_90":2103},{"_683":2555,"_90":2103},{"_2549":2550,"_2551":2552,"_690":1887,"_1888":2553,"_90":2554},{"_45":1871,"_90":2110},{"_683":2546,"_90":2103},{"_683":2545,"_90":2103},{"_724":1846,"_735":2542,"_739":740,"_2118":-5,"_2119":2543,"_2136":1854,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1851,"_724":1846,"_735":2536,"_739":740,"_2114":2537,"_2116":31,"_2117":1851,"_2118":-5,"_2119":2538,"_746":2121,"_2122":309,"_2123":1851,"_2124":2125,"_90":2126},{"_683":2535,"_90":2103},{"_45":1834,"_90":2110},{"_683":2532,"_90":2103},{"_683":2531,"_90":2103},{"_724":1809,"_735":2528,"_739":740,"_2118":-5,"_2119":2529,"_2136":1817,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1814,"_724":1809,"_735":2523,"_739":740,"_2114":2524,"_2116":31,"_2117":1814,"_2118":-5,"_2119":2525,"_746":2121,"_2122":309,"_2123":1814,"_2124":2125,"_90":2126},{"_683":2522,"_90":2103},{"_45":1797,"_90":2110},{"_683":2519,"_90":2103},{"_683":2518,"_90":2103},{"_724":1773,"_735":2515,"_739":740,"_2118":-5,"_2119":2516,"_2136":1781,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1778,"_724":1773,"_735":2510,"_739":740,"_2114":2511,"_2116":31,"_2117":1778,"_2118":-5,"_2119":2512,"_746":2121,"_2122":309,"_2123":1778,"_2124":2125,"_90":2126},{"_683":2509,"_90":2103},{"_45":1761,"_90":2110},{"_683":2506,"_90":2103},{"_683":2505,"_90":2103},{"_724":1737,"_735":2502,"_739":740,"_2118":-5,"_2119":2503,"_2136":1745,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1742,"_724":1737,"_735":2497,"_739":740,"_2114":2498,"_2116":31,"_2117":1742,"_2118":-5,"_2119":2499,"_746":2121,"_2122":309,"_2123":1742,"_2124":2125,"_90":2126},{"_683":2496,"_90":2103},{"_45":1725,"_90":2110},{"_683":2493,"_90":2103},{"_683":2492,"_90":2103},{"_724":1700,"_735":2489,"_739":740,"_2118":-5,"_2119":2490,"_2136":1708,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1705,"_724":1700,"_735":2484,"_739":740,"_2114":2485,"_2116":31,"_2117":1705,"_2118":-5,"_2119":2486,"_746":2121,"_2122":309,"_2123":1705,"_2124":2125,"_90":2126},{"_683":2483,"_90":2103},{"_45":1688,"_90":2110},{"_683":2480,"_90":2103},{"_683":2479,"_90":2103},{"_724":1663,"_735":2476,"_739":740,"_2118":-5,"_2119":2477,"_2136":1671,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1668,"_724":1663,"_735":2470,"_739":740,"_2114":2471,"_2116":31,"_2117":1668,"_2118":-5,"_2119":2472,"_746":2121,"_2122":309,"_2123":1668,"_2124":2125,"_90":2126},{"_683":2469,"_90":2103},{"_45":1651,"_90":2110},{"_683":2466,"_90":2103},{"_683":2465,"_90":2103},{"_724":1627,"_735":2462,"_739":740,"_2118":-5,"_2119":2463,"_2136":1635,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1632,"_724":1627,"_735":2457,"_739":740,"_2114":2458,"_2116":31,"_2117":1632,"_2118":-5,"_2119":2459,"_746":2121,"_2122":309,"_2123":1632,"_2124":2125,"_90":2126},{"_683":2456,"_90":2103},{"_45":1615,"_90":2110},{"_683":2453,"_90":2103},{"_683":2452,"_90":2103},{"_724":1589,"_735":2449,"_739":740,"_2118":-5,"_2119":2450,"_2136":1597,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1594,"_724":1589,"_735":2444,"_739":740,"_2114":2445,"_2116":31,"_2117":1594,"_2118":-5,"_2119":2446,"_746":2121,"_2122":309,"_2123":1594,"_2124":2125,"_90":2126},{"_683":2443,"_90":2103},{"_45":1577,"_90":2110},{"_683":2440,"_90":2103},{"_683":2439,"_90":2103},{"_724":1553,"_735":2436,"_739":740,"_2118":-5,"_2119":2437,"_2136":1561,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1558,"_724":1553,"_735":2431,"_739":740,"_2114":2432,"_2116":31,"_2117":1558,"_2118":-5,"_2119":2433,"_746":2121,"_2122":309,"_2123":1558,"_2124":2125,"_90":2126},{"_683":2430,"_90":2103},{"_45":1541,"_90":2110},{"_683":2427,"_90":2103},{"_683":2426,"_90":2103},{"_724":1516,"_735":2423,"_739":740,"_2118":-5,"_2119":2424,"_2136":1524,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1521,"_724":1516,"_735":2417,"_739":740,"_2114":2418,"_2116":31,"_2117":1521,"_2118":-5,"_2119":2419,"_746":2121,"_2122":309,"_2123":1521,"_2124":2125,"_90":2126},{"_683":2416,"_90":2103},{"_45":1504,"_90":2110},{"_683":2413,"_90":2103},{"_683":2412,"_90":2103},{"_724":1479,"_735":2409,"_739":740,"_2118":-5,"_2119":2410,"_2136":1487,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1484,"_724":1479,"_735":2404,"_739":740,"_2114":2405,"_2116":31,"_2117":1484,"_2118":-5,"_2119":2406,"_746":2121,"_2122":309,"_2123":1484,"_2124":2125,"_90":2126},{"_683":2403,"_90":2103},{"_45":1467,"_90":2110},{"_683":2400,"_90":2103},{"_683":2399,"_90":2103},{"_724":1441,"_735":2396,"_739":740,"_2118":-5,"_2119":2397,"_2136":1449,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1446,"_724":1441,"_735":2390,"_739":740,"_2114":2391,"_2116":31,"_2117":1446,"_2118":-5,"_2119":2392,"_746":2121,"_2122":309,"_2123":1446,"_2124":2125,"_90":2126},{"_683":2389,"_90":2103},{"_45":1429,"_90":2110},{"_683":2386,"_90":2103},{"_683":2385,"_90":2103},{"_724":1403,"_735":2382,"_739":740,"_2118":-5,"_2119":2383,"_2136":1411,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1408,"_724":1403,"_735":2377,"_739":740,"_2114":2378,"_2116":31,"_2117":1408,"_2118":-5,"_2119":2379,"_746":2121,"_2122":309,"_2123":1408,"_2124":2125,"_90":2126},{"_683":2376,"_90":2103},{"_45":1391,"_90":2110},{"_683":2373,"_90":2103},{"_683":2372,"_90":2103},{"_724":1367,"_735":2369,"_739":740,"_2118":-5,"_2119":2370,"_2136":1374,"_746":2121,"_2124":2125,"_90":2137},{"_2112":309,"_724":1367,"_735":2363,"_739":740,"_2114":2364,"_2116":328,"_2117":309,"_2118":-5,"_2119":2365,"_746":2121,"_2122":309,"_2123":309,"_2124":2125,"_90":2126},{"_683":2362,"_90":2103},{"_45":1355,"_90":2110},{"_683":2359,"_90":2103},{"_683":2358,"_90":2103},{"_724":1331,"_735":2355,"_739":740,"_2118":-5,"_2119":2356,"_2136":1339,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1336,"_724":1331,"_735":2350,"_739":740,"_2114":2351,"_2116":31,"_2117":1336,"_2118":-5,"_2119":2352,"_746":2121,"_2122":309,"_2123":1336,"_2124":2125,"_90":2126},{"_683":2349,"_90":2103},{"_45":1319,"_90":2110},{"_683":2346,"_90":2103},{"_683":2345,"_90":2103},{"_724":1295,"_735":2342,"_739":740,"_2118":-5,"_2119":2343,"_2136":1303,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1300,"_724":1295,"_735":2337,"_739":740,"_2114":2338,"_2116":31,"_2117":1300,"_2118":-5,"_2119":2339,"_746":2121,"_2122":309,"_2123":1300,"_2124":2125,"_90":2126},{"_683":2336,"_90":2103},{"_45":1283,"_90":2110},{"_683":2333,"_90":2103},{"_683":2332,"_90":2103},{"_724":1258,"_735":2329,"_739":740,"_2118":-5,"_2119":2330,"_2136":1266,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1263,"_724":1258,"_735":2323,"_739":740,"_2114":2324,"_2116":31,"_2117":1263,"_2118":-5,"_2119":2325,"_746":2121,"_2122":309,"_2123":1263,"_2124":2125,"_90":2126},{"_683":2322,"_90":2103},{"_683":2321,"_90":2103},{"_724":1238,"_735":2318,"_739":740,"_2118":-5,"_2119":2319,"_2136":1246,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1243,"_724":1238,"_735":2313,"_739":740,"_2114":2314,"_2116":31,"_2117":1243,"_2118":-5,"_2119":2315,"_746":2121,"_2122":309,"_2123":1243,"_2124":2125,"_90":2126},{"_683":2312,"_90":2103},{"_45":1226,"_90":2110},{"_683":2309,"_90":2103},{"_683":2308,"_90":2103},{"_724":1201,"_735":2305,"_739":740,"_2118":-5,"_2119":2306,"_2136":1209,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1206,"_724":1201,"_735":2299,"_739":740,"_2114":2300,"_2116":31,"_2117":1206,"_2118":-5,"_2119":2301,"_746":2121,"_2122":309,"_2123":1206,"_2124":2125,"_90":2126},{"_683":2298,"_90":2103},{"_45":1189,"_90":2110},{"_683":2295,"_90":2103},{"_683":2294,"_90":2103},{"_724":1165,"_735":2291,"_739":740,"_2118":-5,"_2119":2292,"_2136":1172,"_746":2121,"_2124":2125,"_90":2137},{"_2112":309,"_724":1165,"_735":2285,"_739":740,"_2114":2286,"_2116":328,"_2117":309,"_2118":-5,"_2119":2287,"_746":2121,"_2122":309,"_2123":309,"_2124":2125,"_90":2126},{"_683":2284,"_90":2103},{"_45":1153,"_90":2110},{"_683":2281,"_90":2103},{"_683":2280,"_90":2103},{"_724":1127,"_735":2277,"_739":740,"_2118":-5,"_2119":2278,"_2136":1134,"_746":2121,"_2124":2125,"_90":2137},{"_2112":309,"_724":1127,"_735":2271,"_739":740,"_2114":2272,"_2116":328,"_2117":309,"_2118":-5,"_2119":2273,"_746":2121,"_2122":309,"_2123":309,"_2124":2125,"_90":2126},{"_683":2270,"_90":2103},{"_45":1115,"_90":2110},{"_683":2267,"_90":2103},{"_683":2266,"_90":2103},{"_724":1091,"_735":2263,"_739":740,"_2118":-5,"_2119":2264,"_2136":1099,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1096,"_724":1091,"_735":2258,"_739":740,"_2114":2259,"_2116":31,"_2117":1096,"_2118":-5,"_2119":2260,"_746":2121,"_2122":309,"_2123":1096,"_2124":2125,"_90":2126},{"_683":2257,"_90":2103},{"_45":1079,"_90":2110},{"_683":2254,"_90":2103},{"_683":2253,"_90":2103},{"_724":1054,"_735":2250,"_739":740,"_2118":-5,"_2119":2251,"_2136":1062,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1059,"_724":1054,"_735":2244,"_739":740,"_2114":2245,"_2116":31,"_2117":1059,"_2118":-5,"_2119":2246,"_746":2121,"_2122":309,"_2123":1059,"_2124":2125,"_90":2126},{"_683":2243,"_90":2103},{"_683":2242,"_90":2103},{"_724":1034,"_735":2239,"_739":740,"_2118":-5,"_2119":2240,"_2136":1042,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1039,"_724":1034,"_735":2234,"_739":740,"_2114":2235,"_2116":31,"_2117":1039,"_2118":-5,"_2119":2236,"_746":2121,"_2122":309,"_2123":1039,"_2124":2125,"_90":2126},{"_683":2233,"_90":2103},{"_45":1022,"_90":2110},{"_683":2230,"_90":2103},{"_683":2229,"_90":2103},{"_724":996,"_735":2226,"_739":740,"_2118":-5,"_2119":2227,"_2136":1005,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1001,"_724":996,"_735":2220,"_739":740,"_2114":2221,"_2116":31,"_2117":1001,"_2118":-5,"_2119":2222,"_746":2121,"_2122":309,"_2123":1001,"_2124":2125,"_90":2126},{"_683":2219,"_90":2103},{"_45":984,"_90":2110},{"_683":2216,"_90":2103},{"_683":2215,"_90":2103},{"_724":956,"_735":2212,"_739":740,"_2118":-5,"_2119":2213,"_2136":964,"_746":2121,"_2124":2125,"_90":2137},{"_2112":961,"_724":956,"_735":2206,"_739":740,"_2114":2207,"_2116":31,"_2117":961,"_2118":-5,"_2119":2208,"_746":2121,"_2122":309,"_2123":961,"_2124":2125,"_90":2126},{"_683":2205,"_90":2103},{"_683":2204,"_90":2103},{"_724":936,"_735":2201,"_739":740,"_2118":-5,"_2119":2202,"_2136":944,"_746":2121,"_2124":2125,"_90":2137},{"_2112":941,"_724":936,"_735":2196,"_739":740,"_2114":2197,"_2116":31,"_2117":941,"_2118":-5,"_2119":2198,"_746":2121,"_2122":309,"_2123":941,"_2124":2125,"_90":2126},{"_683":2195,"_90":2103},{"_45":924,"_90":2110},{"_683":2192,"_90":2103},{"_683":2191,"_90":2103},{"_724":898,"_735":2188,"_739":740,"_2118":-5,"_2119":2189,"_2136":906,"_746":2121,"_2124":2125,"_90":2137},{"_2112":903,"_724":898,"_735":2183,"_739":740,"_2114":2184,"_2116":31,"_2117":903,"_2118":-5,"_2119":2185,"_746":2121,"_2122":309,"_2123":903,"_2124":2125,"_90":2126},{"_683":2182,"_90":2103},{"_45":886,"_90":2110},{"_683":2179,"_90":2103},{"_683":2178,"_90":2103},{"_724":860,"_735":2175,"_739":740,"_2118":-5,"_2119":2176,"_2136":868,"_746":2121,"_2124":2125,"_90":2137},{"_2112":865,"_724":860,"_735":2170,"_739":740,"_2114":2171,"_2116":31,"_2117":865,"_2118":-5,"_2119":2172,"_746":2121,"_2122":309,"_2123":865,"_2124":2125,"_90":2126},{"_683":2169,"_90":2103},{"_45":848,"_90":2110},{"_683":2166,"_90":2103},{"_683":2165,"_90":2103},{"_724":822,"_735":2162,"_739":740,"_2118":-5,"_2119":2163,"_2136":830,"_746":2121,"_2124":2125,"_90":2137},{"_2112":827,"_724":822,"_735":2157,"_739":740,"_2114":2158,"_2116":31,"_2117":827,"_2118":-5,"_2119":2159,"_746":2121,"_2122":309,"_2123":827,"_2124":2125,"_90":2126},{"_683":2156,"_90":2103},{"_45":810,"_90":2110},{"_683":2153,"_90":2103},{"_683":2152,"_90":2103},{"_724":784,"_735":2149,"_739":740,"_2118":-5,"_2119":2150,"_2136":792,"_746":2121,"_2124":2125,"_90":2137},{"_2112":789,"_724":784,"_735":2144,"_739":740,"_2114":2145,"_2116":31,"_2117":789,"_2118":-5,"_2119":2146,"_746":2121,"_2122":309,"_2123":789,"_2124":2125,"_90":2126},{"_683":2143,"_90":2103},{"_45":772,"_90":2110},{"_683":2140,"_90":2103},{"_683":2139,"_90":2103},{"_724":725,"_735":2134,"_739":740,"_2118":-5,"_2119":2135,"_2136":745,"_746":2121,"_2124":2125,"_90":2137},{"_2112":734,"_724":725,"_735":2113,"_739":740,"_2114":2115,"_2116":31,"_2117":734,"_2118":-5,"_2119":2120,"_746":2121,"_2122":309,"_2123":734,"_2124":2125,"_90":2126},{"_683":2111,"_90":2103},{"_45":711,"_90":2110},{"_683":2107,"_90":2103},{"_690":692,"_90":2106},{"_683":2102,"_90":2103},{"_2100":692,"_90":2101},"last_agent_message","task_complete",{"_686":2104,"_41":-5,"_94":91,"_90":690},"raw_response_item",[2105],{"_45":692,"_90":693},"agent_message",{"_686":-5,"_704":705,"_41":-5,"_707":2108,"_90":709},[2109],{"_45":711,"_90":712},"agent_reasoning",{"_724":725,"_726":729,"_90":728},"aggregated_output",[2132,2133,750],"duration",{"_2129":2130,"_2131":31},"exit_code","formatted_output","interaction_input","parsed_cmd",[2127],"unified_exec_startup","stderr","stdout","turn_id","0","exec_command_end",{"_2128":750,"_295":751,"_220":752,"_90":753},"cmd","nanos",51485917,"secs","/bin/bash","-lc",[2132,2133,750],[2138],"process_id","exec_command_begin",{"_2128":750,"_295":751,"_220":752,"_90":753},{"_761":762,"_724":725,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":768,"_41":-5,"_707":2141,"_90":709},[2142],{"_45":772,"_90":712},{"_724":784,"_726":786,"_90":728},[2132,2133,794],{"_2129":2148,"_2131":31},[2147],{"_2128":794,"_295":795,"_220":796,"_90":753},51215907,[2132,2133,794],[2151],{"_2128":794,"_295":795,"_220":796,"_90":753},{"_761":803,"_724":784,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":806,"_41":-5,"_707":2154,"_90":709},[2155],{"_45":810,"_90":712},{"_724":822,"_726":824,"_90":728},[2132,2133,832],{"_2129":2161,"_2131":31},[2160],{"_2128":832,"_295":833,"_220":834,"_90":753},51263702,[2132,2133,832],[2164],{"_2128":832,"_295":833,"_220":834,"_90":753},{"_761":841,"_724":822,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":844,"_41":-5,"_707":2167,"_90":709},[2168],{"_45":848,"_90":712},{"_724":860,"_726":862,"_90":728},[2132,2133,870],{"_2129":2174,"_2131":31},[2173],{"_2128":870,"_295":871,"_220":872,"_90":753},51163670,[2132,2133,870],[2177],{"_2128":870,"_295":871,"_220":872,"_90":753},{"_761":879,"_724":860,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":882,"_41":-5,"_707":2180,"_90":709},[2181],{"_45":886,"_90":712},{"_724":898,"_726":900,"_90":728},[2132,2133,908],{"_2129":2187,"_2131":31},[2186],{"_2128":908,"_295":909,"_220":910,"_90":753},51289589,[2132,2133,908],[2190],{"_2128":908,"_295":909,"_220":910,"_90":753},{"_761":917,"_724":898,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":920,"_41":-5,"_707":2193,"_90":709},[2194],{"_45":924,"_90":712},{"_724":936,"_726":938,"_90":728},[2132,2133,946],{"_2129":2200,"_2131":31},[2199],{"_2128":946,"_295":795,"_220":796,"_90":753},51266174,[2132,2133,946],[2203],{"_2128":946,"_295":795,"_220":796,"_90":753},{"_761":953,"_724":936,"_41":-5,"_295":763,"_90":765},{"_724":956,"_726":958,"_90":728},[2132,2133,2211],{"_2129":2210,"_2131":31},[2209],{"_2128":966,"_220":967,"_968":969,"_90":970},51316158,"rg -n \"interface ChannelConfig|type ChannelConfig\" src/modules/scheduler -S",[2132,2133,2211],[2214],{"_2128":966,"_220":967,"_968":969,"_90":970},{"_761":977,"_724":956,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":980,"_41":-5,"_707":2217,"_90":709},[2218],{"_45":984,"_90":712},{"_724":996,"_726":998,"_90":728},[2132,2133,2225],{"_2129":2224,"_2131":31},[2223],{"_2128":1007,"_220":795,"_968":1008,"_90":970},50993031,"rg -n \"ChannelConfig\" -n src/modules/ui/epg/types.ts",[2132,2133,2225],[2228],{"_2128":1007,"_220":795,"_968":1008,"_90":970},{"_761":1015,"_724":996,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1018,"_41":-5,"_707":2231,"_90":709},[2232],{"_45":1022,"_90":712},{"_724":1034,"_726":1036,"_90":728},[2132,2133,1044],{"_2129":2238,"_2131":31},[2237],{"_2128":1044,"_295":751,"_220":752,"_90":753},50277031,[2132,2133,1044],[2241],{"_2128":1044,"_295":751,"_220":752,"_90":753},{"_761":1051,"_724":1034,"_41":-5,"_295":763,"_90":765},{"_724":1054,"_726":1056,"_90":728},[2132,2133,2249],{"_2129":2248,"_2131":31},[2247],{"_2128":1064,"_220":751,"_968":1065,"_90":970},51376678,"rg -n \"_retryCount\" src/modules/player/RetryManager.ts",[2132,2133,2249],[2252],{"_2128":1064,"_220":751,"_968":1065,"_90":970},{"_761":1072,"_724":1054,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1075,"_41":-5,"_707":2255,"_90":709},[2256],{"_45":1079,"_90":712},{"_724":1091,"_726":1093,"_90":728},[2132,2133,1101],{"_2129":2262,"_2131":31},[2261],{"_2128":1101,"_295":909,"_220":910,"_90":753},51060647,[2132,2133,1101],[2265],{"_2128":1101,"_295":909,"_220":910,"_90":753},{"_761":1108,"_724":1091,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1111,"_41":-5,"_707":2268,"_90":709},[2269],{"_45":1115,"_90":712},{"_724":1127,"_726":1129,"_90":728},[2132,2133,2276],{"_2129":2275,"_2131":31},[2274],{"_2128":1137,"_220":1138,"_968":1139,"_90":970},51277148,"rg -n \"addEventListener\" src/modules/ui/epg/EPGVirtualizer.ts",[2132,2133,2276],[2279],{"_2128":1137,"_220":1138,"_968":1139,"_90":970},{"_761":1146,"_724":1127,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1149,"_41":-5,"_707":2282,"_90":709},[2283],{"_45":1153,"_90":712},{"_724":1165,"_726":1167,"_90":728},[2132,2133,2290],{"_2129":2289,"_2131":31},[2288],{"_2128":1174,"_220":1175,"_968":1139,"_90":970},51254483,"rg -n \"addEventListener\" src/modules/ui/epg/EPGComponent.ts",[2132,2133,2290],[2293],{"_2128":1174,"_220":1175,"_968":1139,"_90":970},{"_761":1182,"_724":1165,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1185,"_41":-5,"_707":2296,"_90":709},[2297],{"_45":1189,"_90":712},{"_724":1201,"_726":1203,"_90":728},[2132,2133,2304],{"_2129":2303,"_2131":31},[2302],{"_2128":1211,"_220":1175,"_968":1212,"_90":970},50278981,"rg -n \"destroy\$\$|addEventListener\" src/modules/ui/epg/EPGComponent.ts",[2132,2133,2304],[2307],{"_2128":1211,"_220":1175,"_968":1212,"_90":970},{"_761":1219,"_724":1201,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1222,"_41":-5,"_707":2310,"_90":709},[2311],{"_45":1226,"_90":712},{"_724":1238,"_726":1240,"_90":728},[2132,2133,1248],{"_2129":2317,"_2131":31},[2316],{"_2128":1248,"_295":871,"_220":872,"_90":753},50246921,[2132,2133,1248],[2320],{"_2128":1248,"_295":871,"_220":872,"_90":753},{"_761":1255,"_724":1238,"_41":-5,"_295":763,"_90":765},{"_724":1258,"_726":1260,"_90":728},[2132,2133,2328],{"_2129":2327,"_2131":31},[2326],{"_2128":1268,"_220":871,"_968":1269,"_90":970},51259287,"rg -n \"show\\(\" -n src/modules/ui/epg/EPGInfoPanel.ts",[2132,2133,2328],[2331],{"_2128":1268,"_220":871,"_968":1269,"_90":970},{"_761":1276,"_724":1258,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1279,"_41":-5,"_707":2334,"_90":709},[2335],{"_45":1283,"_90":712},{"_724":1295,"_726":1297,"_90":728},[2132,2133,1305],{"_2129":2341,"_2131":31},[2340],{"_2128":1305,"_295":833,"_220":834,"_90":753},51216413,[2132,2133,1305],[2344],{"_2128":1305,"_295":833,"_220":834,"_90":753},{"_761":1312,"_724":1295,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1315,"_41":-5,"_707":2347,"_90":709},[2348],{"_45":1319,"_90":712},{"_724":1331,"_726":1333,"_90":728},[2132,2133,1341],{"_2129":2354,"_2131":31},[2353],{"_2128":1341,"_295":751,"_220":752,"_90":753},51308338,[2132,2133,1341],[2357],{"_2128":1341,"_295":751,"_220":752,"_90":753},{"_761":1348,"_724":1331,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1351,"_41":-5,"_707":2360,"_90":709},[2361],{"_45":1355,"_90":712},{"_724":1367,"_726":1369,"_90":728},[2132,2133,2368],{"_2129":2367,"_2131":31},[2366],{"_2128":1376,"_220":751,"_968":1377,"_90":970},51219765,"rg -n \"cancel\" src/modules/player/RetryManager.ts",[2132,2133,2368],[2371],{"_2128":1376,"_220":751,"_968":1377,"_90":970},{"_761":1384,"_724":1367,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1387,"_41":-5,"_707":2374,"_90":709},[2375],{"_45":1391,"_90":712},{"_724":1403,"_726":1405,"_90":728},[2132,2133,1413],{"_2129":2381,"_2131":31},[2380],{"_2128":1413,"_295":1414,"_220":1415,"_90":753},51282932,[2132,2133,1413],[2384],{"_2128":1413,"_295":1414,"_220":1415,"_90":753},{"_761":1422,"_724":1403,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1425,"_41":-5,"_707":2387,"_90":709},[2388],{"_45":1429,"_90":712},{"_724":1441,"_726":1443,"_90":728},[2132,2133,2395],{"_2129":2394,"_2131":31},[2393],{"_2128":1451,"_220":1452,"_968":1453,"_90":970},51143151,"rg -n \"startPositionMs\" -n src/modules/player/VideoPlayer.ts",[2132,2133,2395],[2398],{"_2128":1451,"_220":1452,"_968":1453,"_90":970},{"_761":1460,"_724":1441,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1463,"_41":-5,"_707":2401,"_90":709},[2402],{"_45":1467,"_90":712},{"_724":1479,"_726":1481,"_90":728},[2132,2133,1489],{"_2129":2408,"_2131":31},[2407],{"_2128":1489,"_295":1452,"_220":1490,"_90":753},51429615,[2132,2133,1489],[2411],{"_2128":1489,"_295":1452,"_220":1490,"_90":753},{"_761":1497,"_724":1479,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1500,"_41":-5,"_707":2414,"_90":709},[2415],{"_45":1504,"_90":712},{"_724":1516,"_726":1518,"_90":728},[2132,2133,2422],{"_2129":2421,"_2131":31},[2420],{"_2128":1526,"_220":795,"_968":1527,"_90":970},51299532,"rg -n \"ended\" src/modules/player/types.ts src/modules/player/VideoPlayerEvents.ts",[2132,2133,2422],[2425],{"_2128":1526,"_220":795,"_968":1527,"_90":970},{"_761":1534,"_724":1516,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1537,"_41":-5,"_707":2428,"_90":709},[2429],{"_45":1541,"_90":712},{"_724":1553,"_726":1555,"_90":728},[2132,2133,1563],{"_2129":2435,"_2131":31},[2434],{"_2128":1563,"_295":871,"_220":872,"_90":753},51243098,[2132,2133,1563],[2438],{"_2128":1563,"_295":871,"_220":872,"_90":753},{"_761":1570,"_724":1553,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1573,"_41":-5,"_707":2441,"_90":709},[2442],{"_45":1577,"_90":712},{"_724":1589,"_726":1591,"_90":728},[2132,2133,1599],{"_2129":2448,"_2131":31},[2447],{"_2128":1599,"_295":1600,"_220":1601,"_90":753},51432980,[2132,2133,1599],[2451],{"_2128":1599,"_295":1600,"_220":1601,"_90":753},{"_761":1608,"_724":1589,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1611,"_41":-5,"_707":2454,"_90":709},[2455],{"_45":1615,"_90":712},{"_724":1627,"_726":1629,"_90":728},[2132,2133,1637],{"_2129":2461,"_2131":31},[2460],{"_2128":1637,"_295":751,"_220":752,"_90":753},51274536,[2132,2133,1637],[2464],{"_2128":1637,"_295":751,"_220":752,"_90":753},{"_761":1644,"_724":1627,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1647,"_41":-5,"_707":2467,"_90":709},[2468],{"_45":1651,"_90":712},{"_724":1663,"_726":1665,"_90":728},[2132,2133,2475],{"_2129":2474,"_2131":31},[2473],{"_2128":1673,"_220":833,"_968":1674,"_90":970},51297523,"rg -n \"channel.icon|channel.color\" src/modules/ui/epg/EPGChannelList.ts",[2132,2133,2475],[2478],{"_2128":1673,"_220":833,"_968":1674,"_90":970},{"_761":1681,"_724":1663,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1684,"_41":-5,"_707":2481,"_90":709},[2482],{"_45":1688,"_90":712},{"_724":1700,"_726":1702,"_90":728},[2132,2133,1710],{"_2129":2488,"_2131":31},[2487],{"_2128":1710,"_90":1711},51251381,[2132,2133,1710],[2491],{"_2128":1710,"_90":1711},{"_761":1718,"_724":1700,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1721,"_41":-5,"_707":2494,"_90":709},[2495],{"_45":1725,"_90":712},{"_724":1737,"_726":1739,"_90":728},[2132,2133,1747],{"_2129":2501,"_2131":31},[2500],{"_2128":1747,"_90":1711},51287224,[2132,2133,1747],[2504],{"_2128":1747,"_90":1711},{"_761":1754,"_724":1737,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1757,"_41":-5,"_707":2507,"_90":709},[2508],{"_45":1761,"_90":712},{"_724":1773,"_726":1775,"_90":728},[2132,2133,1783],{"_2129":2514,"_2131":31},[2513],{"_2128":1783,"_90":1711},51097512,[2132,2133,1783],[2517],{"_2128":1783,"_90":1711},{"_761":1790,"_724":1773,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1793,"_41":-5,"_707":2520,"_90":709},[2521],{"_45":1797,"_90":712},{"_724":1809,"_726":1811,"_90":728},[2132,2133,1819],{"_2129":2527,"_2131":31},[2526],{"_2128":1819,"_295":1820,"_220":1820,"_90":753},51170794,[2132,2133,1819],[2530],{"_2128":1819,"_295":1820,"_220":1820,"_90":753},{"_761":1827,"_724":1809,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1830,"_41":-5,"_707":2533,"_90":709},[2534],{"_45":1834,"_90":712},{"_724":1846,"_726":1848,"_90":728},[2132,2133,1856],{"_2129":2541,"_2131":31},[2539],{"_2128":1856,"_220":-5,"_90":2540},"list_files",51279591,[2132,2133,1856],[2544],{"_2128":1856,"_220":-5,"_90":2540},{"_761":1864,"_724":1846,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1867,"_41":-5,"_707":2547,"_90":709},[2548],{"_45":1871,"_90":712},"images",[],"local_images",[],[],"user_message",{"_686":2556,"_41":-5,"_94":433,"_90":690},[2557],{"_45":1887,"_90":1899},{"_686":2559,"_41":-5,"_94":433,"_90":690},[2560],{"_45":1904,"_90":1899},"messages",[2563],{"_41":2564,"_2565":2566,"_2567":2568,"_2569":2568,"_686":2570,"_680":2571,"_688":-5,"_2572":31,"_2573":2574,"_2575":2576,"_2577":-5},"ad114c89-3a56-42ea-a44b-e70eb26e8a43","author",{"_94":433,"_295":-5,"_2573":2586},"create_time",1767857016.473574,"update_time",{"_2582":45,"_2583":2584},"finished_successfully","weight","metadata",{"_2578":2579},"recipient","all","channel","l1239dk1",{"_2580":2581},"inline_comments",[],"content_type","parts",[2585],"@codex review commits cbd2514c2351099829263e077a19b78277b59b71, 34be8cc821ab9ba431dc9b24b4b220b7237f55d8 and b57176fb7f5cc92dfba8514b897331c7c87fcace from this PR. report ALL issues you find\nfeat: video player and UI\n\n\n\n\n## Summary by CodeRabbit\n\n* **New Features**\n * Full-featured video player with native HLS, audio/subtitle track managers, retry/backoff, keep-alive, event handling, and a virtualized EPG UI (time header, channel list, program grid, info panel, error boundary, styles, and public APIs).\n\n* **Tests**\n * Extensive unit test suites for player, track managers, EPG virtualization, error boundary, and UI components.\n\n* **Documentation**\n * Updated implementation state manifest and webOS device testing notes (player seek/keep-alive).\n\n_{✏️ Tip: You can customize this high-level summary in your review settings.}\n\n\n\n\n## Walkthrough\n\nAdds a complete webOS video player subsystem (player, managers, types, constants, tests) and a fully virtualized EPG UI subsystem (components, virtualizer, error boundary, utils, styles, tests); also advances project implementation-state metadata and timestamps.\n\n## Changes\n\n| Cohort / File(s) | Summary |\n|---|---|\n| **Project State**
`\\`spec-pack/artifact-10-implementation-state.json\\`` | Updated implementation-state: phases advanced (currentPhase → 4), phase status updates (1–3 → complete, 4 → in-progress), new Phase 5 added pending, and review/verification timestamps/metadata populated for modules (notably `video-player`, `epg-ui`). |\n| **Player — Core & Events**
`\\`src/modules/player/VideoPlayer.ts\\``, `\\`src/modules/player/VideoPlayerEvents.ts\\``, `\\`src/modules/player/index.ts\\`` | New VideoPlayer implementation with lifecycle, stream load/unload, playback controls, track APIs, event wiring, state emission, and module re-exports. |\n| **Player — Managers & Helpers**
`\\`src/modules/player/AudioTrackManager.ts\\``, `\\`src/modules/player/SubtitleManager.ts\\``, `\\`src/modules/player/RetryManager.ts\\``, `\\`src/modules/player/KeepAliveManager.ts\\``, `\\`src/modules/player/ErrorHandler.ts\\`` | Added AudioTrackManager (switch with timeout/retry), SubtitleManager (track element management & burn-in detection), RetryManager (retry orchestration/backoff), KeepAliveManager (periodic DOM touch), and error/backoff mapping helpers. |\n| **Player — Types, Interfaces & Constants**
`\\`src/modules/player/types.ts\\``, `\\`src/modules/player/interfaces.ts\\``, `\\`src/modules/player/constants.ts\\`` | New typed model (AppErrorCode, PlaybackError, StreamDescriptor, events/state types), IVideoPlayer interface, and centralized player constants/defaults. |\n| **Player — Tests**
`\\`src/modules/player/__tests__/*.test.ts\\`` | Extensive unit tests for AudioTrackManager, SubtitleManager, and VideoPlayer covering codec handling, switching/timeouts, retry/backoff, keep-alive, seeking, and events. |\n| **EPG — Core Components**
`\\`src/modules/ui/epg/EPGComponent.ts\\``, `\\`src/modules/ui/epg/EPGVirtualizer.ts\\``, `\\`src/modules/ui/epg/EPGChannelList.ts\\``, `\\`src/modules/ui/epg/EPGTimeHeader.ts\\``, `\\`src/modules/ui/epg/EPGInfoPanel.ts\\`` | New EPG orchestrator and subcomponents: virtualized grid with DOM pooling, channel list, time header, info panel, navigation/focus/visibility APIs. |\n| **EPG — Error Handling, Types & Constants**
`\\`src/modules/ui/epg/EPGErrorBoundary.ts\\``, `\\`src/modules/ui/epg/types.ts\\``, `\\`src/modules/ui/epg/interfaces.ts\\``, `\\`src/modules/ui/epg/constants.ts\\`` | Error boundary with per-type thresholds and recovery callbacks; EPG public/internal types and constants (layout, classes, errors). |\n| **EPG — Utils, Styles & Barrel**
`\\`src/modules/ui/epg/utils.ts\\``, `\\`src/modules/ui/epg/styles.css\\``, `\\`src/modules/ui/epg/index.ts\\`` | Time/format utilities, raf-based throttling, comprehensive EPG stylesheet, and module re-exports. |\n| **EPG — Tests**
`\\`src/modules/ui/epg/__tests__/*.test.ts\\`` | Unit tests for EPGComponent, EPGVirtualizer, and EPGErrorBoundary covering lifecycle, virtualization/pooling, navigation, degraded-mode behavior. |\n| **Docs / Notes**
`\\`todo.md\\`` | Added webOS device testing notes for seek preservation across load() and keep-alive validation. |\n\n## Sequence Diagram(s)\n\n```mermaid\nsequenceDiagram\n participant App\n participant VideoPlayer\n participant Events as VideoPlayerEvents\n participant Retry as RetryManager\n participant Audio as AudioTrackManager\n participant Sub as SubtitleManager\n participant KeepAlive as KeepAliveManager\n participant DOM as HTMLVideoElement\n\n App->>VideoPlayer: initialize(config)\n VideoPlayer->>DOM: create/configure element\n VideoPlayer->>Sub: initialize(video)\n VideoPlayer->>Audio: setTracks(...)\n VideoPlayer->>Retry: initialize(...)\n VideoPlayer->>KeepAlive: setIsPlayingCheck(...)\n App->>VideoPlayer: loadStream(descriptor)\n VideoPlayer->>DOM: set src / load()\n Events->>DOM: attach listeners\n DOM-->>Events: canplay / playing / timeupdate\n Events->>VideoPlayer: updateStatus / timeUpdate\n DOM-->>Events: error\n Events->>Retry: handleMediaError(code)\n Retry->>Retry: schedule retry (backoff)\n Retry->>DOM: reconstruct source / load() / play()\n VideoPlayer->>KeepAlive: start/stop based on playing state\n```\n\n```mermaid\nsequenceDiagram\n participant App\n participant EPG as EPGComponent\n participant Virt as EPGVirtualizer\n participant ChList as EPGChannelList\n participant TimeHdr as EPGTimeHeader\n participant Info as EPGInfoPanel\n participant Err as EPGErrorBoundary\n participant DOM as BrowserDOM\n\n App->>EPG: initialize(config)\n EPG->>DOM: create grid DOM\n EPG->>Virt: initialize(gridContainer, config)\n EPG->>ChList: initialize(parent)\n EPG->>TimeHdr: initialize(parent)\n EPG->>Info: initialize(parent)\n App->>EPG: loadChannels(channels)\n EPG->>ChList: updateChannels(...)\n App->>EPG: loadScheduleForChannel(id, schedule)\n EPG->>Err: wrap(RENDER_ERROR, renderGrid)\n Err->>Virt: renderVisibleCells(range)\n Virt->>DOM: reuse/create/recycle cell elements\n App->>EPG: handleNavigation(direction)\n EPG->>Virt: setFocusedCell(...)\n EPG->>ChList: setFocusedChannel(...)\n EPG->>Info: show(program) on select\n```\n\n## Estimated code review effort\n\n🎯 5 (Critical) | ⏱️ ~120 minutes\n\n\n\n\n\n\n

🚥 Pre-merge checks | ✅ 2 | ❌ 1

\n\n

❌ Failed checks (1 inconclusive)

\n\n| Check name | Status | Explanation | Resolution |\n| :---------: | :------------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| Title check | ❓ Inconclusive | The title 'feat: video player and UI' is vague and overly broad. While it references real components in the changeset (VideoPlayer and UI modules), it lacks specificity about the main changes—such as which features were implemented or what the primary objective is. | Use a more specific title that highlights the primary feature or phase objective, such as 'feat: implement video player with HLS support, audio/subtitle management, and EPG UI' or reference the phase completion (e.g., 'feat: complete Phase 3 core playback MVP'). |\n\n

✅ Passed checks (2 passed)

\n\n| Check name | Status | Explanation |\n| :----------------: | :------- | :---------------------------------------------------------------------------------- |\n| Description Check | ✅ Passed | Check skipped - CodeRabbit’s high-level summary is enabled. |\n| Docstring Coverage | ✅ Passed | Docstring coverage is 88.24% which is sufficient. The required threshold is 80.00%. |\n\n

\n\n_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}\n\n

\n\n\n\n\n\n

✨ Finishing touches

\n\n- [ ] 📝 Generate docstrings\n\n

\n\n\n\n\n\n---\n\nThanks for using [CodeRabbit](https://coderabbit.ai?utm_source=oss&utm_medium=github&utm_campaign=TJZine/Retune&utm_content=6)! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.\n\n

❤️ Share

\n\n- [X](https://twitter.com/intent/tweet?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A&url=https%3A//coderabbit.ai)\n- [Mastodon](https://mastodon.social/share?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A%20https%3A%2F%2Fcoderabbit.ai)\n- [Reddit](https://www.reddit.com/submit?title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&text=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code.%20Check%20it%20out%3A%20https%3A//coderabbit.ai)\n- [LinkedIn](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fcoderabbit.ai&mini=true&title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&summary=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code)\n\n

\n\n_{Comment `@coderabbitai help` to get the list of available commands and usage tips.}\n\n\n\n\n\n\n\n\n\n**_{_{![P2 Badge](https://img.shields.io/badge/P2-yellow?style=flat)}} Defer retry seek until metadata is loaded**\n\nCalling `load()` resets `currentTime` back to 0 in most browsers; setting `currentTime` immediately afterward is often overwritten once metadata finishes loading. Because `_retryPlayback()` sets `currentTime` right after `load()`, retries can restart playback from 0 instead of the pre-error position (the main player path avoids this by waiting for readiness). This shows up whenever a recoverable error triggers a retry. Consider waiting for `loadedmetadata`/`canplay` before seeking, or reusing the same readiness helper as `loadStream`.\n\nUseful? React with 👍 / 👎.\n**_{_{![P2 Badge](https://img.shields.io/badge/P2-yellow?style=flat)}} Avoid dispatching synthetic document click**\n\nThe keep-alive dispatches `document.dispatchEvent(new Event('click'))`. With pointer mode enabled by default, `NavigationManager` installs a document-level click handler that assumes `event.target` is an `HTMLElement` and calls `target.closest(...)` (see `_handlePointerClick`), but a synthetic click on `document` makes `event.target` the `Document`, which lacks `closest`. This causes an uncaught exception every keep-alive tick during playback and can break pointer-mode input handling. Use a non-click event, or gate the synthetic click so it targets an `HTMLElement`/safe custom event.\n\nUseful? React with 👍 / 👎.\n\n### 💡 Codex Review\n\nHere are some automated review suggestions for this pull request.\n\n**Reviewed commit:** `cbd2514c23`\n \n\n

ℹ️ About Codex in GitHub

\n
\n\n[Your team has set up Codex to review pull requests in this repo](http://chatgpt.com/codex/settings/general). Reviews are triggered when you\n- Open a pull request for review\n- Mark a draft as ready\n- Comment \"@codex review\".\n\nIf Codex has suggestions, it will comment; otherwise it will react with 👍.\n\n\n\n\nCodex can also answer questions or update the PR. Try commenting \"@codex address that feedback\".\n \n

\n_🛠️ Refactor suggestion_ | _🟠 Major_\n\n**Refactor to use `calculateBackoffDelay` to eliminate duplication.**\n\nLine 73 duplicates the backoff calculation logic that's already implemented in `calculateBackoffDelay` (line 86). Use the existing function to avoid code duplication.\n\n\n\n

♻️ Proposed refactor

\n\n```diff\n // Only set retryAfterMs if recoverable\n if (recoverable) {\n- error.retryAfterMs = retryDelayMs * Math.pow(2, retryCount);\n+ error.retryAfterMs = calculateBackoffDelay(retryCount, retryDelayMs);\n }\n\n return error;\n```\n\n

\n\n\n> Committable suggestion skipped: line range outside the PR's diff.\n\n

🤖 Prompt for AI Agents

\n\n```\nIn @src/modules/player/ErrorHandler.ts around lines 12 - 77, The backoff\ncalculation in mapMediaErrorCodeToPlaybackError duplicates existing logic;\nreplace the manual calculation \"retryDelayMs * Math.pow(2, retryCount)\" with a\ncall to calculateBackoffDelay(...) so the function uses the centralized\nimplementation (e.g., set error.retryAfterMs = calculateBackoffDelay(retryCount,\nretryDelayMs) when recoverable). Ensure you import or reference\ncalculateBackoffDelay and keep the conditional only setting retryAfterMs when\nrecoverable.\n```\n\n

\n\n\n\n\n\n✅ Addressed in commit 34be8cc\n_⚠️ Potential issue_ | _🟠 Major_\n\n**Potential issue: `currentTime` set before video is ready.**\n\nSetting `currentTime` immediately after `load()` (line 167) may fail silently because the video element's metadata hasn't loaded yet. The seek position should be restored after the `canplay` or `loadedmetadata` event.\n\nConsider deferring the seek:\n\n```diff\n this._videoElement.load();\n-this._videoElement.currentTime = currentTime;\n+\n+const onCanPlay = (): void => {\n+ this._videoElement?.removeEventListener('canplay', onCanPlay);\n+ if (this._videoElement) {\n+ this._videoElement.currentTime = currentTime;\n+ }\n+};\n+this._videoElement.addEventListener('canplay', onCanPlay, { once: true });\n+\n this._videoElement.play().catch(() => {\n // Error will be handled by error event\n });\n```\n\nAlternatively, if VideoPlayer's `loadStream` already handles seek restoration after retry, this may be intentional duplication. Verify the retry flow doesn't lose playback position.\n\n\n\n

📝 Committable suggestion

\n\n> ‼️ **IMPORTANT**\n> Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.\n\n```suggestion\n private _retryPlayback(): void {\n if (!this._videoElement || !this._descriptor) {\n return;\n }\n\n const currentTime = this._videoElement.currentTime;\n\n // Clear existing sources\n while (this._videoElement.firstChild) {\n this._videoElement.removeChild(this._videoElement.firstChild);\n }\n this._videoElement.removeAttribute('src');\n\n // Set source based on protocol (mirror loadStream logic)\n if (this._descriptor.protocol === 'hls') {\n // Native HLS - set src directly\n this._videoElement.src = this._descriptor.url;\n } else {\n // Direct play - use source element with type hint for webOS\n const source = document.createElement('source');\n source.src = this._descriptor.url;\n source.type = this._descriptor.mimeType;\n this._videoElement.appendChild(source);\n }\n\n this._videoElement.load();\n\n const onCanPlay = (): void => {\n this._videoElement?.removeEventListener('canplay', onCanPlay);\n if (this._videoElement) {\n this._videoElement.currentTime = currentTime;\n }\n };\n this._videoElement.addEventListener('canplay', onCanPlay, { once: true });\n\n this._videoElement.play().catch(() => {\n // Error will be handled by error event\n });\n }\n```\n\n

\n\n\n\n

🤖 Prompt for AI Agents

\n\n```\nIn @src/modules/player/RetryManager.ts around lines 141 - 171, In\n_retryPlayback, restoring currentTime immediately after load() can fail; change\nlogic to capture currentTime, call load(), then restore seek only once\nmetadata/ready state is available by waiting for the 'loadedmetadata' or\n'canplay' event (or checking readyState and applying immediately if already >=\nHAVE_METADATA), set currentTime inside that handler, start playback and remove\nthe handler after it runs, and keep the existing error-event fallback; ensure\nyou reference _retryPlayback, _videoElement, and _descriptor and avoid\nduplicating seek-restoration if loadStream already performs it.\n```\n\n

\n\n\n\n\n\n✅ Addressed in commit 34be8cc\n_⚠️ Potential issue_ | _🟠 Major_\n\n

🧩 Analysis chain

\n\n🏁 Script executed:\n\n```shell\ncat -n src/modules/player/SubtitleManager.ts\n```\n\nRepository: TJZine/Retune\n\nLength of output: 7400\n\n---\n\n🏁 Script executed:\n\n```shell\nfind . -name \"*.test.ts\" -o -name \"*.spec.ts\" | xargs grep -l \"setActiveTrack\\|SubtitleManager\" 2>/dev/null\n```\n\nRepository: TJZine/Retune\n\nLength of output: 111\n\n---\n\n🏁 Script executed:\n\n```shell\ncat -n src/modules/player/__tests__/SubtitleManager.test.ts\n```\n\nRepository: TJZine/Retune\n\nLength of output: 8150\n\n---\n\n🌐 Web query:\n\n`TextTrack interface HTML5 specification id property`\n\n💡 Result:\n\nThe TextTrack.id property (readonly) returns the track's ID as a DOMString — the track's ID if it has one, or the empty string otherwise. If the TextTrack is associated with a element, its id matches that element's id. [1][2]\n\nSources:\n[1] HTML Standard — Text track / TextTrack (WHATWG). \n[2] MDN Web Docs — TextTrack.id.\n\n---\n\n🏁 Script executed:\n\n```shell\n# Search for any issues or TODOs related to track ID matching\nrg -n \"track\\.id|setActiveTrack|_trackElements\" src/modules/player/SubtitleManager.ts -A 2 -B 2\n```\n\nRepository: TJZine/Retune\n\nLength of output: 1703\n\n---\n\n\n\n

\n\n**Use the maintained `_trackElements` map instead of iterating `textTracks`.**\n\nThe `setActiveTrack` method should use the `_trackElements` map that's already being maintained as the source of truth for track IDs, rather than iterating through `textTracks` and comparing `track.id`. This avoids relying on the browser's synchronization behavior and makes the code more robust to edge cases or other code that might modify the video element's tracks.\n\n

🔧 Suggested fix

\n\n```diff\n public setActiveTrack(trackId: string | null): void {\n if (!this._videoElement) {\n return;\n }\n\n- const textTracks = this._videoElement.textTracks;\n-\n- for (let i = 0; i < textTracks.length; i++) {\n- const track = textTracks[i];\n- if (track) {\n- if (trackId && track.id === trackId) {\n- track.mode = 'showing';\n- } else {\n- track.mode = 'hidden';\n- }\n- }\n- }\n+ for (const [id, element] of this._trackElements) {\n+ if (element.track) {\n+ element.track.mode = (trackId === id) ? 'showing' : 'hidden';\n+ }\n+ }\n\n this._activeTrackId = trackId;\n }\n```\n

\n\n\n\n

📝 Committable suggestion

\n\n\n\n

🤖 Prompt for AI Agents

\n\n```\nIn @src/modules/player/SubtitleManager.ts around lines 89 - 108, Currently\nsetActiveTrack iterates the video element's textTracks; instead, iterate the\nmaintained _trackElements map (e.g., for (const [id, el] of\nthis._trackElements.entries())) and update each stored HTMLTrackElement's mode\nto 'showing' when id === trackId or 'hidden' otherwise, handling a null trackId\nby hiding all; keep the initial _videoElement guard and still assign\nthis._activeTrackId = trackId at the end.\n```\n\n

\n\n\n\n\n_⚠️ Potential issue_ | _🟡 Minor_\n\n**Potential null reference in seek timeout handler.**\n\nIf `destroy()` is called during an in-flight `seekTo()`, `this._videoElement` may become null before the timeout fires or the `seeked` event is received, causing the cleanup function to silently fail to remove the listener.\n\n\n

🔧 Proposed fix

\n\n```diff\n public async seekTo(positionMs: number): Promise {\n if (!this._videoElement) {\n throw new Error('VideoPlayer not initialized');\n }\n\n const positionSec = Math.max(0, positionMs / 1000);\n const durationSec = this._videoElement.duration || Infinity;\n\n this._videoElement.currentTime = Math.min(positionSec, durationSec);\n\n // Wait for seeked event with timeout\n- return new Promise((resolve, reject) => {\n+ const videoElement = this._videoElement; // Capture reference\n+ return new Promise((resolve, reject) => {\n const SEEK_TIMEOUT_MS = 5000;\n let timeoutId: ReturnType | null = null;\n\n const cleanup = (): void => {\n if (timeoutId) clearTimeout(timeoutId);\n- this._videoElement?.removeEventListener('seeked', handler);\n+ videoElement.removeEventListener('seeked', handler);\n };\n\n const handler = (): void => {\n cleanup();\n resolve();\n };\n\n- this._videoElement?.addEventListener('seeked', handler);\n+ videoElement.addEventListener('seeked', handler);\n\n timeoutId = setTimeout(() => {\n cleanup();\n reject(new Error('Seek operation timed out'));\n }, SEEK_TIMEOUT_MS);\n });\n }\n```\n

\n\n\n> Committable suggestion skipped: line range outside the PR's diff.\n\n

🤖 Prompt for AI Agents

\n\n```\nIn @src/modules/player/VideoPlayer.ts around lines 339 - 359, The seek promise\ncan leak listeners if this._videoElement becomes null before timeout; fix by\ncapturing the video element in a local const (e.g., const video =\nthis._videoElement) before addEventListener, use that captured reference in both\naddEventListener and in cleanup/removeEventListener, and guard clearTimeout with\ntimeoutId !== null; update the handler and cleanup to reference that local video\nvariable instead of this._videoElement so removeEventListener always operates on\nthe same element even if destroy() sets this._videoElement to null.\n```\n\n

\n\n\n\n\n\n✅ Addressed in commit 34be8cc\n**Actionable comments posted: 4**\n\n

🤖 Fix all issues with AI agents

\n\n```\nIn @src/modules/player/ErrorHandler.ts:\n- Around line 12-77: The backoff calculation in mapMediaErrorCodeToPlaybackError\nduplicates existing logic; replace the manual calculation \"retryDelayMs *\nMath.pow(2, retryCount)\" with a call to calculateBackoffDelay(...) so the\nfunction uses the centralized implementation (e.g., set error.retryAfterMs =\ncalculateBackoffDelay(retryCount, retryDelayMs) when recoverable). Ensure you\nimport or reference calculateBackoffDelay and keep the conditional only setting\nretryAfterMs when recoverable.\n\nIn @src/modules/player/RetryManager.ts:\n- Around line 141-171: In _retryPlayback, restoring currentTime immediately\nafter load() can fail; change logic to capture currentTime, call load(), then\nrestore seek only once metadata/ready state is available by waiting for the\n'loadedmetadata' or 'canplay' event (or checking readyState and applying\nimmediately if already >= HAVE_METADATA), set currentTime inside that handler,\nstart playback and remove the handler after it runs, and keep the existing\nerror-event fallback; ensure you reference _retryPlayback, _videoElement, and\n_descriptor and avoid duplicating seek-restoration if loadStream already\nperforms it.\n\nIn @src/modules/player/SubtitleManager.ts:\n- Around line 89-108: Currently setActiveTrack iterates the video element's\ntextTracks; instead, iterate the maintained _trackElements map (e.g., for (const\n[id, el] of this._trackElements.entries())) and update each stored\nHTMLTrackElement's mode to 'showing' when id === trackId or 'hidden' otherwise,\nhandling a null trackId by hiding all; keep the initial _videoElement guard and\nstill assign this._activeTrackId = trackId at the end.\n\nIn @src/modules/player/VideoPlayer.ts:\n- Around line 339-359: The seek promise can leak listeners if this._videoElement\nbecomes null before timeout; fix by capturing the video element in a local const\n(e.g., const video = this._videoElement) before addEventListener, use that\ncaptured reference in both addEventListener and in cleanup/removeEventListener,\nand guard clearTimeout with timeoutId !== null; update the handler and cleanup\nto reference that local video variable instead of this._videoElement so\nremoveEventListener always operates on the same element even if destroy() sets\nthis._videoElement to null.\n```\n\n

\n\n

🧹 Nitpick comments (14)

\n\n
\n
src/modules/player/AudioTrackManager.ts (1)
\n\n`221-258`: **Consider immediate check before polling.**\n\nThe current implementation always waits at least one poll interval (100ms) even if the track switch is instantaneous. An immediate check after enabling could reduce latency in the common case.\n\n\n
\n
♻️ Optional optimization
\n\n```diff\n // Find and enable the target track\n for (let i = 0; i < audioTracks.length; i++) {\n const track = audioTracks[i];\n if (track) {\n track.enabled = track.id === targetTrack.id;\n }\n }\n\n+ // Immediate check before polling\n+ for (let i = 0; i < audioTracks.length; i++) {\n+ if (audioTracks[i]?.id === targetTrack.id && audioTracks[i]?.enabled) {\n+ clearTimeout(timeout);\n+ resolve();\n+ return;\n+ }\n+ }\n+\n // Verify switch with polling - find by ID, not index\n```\n
\n\n
\n
\n
src/modules/player/types.ts (1)
\n\n`249-279`: **Documentation inconsistency: `VideoPlayerInternalState` is exported.**\n\nThe comment on line 250 states \"Internal State (not exported publicly)\" but the interface uses `export`. If this is intentional for use by related modules within the player package, consider clarifying the comment. If it should truly be internal, consider removing the export.\n\n\n
\n
📝 Suggested documentation fix
\n\n```diff\n // ============================================\n-// Internal State (not exported publicly)\n+// Internal State (exported for related player modules only)\n // ============================================\n```\n
\n\n
\n
\n
src/modules/ui/epg/__tests__/EPGVirtualizer.test.ts (1)
\n\n`242-297`: **Consider a more precise assertion for element recycling.**\n\nThe assertion on line 296 uses `initialCount * 2`, which may not accurately reflect the expected recycling behavior. Consider asserting that the count remains stable or within a specific delta of the initial count, or that it stays below the MAX_DOM_ELEMENTS constant.\n\n\n\n
\n
♻️ More precise assertion
\n\n```diff\n- // Element count should stay stable (recycled, not grown unboundedly)\n- expect(afterScrollCount).toBeLessThanOrEqual(initialCount * 2);\n+ // Element count should stay stable due to recycling\n+ expect(afterScrollCount).toBeLessThan(EPG_CONSTANTS.MAX_DOM_ELEMENTS);\n+ // Should be roughly similar to initial count (allowing some variance)\n+ expect(Math.abs(afterScrollCount - initialCount)).toBeLessThan(50);\n```\n\n
\n\n
\n
\n
src/modules/player/KeepAliveManager.ts (1)
\n\n`28-40`: **Consider using a custom event type to avoid interference.**\n\nDispatching a generic `'click'` event on the document (line 37) could potentially interfere with actual click event listeners in the application. If webOS requires a DOM touch for keep-alive, consider using a custom event type (e.g., `'keepalive'`) or dispatching to a hidden element to avoid side effects.\n\n\n\n
\n
♻️ Alternative approach with custom event
\n\n```diff\n this._intervalId = setInterval(() => {\n if (this._isPlayingFn()) {\n- // Touch DOM to prevent webOS suspension\n- document.dispatchEvent(new Event('click'));\n+ // Touch DOM to prevent webOS suspension with custom event\n+ document.dispatchEvent(new CustomEvent('keepalive', { detail: { timestamp: Date.now() } }));\n }\n }, KEEP_ALIVE_INTERVAL_MS);\n```\n\n
\n\n
\n
\n
src/modules/player/constants.ts (1)
\n\n`43-51`: **Consider using CSS class instead of inline styles.**\n\nThe `VIDEO_ELEMENT_STYLES` template string applies inline styles directly. While this works, using a CSS class from your stylesheet would improve maintainability and allow easier theming. However, for a video player that needs immediate styling without stylesheet dependencies, inline styles are acceptable.\n\n
\n
\n
src/modules/ui/epg/EPGInfoPanel.ts (3)
\n\n`109-121`: **Validate or sanitize `item.thumb` URL before assigning to `src`.**\n\nSetting `poster.src` directly from `item.thumb` (line 115) could be a vector for:\n1. `javascript:` protocol URLs (XSS in older browsers)\n2. Data exfiltration via tracking pixels\n\nConsider validating the URL scheme:\n\n
\n
🔒 Proposed validation
\n\n```diff\n if (poster) {\n if (item.thumb) {\n+ // Validate URL scheme to prevent javascript: or data: URLs\n+ const isValidUrl = /^https?:\\/\\//i.test(item.thumb);\n+ if (!isValidUrl) {\n+ poster.style.display = 'none';\n+ return;\n+ }\n poster.src = item.thumb;\n poster.alt = item.title;\n poster.style.display = 'block';\n } else {\n poster.style.display = 'none';\n }\n }\n```\n
\n\nIf `item.thumb` is always sourced from trusted Plex metadata, this may be acceptable, but defense-in-depth is recommended.\n\n---\n\n`89-99`: **`update()` and `show()` have overlapping logic.**\n\nBoth methods set `currentProgram`, call `updateContent`, and handle visibility. Consider having `update()` delegate to `show()` or extracting common logic:\n\n```diff\n update(program: ScheduledProgram): void {\n if (!this.containerElement) return;\n-\n- this.currentProgram = program;\n- this.updateContent(program);\n-\n- if (!this.isVisible) {\n- this.containerElement.style.display = 'flex';\n- this.isVisible = true;\n- }\n+ this.show(program);\n }\n```\n\nThis depends on whether `update()` should always show (current behavior) or only update if already visible. The current implementation always shows, making it equivalent to `show()`.\n\n---\n\n`140-145`: **Consider implementing description or removing placeholder.**\n\nThe description element is populated with an empty string with a TODO comment. If extended metadata isn't available in this phase, consider either:\n1. Hiding the description element entirely when empty\n2. Removing it from the template until needed\n\n```diff\n const description = this.containerElement.querySelector(`.${EPG_CLASSES.INFO_DESCRIPTION}`);\n if (description) {\n- // Description would come from extended metadata, placeholder for now\n- description.textContent = '';\n+ // Hide until extended metadata is available\n+ (description as HTMLElement).style.display = 'none';\n }\n```\n\n
\n
\n
src/modules/ui/epg/EPGChannelList.ts (1)
\n\n`76-83`: **JSDoc mentions unused parameter.**\n\nThe JSDoc documents an `index` parameter that doesn't exist in the method signature.\n\n\n
\n
📝 Remove unused parameter from JSDoc
\n\n```diff\n /**\n * Create a channel row element.\n *\n * @param channel - Channel configuration\n- * @param index - Channel index\n * @returns The row element\n */\n private createChannelRow(channel: ChannelConfig): HTMLElement {\n```\n
\n\n
\n
\n
src/modules/player/VideoPlayerEvents.ts (2)
\n\n`187-190`: **Consider cleaner void emission pattern.**\n\nThe `undefined as unknown as void` cast is awkward. If the `PlayerEventMap` defines `ended` as having a `void` payload, consider updating the event map type to allow `undefined` or use a more explicit type.\n\n\n
\n
💡 Alternative approaches
\n\nOption 1: If `ended` event truly needs no payload, define it as `undefined` in `PlayerEventMap`:\n```typescript\n// In types.ts\nended: undefined;\n```\n\nOption 2: Use explicit undefined:\n```diff\n-this._emitter?.emit('ended', undefined as unknown as void);\n+this._emitter?.emit('ended', undefined);\n```\n
\n\n---\n\n`228-254`: **Buffer percentage could exceed 100% in edge cases.**\n\nIf `bufferedEnd` exceeds `duration` (possible with some streaming edge cases), `bufferPercent` could exceed 100. Consider clamping the value.\n\n\n
\n
🔧 Clamp buffer percentage
\n\n```diff\n- const bufferPercent = Math.round((bufferedEnd / duration) * 100);\n+ const bufferPercent = Math.min(100, Math.round((bufferedEnd / duration) * 100));\n```\n
\n\n
\n
\n
src/modules/player/VideoPlayer.ts (2)
\n\n`93-98`: **Inconsistent guard behavior on re-initialization.**\n\nThe guard warns about already being initialized but then calls `destroy()` and proceeds with re-initialization. This could be surprising—consider either returning early (true guard) or removing the warning (silent reinit).\n\n\n
\n
♻️ Option A: Early return (stricter guard)
\n\n```diff\n public async initialize(config: VideoPlayerConfig): Promise {\n // Guard: Prevent creating multiple video elements (spec requirement)\n if (this._videoElement) {\n console.warn('[VideoPlayer] Already initialized. Call destroy() before re-initializing.');\n- this.destroy();\n+ return;\n }\n```\n
\n
\n
♻️ Option B: Silent reinit (no warning)
\n\n```diff\n public async initialize(config: VideoPlayerConfig): Promise {\n- // Guard: Prevent creating multiple video elements (spec requirement)\n+ // Clean up any existing state before re-initializing\n if (this._videoElement) {\n- console.warn('[VideoPlayer] Already initialized. Call destroy() before re-initializing.');\n this.destroy();\n }\n```\n
\n\n---\n\n`569-583`: **Placeholder methods for webOS media session API.**\n\nThese stubs are appropriately marked with TODO comments. Consider tracking this as a follow-up issue to ensure implementation before webOS deployment.\n\n\n\nWould you like me to open an issue to track the webOS media session API implementation?\n\n
\n
\n
src/modules/ui/epg/styles.css (1)
\n\n`134-139`: **Consider adding outline for high-contrast mode accessibility.**\n\nThe `.focused` state relies on background color and box-shadow, which may not be visible in Windows High Contrast Mode. Consider adding a fallback outline.\n\n\n
\n
♻️ Proposed enhancement
\n\n```diff\n .epg-cell.focused {\n background: var(--focus-color, #00a8e1);\n transform: scale(1.02);\n z-index: 10;\n box-shadow: 0 0 20px rgba(0, 168, 225, 0.5);\n+ outline: 3px solid transparent; /* Visible in high-contrast mode */\n }\n+\n+@media (forced-colors: active) {\n+ .epg-cell.focused {\n+ outline: 3px solid CanvasText;\n+ }\n+}\n```\n
\n\n
\n\n

\n\n

📜 Review details

\n\n**Configuration used**: Organization UI\n\n**Review profile**: CHILL\n\n**Plan**: Pro\n\n

📥 Commits

\n\nReviewing files that changed from the base of the PR and between ef24fe571cd66e3409734f60ede7e81c7dec8905 and cbd2514c2351099829263e077a19b78277b59b71.\n\n

\n\n

📒 Files selected for processing (31)

\n\n* `spec-pack/artifact-10-implementation-state.json`\n* `src/modules/player/AudioTrackManager.ts`\n* `src/modules/player/ErrorHandler.ts`\n* `src/modules/player/KeepAliveManager.ts`\n* `src/modules/player/RetryManager.ts`\n* `src/modules/player/SubtitleManager.ts`\n* `src/modules/player/VideoPlayer.ts`\n* `src/modules/player/VideoPlayerEvents.ts`\n* `src/modules/player/__tests__/AudioTrackManager.test.ts`\n* `src/modules/player/__tests__/SubtitleManager.test.ts`\n* `src/modules/player/__tests__/VideoPlayer.test.ts`\n* `src/modules/player/constants.ts`\n* `src/modules/player/index.ts`\n* `src/modules/player/interfaces.ts`\n* `src/modules/player/types.ts`\n* `src/modules/ui/epg/EPGChannelList.ts`\n* `src/modules/ui/epg/EPGComponent.ts`\n* `src/modules/ui/epg/EPGErrorBoundary.ts`\n* `src/modules/ui/epg/EPGInfoPanel.ts`\n* `src/modules/ui/epg/EPGTimeHeader.ts`\n* `src/modules/ui/epg/EPGVirtualizer.ts`\n* `src/modules/ui/epg/__tests__/EPGComponent.test.ts`\n* `src/modules/ui/epg/__tests__/EPGErrorBoundary.test.ts`\n* `src/modules/ui/epg/__tests__/EPGVirtualizer.test.ts`\n* `src/modules/ui/epg/constants.ts`\n* `src/modules/ui/epg/index.ts`\n* `src/modules/ui/epg/interfaces.ts`\n* `src/modules/ui/epg/styles.css`\n* `src/modules/ui/epg/types.ts`\n* `src/modules/ui/epg/utils.ts`\n* `todo.md`\n\n

\n\n

🧰 Additional context used

\n\n

🧬 Code graph analysis (21)

\n\n

src/modules/player/interfaces.ts (1)

\n\n
\n
src/modules/player/types.ts (6)
\n\n* `VideoPlayerConfig` (48-63)\n* `StreamDescriptor` (152-171)\n* `SubtitleTrack` (104-121)\n* `AudioTrack` (126-143)\n* `PlaybackState` (193-214)\n* `PlayerEventMap` (230-247)\n\n
\n\n

src/modules/player/RetryManager.ts (3)

\n\n
\n
src/modules/player/types.ts (2)
\n\n* `PlaybackError` (219-224)\n* `StreamDescriptor` (152-171)\n\n
\n
\n
src/modules/player/constants.ts (2)
\n\n* `RETRY_BASE_DELAY_MS` (29-29)\n* `MAX_RETRY_ATTEMPTS` (24-24)\n\n
\n
\n
src/modules/player/ErrorHandler.ts (1)
\n\n* `mapMediaErrorCodeToPlaybackError` (22-77)\n\n
\n\n

src/modules/player/__tests__/SubtitleManager.test.ts (3)

\n\n
\n
src/modules/player/types.ts (1)
\n\n* `SubtitleTrack` (104-121)\n\n
\n
\n
src/modules/player/index.ts (2)
\n\n* `SubtitleTrack` (18-18)\n* `SubtitleManager` (8-8)\n\n
\n
\n
src/modules/player/SubtitleManager.ts (1)
\n\n* `SubtitleManager` (15-196)\n\n
\n\n

src/modules/player/KeepAliveManager.ts (1)

\n\n
\n
src/modules/player/constants.ts (1)
\n\n* `KEEP_ALIVE_INTERVAL_MS` (15-15)\n\n
\n\n

src/modules/player/VideoPlayerEvents.ts (1)

\n\n
\n
src/modules/player/types.ts (1)
\n\n* `PlayerStatus` (180-188)\n\n
\n\n

src/modules/ui/epg/__tests__/EPGVirtualizer.test.ts (3)

\n\n
\n
src/modules/ui/epg/EPGVirtualizer.ts (2)
\n\n* `EPGVirtualizer` (56-437)\n* `positionCell` (31-48)\n\n
\n
\n
src/modules/ui/epg/types.ts (3)
\n\n* `EPGConfig` (19-38)\n* `ScheduledProgram` (10-10)\n* `ScheduleWindow` (10-10)\n\n
\n
\n
src/modules/ui/epg/constants.ts (1)
\n\n* `EPG_CONSTANTS` (10-37)\n\n
\n\n

src/modules/ui/epg/__tests__/EPGErrorBoundary.test.ts (2)

\n\n
\n
src/modules/ui/epg/EPGErrorBoundary.ts (1)
\n\n* `EPGErrorBoundary` (23-158)\n\n
\n
\n
src/modules/ui/epg/EPGVirtualizer.ts (1)
\n\n* `forceRecycleAll` (383-391)\n\n
\n\n

src/modules/ui/epg/EPGErrorBoundary.ts (2)

\n\n
\n
src/modules/ui/epg/types.ts (1)
\n\n* `EPGErrorType` (169-175)\n\n
\n
\n
src/modules/ui/epg/index.ts (1)
\n\n* `EPGErrorBoundary` (12-12)\n\n
\n\n

src/modules/player/SubtitleManager.ts (3)

\n\n
\n
src/modules/player/index.ts (2)
\n\n* `SubtitleManager` (8-8)\n* `SubtitleTrack` (18-18)\n\n
\n
\n
src/modules/player/types.ts (1)
\n\n* `SubtitleTrack` (104-121)\n\n
\n
\n
src/modules/player/constants.ts (2)
\n\n* `BURN_IN_SUBTITLE_FORMATS` (99-99)\n* `TEXT_SUBTITLE_FORMATS` (104-104)\n\n
\n\n

src/modules/ui/epg/EPGTimeHeader.ts (3)

\n\n
\n
src/modules/ui/epg/index.ts (3)
\n\n* `EPGTimeHeader` (10-10)\n* `EPGConfig` (16-16)\n* `EPG_CLASSES` (28-28)\n\n
\n
\n
src/modules/ui/epg/types.ts (2)
\n\n* `EPGConfig` (19-38)\n* `TimeSlot` (204-211)\n\n
\n
\n
src/modules/ui/epg/constants.ts (1)
\n\n* `EPG_CLASSES` (42-63)\n\n
\n\n

src/modules/ui/epg/utils.ts (1)

\n\n
\n
src/modules/ui/epg/index.ts (4)
\n\n* `formatTime` (29-29)\n* `formatTimeRange` (29-29)\n* `formatDuration` (29-29)\n* `rafThrottle` (29-29)\n\n
\n\n

src/modules/ui/epg/constants.ts (1)

\n\n
\n
src/modules/ui/epg/index.ts (3)
\n\n* `EPG_CONSTANTS` (28-28)\n* `EPG_CLASSES` (28-28)\n* `DEFAULT_EPG_CONFIG` (28-28)\n\n
\n\n

src/modules/player/ErrorHandler.ts (2)

\n\n
\n
src/modules/player/constants.ts (2)
\n\n* `RETRY_BASE_DELAY_MS` (29-29)\n* `MAX_RETRY_ATTEMPTS` (24-24)\n\n
\n
\n
src/modules/player/types.ts (1)
\n\n* `PlaybackError` (219-224)\n\n
\n\n

src/modules/ui/epg/EPGInfoPanel.ts (4)

\n\n
\n
src/modules/ui/epg/interfaces.ts (1)
\n\n* `IEPGInfoPanel` (163-180)\n\n
\n
\n
src/modules/ui/epg/types.ts (1)
\n\n* `ScheduledProgram` (10-10)\n\n
\n
\n
src/modules/ui/epg/constants.ts (1)
\n\n* `EPG_CLASSES` (42-63)\n\n
\n
\n
src/modules/ui/epg/utils.ts (2)
\n\n* `formatTime` (12-20)\n* `formatDuration` (39-51)\n\n
\n\n

src/modules/player/__tests__/AudioTrackManager.test.ts (2)

\n\n
\n
src/modules/player/types.ts (1)
\n\n* `AudioTrack` (126-143)\n\n
\n
\n
src/modules/player/AudioTrackManager.ts (1)
\n\n* `AudioTrackManager` (62-294)\n\n
\n\n

src/modules/ui/epg/__tests__/EPGComponent.test.ts (2)

\n\n
\n
src/modules/ui/epg/EPGComponent.ts (1)
\n\n* `EPGComponent` (31-809)\n\n
\n
\n
src/modules/ui/epg/types.ts (3)
\n\n* `ChannelConfig` (10-10)\n* `ScheduleWindow` (10-10)\n* `ScheduledProgram` (10-10)\n\n
\n\n

src/modules/player/__tests__/VideoPlayer.test.ts (3)

\n\n
\n
src/modules/player/types.ts (2)
\n\n* `VideoPlayerConfig` (48-63)\n* `StreamDescriptor` (152-171)\n\n
\n
\n
src/modules/player/VideoPlayer.ts (2)
\n\n* `mapMediaErrorCodeToPlaybackError` (33-33)\n* `VideoPlayer` (56-627)\n\n
\n
\n
src/modules/player/ErrorHandler.ts (1)
\n\n* `mapMediaErrorCodeToPlaybackError` (22-77)\n\n
\n\n

src/modules/ui/epg/EPGComponent.ts (10)

\n\n
\n
src/modules/ui/epg/index.ts (17)
\n\n* `EPGComponent` (7-7)\n* `EPGEventMap` (22-22)\n* `IEPGComponent` (14-14)\n* `EPGConfig` (16-16)\n* `DEFAULT_EPG_CONFIG` (28-28)\n* `EPGVirtualizer` (9-9)\n* `EPGInfoPanel` (8-8)\n* `EPGTimeHeader` (10-10)\n* `EPGChannelList` (11-11)\n* `EPGErrorBoundary` (12-12)\n* `rafThrottle` (29-29)\n* `EPG_CLASSES` (28-28)\n* `EPG_CONSTANTS` (28-28)\n* `ChannelConfig` (25-25)\n* `ScheduleWindow` (24-24)\n* `ScheduledProgram` (23-23)\n* `EPGState` (17-17)\n\n
\n
\n
src/modules/ui/epg/types.ts (7)
\n\n* `EPGEventMap` (123-133)\n* `EPGConfig` (19-38)\n* `EPGInternalState` (142-164)\n* `ChannelConfig` (10-10)\n* `ScheduleWindow` (10-10)\n* `ScheduledProgram` (10-10)\n* `EPGState` (43-64)\n\n
\n
\n
src/modules/ui/epg/interfaces.ts (1)
\n\n* `IEPGComponent` (19-157)\n\n
\n
\n
src/modules/ui/epg/constants.ts (4)
\n\n* `DEFAULT_EPG_CONFIG` (79-89)\n* `EPG_ERRORS` (68-74)\n* `EPG_CLASSES` (42-63)\n* `EPG_CONSTANTS` (10-37)\n\n
\n
\n
src/modules/ui/epg/EPGVirtualizer.ts (1)
\n\n* `EPGVirtualizer` (56-437)\n\n
\n
\n
src/modules/ui/epg/EPGInfoPanel.ts (1)
\n\n* `EPGInfoPanel` (16-165)\n\n
\n
\n
src/modules/ui/epg/EPGTimeHeader.ts (1)
\n\n* `EPGTimeHeader` (30-162)\n\n
\n
\n
src/modules/ui/epg/EPGChannelList.ts (1)
\n\n* `EPGChannelList` (14-182)\n\n
\n
\n
src/modules/ui/epg/EPGErrorBoundary.ts (1)
\n\n* `EPGErrorBoundary` (23-158)\n\n
\n
\n
src/modules/ui/epg/utils.ts (1)
\n\n* `rafThrottle` (60-87)\n\n
\n\n

src/modules/player/types.ts (1)

\n\n
\n
src/modules/player/index.ts (11)
\n\n* `AppErrorCode` (28-28)\n* `VideoPlayerConfig` (15-15)\n* `MediaMetadata` (17-17)\n* `TimeRange` (23-23)\n* `SubtitleTrack` (18-18)\n* `AudioTrack` (19-19)\n* `StreamDescriptor` (16-16)\n* `PlayerStatus` (21-21)\n* `PlaybackState` (20-20)\n* `PlaybackError` (22-22)\n* `PlayerEventMap` (24-24)\n\n
\n\n

src/modules/ui/epg/types.ts (1)

\n\n
\n
src/modules/ui/epg/index.ts (10)
\n\n* `EPGConfig` (16-16)\n* `EPGState` (17-17)\n* `EPGFocusPosition` (18-18)\n* `ScheduledProgram` (23-23)\n* `EPGChannelRow` (19-19)\n* `ChannelConfig` (25-25)\n* `EPGProgramCell` (20-20)\n* `VirtualizedGridState` (21-21)\n* `EPGEventMap` (22-22)\n* `ScheduleWindow` (24-24)\n\n
\n\n

src/modules/player/AudioTrackManager.ts (3)

\n\n
\n
src/modules/player/types.ts (2)
\n\n* `AudioTrack` (126-143)\n* `PlaybackError` (219-224)\n\n
\n
\n
src/modules/plex/stream/constants.ts (1)
\n\n* `SUPPORTED_AUDIO_CODECS` (39-43)\n\n
\n
\n
src/modules/player/constants.ts (1)
\n\n* `AUDIO_TRACK_SWITCH_TIMEOUT_MS` (65-65)\n\n
\n\n

\n\n

🪛 ast-grep (0.40.4)

\n\n

src/modules/ui/epg/EPGTimeHeader.ts

\n\n[warning] 75-75: Direct modification of innerHTML or outerHTML properties detected. Modifying these properties with unsanitized user input can lead to XSS vulnerabilities. Use safe alternatives or sanitize content first.\nContext: this.containerElement.innerHTML = ''\nNote: [CWE-79] Improper Neutralization of Input During Web Page Generation [REFERENCES]\n - https://owasp.org/www-community/xss-filter-evasion-cheatsheet\n - https://cwe.mitre.org/data/definitions/79.html\n\n(dom-content-modification)\n\n

src/modules/ui/epg/EPGInfoPanel.ts

\n\n[warning] 28-28: Direct modification of innerHTML or outerHTML properties detected. Modifying these properties with unsanitized user input can lead to XSS vulnerabilities. Use safe alternatives or sanitize content first.\nContext: this.containerElement.innerHTML = this.createTemplate()\nNote: [CWE-79] Improper Neutralization of Input During Web Page Generation [REFERENCES]\n - https://owasp.org/www-community/xss-filter-evasion-cheatsheet\n - https://cwe.mitre.org/data/definitions/79.html\n\n(dom-content-modification)\n\n---\n\n[warning] 28-28: Direct HTML content assignment detected. Modifying innerHTML, outerHTML, or using document.write with unsanitized content can lead to XSS vulnerabilities. Use secure alternatives like textContent or sanitize HTML with libraries like DOMPurify.\nContext: this.containerElement.innerHTML = this.createTemplate()\nNote: [CWE-79] Improper Neutralization of Input During Web Page Generation [REFERENCES]\n - https://www.dhairyashah.dev/posts/why-innerhtml-is-a-bad-idea-and-how-to-avoid-it/\n - https://cwe.mitre.org/data/definitions/79.html\n\n(unsafe-html-content-assignment)\n\n

src/modules/ui/epg/EPGVirtualizer.ts

\n\n[warning] 265-268: Direct modification of innerHTML or outerHTML properties detected. Modifying these properties with unsanitized user input can lead to XSS vulnerabilities. Use safe alternatives or sanitize content first.\nContext: element.innerHTML = `\n

\n `\nNote: [CWE-79] Improper Neutralization of Input During Web Page Generation [REFERENCES]\n - https://owasp.org/www-community/xss-filter-evasion-cheatsheet\n - https://cwe.mitre.org/data/definitions/79.html\n\n(dom-content-modification)\n\n---\n\n[warning] 265-268: Direct HTML content assignment detected. Modifying innerHTML, outerHTML, or using document.write with unsanitized content can lead to XSS vulnerabilities. Use secure alternatives like textContent or sanitize HTML with libraries like DOMPurify.\nContext: element.innerHTML = `\n

src/modules/ui/epg/EPGComponent.ts

\n\n[warning] 175-179: Direct HTML content assignment detected. Modifying innerHTML, outerHTML, or using document.write with unsanitized content can lead to XSS vulnerabilities. Use secure alternatives like textContent or sanitize HTML with libraries like DOMPurify.\nContext: this.containerElement.innerHTML = `\n

\n `\nNote: [CWE-79] Improper Neutralization of Input During Web Page Generation [REFERENCES]\n - https://www.dhairyashah.dev/posts/why-innerhtml-is-a-bad-idea-and-how-to-avoid-it/\n - https://cwe.mitre.org/data/definitions/79.html\n\n(unsafe-html-content-assignment)\n\n---\n\n[warning] 119-119: Direct modification of innerHTML or outerHTML properties detected. Modifying these properties with unsanitized user input can lead to XSS vulnerabilities. Use safe alternatives or sanitize content first.\nContext: this.containerElement.innerHTML = ''\nNote: [CWE-79] Improper Neutralization of Input During Web Page Generation [REFERENCES]\n - https://owasp.org/www-community/xss-filter-evasion-cheatsheet\n - https://cwe.mitre.org/data/definitions/79.html\n\n(dom-content-modification)\n\n---\n\n[warning] 175-179: Direct modification of innerHTML or outerHTML properties detected. Modifying these properties with unsanitized user input can lead to XSS vulnerabilities. Use safe alternatives or sanitize content first.\nContext: this.containerElement.innerHTML = `\n

src/modules/ui/epg/EPGChannelList.ts

\n\n[warning] 63-63: Direct modification of innerHTML or outerHTML properties detected. Modifying these properties with unsanitized user input can lead to XSS vulnerabilities. Use safe alternatives or sanitize content first.\nContext: this.containerElement.innerHTML = ''\nNote: [CWE-79] Improper Neutralization of Input During Web Page Generation [REFERENCES]\n - https://owasp.org/www-community/xss-filter-evasion-cheatsheet\n - https://cwe.mitre.org/data/definitions/79.html\n\n(dom-content-modification)\n\n

\n\n

🔇 Additional comments (64)

\n\n
\n
todo.md (1)
\n\n`91-155`: **Well-documented device testing requirements.**\n\nThe documentation correctly identifies the HTML5 spec behavior where `load()` resets `currentTime` to 0, and the recommended fix pattern (waiting for `loadedmetadata` before seeking) is the correct approach. The keep-alive alternatives are comprehensive and will be valuable for empirical testing.\n\n
\n
\n
src/modules/player/AudioTrackManager.ts (4)
\n\n`1-11`: **LGTM - Well-structured module with clear imports.**\n\nThe file organization is clean with proper type imports and constant imports from their respective modules.\n\n---\n\n`82-91`: **LGTM - Good default track selection logic.**\n\nThe method correctly prioritizes a track marked as `default` before falling back to the first track, with proper null checks.\n\n---\n\n`143-163`: **Retry logic is sound.**\n\nThe retry mechanism correctly distinguishes between timeout errors (which break immediately) and other failures (which retry). The previous track restoration on failure is a good recovery strategy.\n\n---\n\n`278-293`: **LGTM - Error factory method.**\n\nThe `recoverable: false` and `retryCount: 0` defaults are appropriate here since this method is called after internal retry attempts have been exhausted.\n\n
\n
\n
src/modules/player/types.ts (2)
\n\n`1-40`: **LGTM - Well-structured error taxonomy and base types.**\n\nThe `AppErrorCode` enum provides clear categorization for playback errors, and the `AppError` interface establishes a solid foundation for error handling across the module.\n\n---\n\n`226-247`: **LGTM - Event map with proper EventEmitter compatibility.**\n\nThe index signature for EventEmitter compatibility is well-documented and the typed event payloads provide good developer experience for common events.\n\n
\n
\n
src/modules/ui/epg/__tests__/EPGErrorBoundary.test.ts (3)
\n\n`7-19`: **LGTM - Good test setup with proper cleanup.**\n\nThe test suite properly initializes the error boundary, mocks console methods to keep test output clean, and ensures cleanup in `afterEach` with both `destroy()` and `restoreAllMocks()`.\n\n---\n\n`76-90`: **LGTM - Good threshold behavior verification.**\n\nThe test correctly verifies that `degradedMode` is only emitted when the error count reaches the threshold (3), not before.\n\n---\n\n`157-170`: **LGTM - Thorough destroy lifecycle test.**\n\nTesting that callbacks are not invoked after `destroy()` is important for preventing use-after-free scenarios and ensuring clean resource cleanup.\n\n
\n
\n
src/modules/player/interfaces.ts (3)
\n\n`16-38`: **LGTM - Clean lifecycle interface.**\n\nThe async `initialize` / sync `destroy` pattern is appropriate. Initialization may need async operations (container lookup, resource allocation) while destruction should be synchronous for reliable cleanup.\n\n---\n\n`125-148`: **LGTM - Intentional asymmetry in track APIs.**\n\nThe design correctly allows disabling subtitles (`null`) while requiring an audio track to always be active. This matches expected media player behavior.\n\n---\n\n`202-215`: **Consider documenting webOS service integration requirements.**\n\nThe `requestMediaSession` and `releaseMediaSession` methods are marked as \"for future webOS media keys\" but lack parameter definitions. When implementing, these may need to accept configuration for the Luna Service API integration mentioned in `todo.md`.\n\n\n\nConsider adding a TODO comment or expanding the JSDoc to indicate what configuration these methods might need when implementing proper webOS media session handling.\n\n
\n
\n
src/modules/player/__tests__/SubtitleManager.test.ts (3)
\n\n`14-35`: **LGTM - Adequate mock for textTracks API.**\n\nThe mock provides the necessary interface for testing subtitle management without requiring a full browser implementation.\n\n---\n\n`75-127`: **LGTM - Comprehensive track loading tests.**\n\nGood coverage of text-based formats, burn-in requirements, and the unload-before-reload behavior.\n\n---\n\n`173-195`: **LGTM - Case-insensitive format detection tests.**\n\nTesting both lowercase and uppercase format strings (`pgs` vs `PGS`) ensures the implementation handles real-world format variations correctly.\n\n
\n
\n
src/modules/ui/epg/__tests__/EPGComponent.test.ts (5)
\n\n`17-32`: **Type assertion suggests incomplete mock.**\n\nThe `as ChannelConfig` assertion on line 32 indicates the mock may not satisfy all required fields of `ChannelConfig`. This is acceptable for testing if only the included fields are used, but could mask issues if the implementation starts using additional fields.\n\n\n\nConsider whether all required `ChannelConfig` fields should be included in the mock, or document which fields are intentionally omitted for testing purposes.\n\n---\n\n`65-87`: **LGTM - Proper test setup and teardown.**\n\nThe `beforeEach`/`afterEach` pattern correctly creates the container, initializes the EPG, and cleans up both on completion.\n\n---\n\n`167-245`: **LGTM - Thorough navigation testing.**\n\nGood coverage of focus movement in all directions, boundary conditions (returning false at edges), and event emission verification.\n\n---\n\n`280-303`: **LGTM - Proper isolation for edge case test.**\n\nCreating a separate EPG instance to test the \"no program focused\" scenario ensures the test doesn't depend on prior test state, and the cleanup is handled correctly.\n\n---\n\n`371-407`: **LGTM - Virtualization constraint verification.**\n\nTesting that 2400 potential cells result in < 200 DOM elements validates the virtualization strategy outlined in `todo.md` (EPG_CONFIG.MAX_DOM_ELEMENTS = 200).\n\n
\n
\n
src/modules/ui/epg/__tests__/EPGVirtualizer.test.ts (3)
\n\n`44-131`: **LGTM! Comprehensive positioning tests.**\n\nThe `positionCell` tests effectively validate deterministic calculations, correct positioning based on start time, and minimum width enforcement (20px). The test coverage is thorough.\n\n---\n\n`133-187`: **LGTM! Visible range calculation is well tested.**\n\nThe tests properly validate buffer rows, boundary clamping, and time buffer calculations. Edge cases at top and bottom boundaries are handled correctly.\n\n---\n\n`300-347`: **LGTM! Pool management tests are solid.**\n\nThe tests correctly validate element reuse from the pool and that `forceRecycleAll` clears both elements and the pool.\n\n
\n
\n
src/modules/player/index.ts (1)
\n\n`1-28`: **LGTM! Clean barrel export structure.**\n\nThe module exports are well-organized, with clear separation between classes, interfaces, and types. The re-export of `AppErrorCode` for convenience is a good developer experience choice.\n\n
\n
\n
src/modules/player/KeepAliveManager.ts (1)
\n\n`42-50`: **LGTM! Proper cleanup of interval resources.**\n\nThe `stop()` method correctly clears the interval and resets the state.\n\n
\n
\n
src/modules/ui/epg/utils.ts (3)
\n\n`6-20`: **LGTM! Time formatting is correct.**\n\nThe 12-hour format conversion and AM/PM handling are implemented correctly, including proper padding for minutes.\n\n---\n\n`22-51`: **LGTM! Time range and duration formatting are solid.**\n\nBoth functions handle edge cases appropriately (zero hours, zero minutes).\n\n---\n\n`53-87`: **LGTM! RAF throttling with test environment fallback.**\n\nThe test environment detection and fallback to synchronous execution is a good approach for reliable testing. The null check on line 81 is technically redundant since `latestArgs` is always set before scheduling, but it's defensive programming and doesn't hurt performance.\n\n
\n
\n
src/modules/player/ErrorHandler.ts (1)
\n\n`79-96`: **LGTM! Backoff and retry limit utilities are correct.**\n\nBoth helper functions implement their logic correctly. The retry attempt cap ensures compliance with the MAX_RETRY_ATTEMPTS constant.\n\n
\n
\n
src/modules/ui/epg/index.ts (1)
\n\n`1-29`: **Well-structured barrel file.**\n\nClean organization of public API exports with logical grouping of components, types, constants, and utilities. The type-only exports for interfaces follow TypeScript best practices.\n\n
\n
\n
src/modules/player/__tests__/VideoPlayer.test.ts (5)
\n\n`265-282`: **Potential timing issue in seek test setup.**\n\nThe test accesses `container.querySelector('video')` before `loadStream` completes but after `initialize`. This works because `initialize` creates the video element, but accessing it before `loadStream` and then redefining `currentTime` could cause issues if `loadStream` internally recreates or modifies the element.\n\nConsider moving the video element query after `loadStream` completes for clarity:\n\n```diff\n it('should seek to startPositionMs', async () => {\n- const videoElement = container.querySelector('video')!;\n let currentTimeSet = 0;\n\n+ const descriptor = createMockDescriptor({ startPositionMs: 60000 });\n+ await player.loadStream(descriptor);\n+\n+ const videoElement = container.querySelector('video')!;\n Object.defineProperty(videoElement, 'currentTime', {\n get: (): number => currentTimeSet,\n set: (val: number) => {\n currentTimeSet = val;\n },\n configurable: true,\n });\n\n- const descriptor = createMockDescriptor({ startPositionMs: 60000 });\n- await player.loadStream(descriptor);\n-\n- // Should have set currentTime to 60 seconds\n- expect(currentTimeSet).toBe(60);\n+ // Verify via state or trigger a new load to test startPositionMs\n });\n```\n\nHowever, this changes test semantics. Verify the current test reliably passes.\n\n---\n\n`1-88`: **Solid test coverage for error mapping.**\n\nThe `mapMediaErrorCodeToPlaybackError` tests comprehensively cover network timeout recoverability, decode errors, format unsupported, and unknown codes. The exponential backoff calculation verification (1s, 4s for retry counts 0, 2) aligns with the implementation formula `baseDelay * 2^retryCount`.\n\n---\n\n`94-203`: **Initialization tests are well-structured.**\n\nGood coverage of video element creation, default volume application, and container-not-found error handling. The mock setup with `originalCreateElement` binding ensures proper isolation.\n\n---\n\n`311-460`: **Playback and seeking tests look correct.**\n\nThe seeking tests properly simulate the `seeked` event dispatch via setTimeout and use fake timers to advance. The relative seek calculations (60s + 10s = 70s, 60s - 10s = 50s) are verified correctly.\n\n---\n\n`519-593`: **Error handling retry test is comprehensive.**\n\nThe test correctly demonstrates:\n1. First 3 errors schedule retries (recoverable)\n2. Fourth error exhausts retries and becomes unrecoverable\n3. Final error includes `retryCount: 3`\n\nThe intentional registration of `errorHandler` after the first error dispatch verifies recoverable errors don't immediately call the handler.\n\n
\n
\n
spec-pack/artifact-10-implementation-state.json (1)
\n\n`1-391`: **Implementation state tracking looks consistent.**\n\nThe phase and module status updates correctly reflect the PR progress. Both `video-player` and `epg-ui` modules are marked complete with appropriate review metadata, timestamps, and retry counts.\n\n
\n
\n
src/modules/player/__tests__/AudioTrackManager.test.ts (3)
\n\n`38-66`: **Well-designed mock video element with audioTracks.**\n\nThe `preventEnable` option is a clever way to simulate timeout scenarios where track switching never completes. The getter/setter pattern for `enabled` properly mimics browser behavior.\n\n---\n\n`145-161`: **Good documentation of implementation behavior.**\n\nThe test at lines 145-160 explicitly documents that `activeTrackId` is preserved when `setTracks` is called again, even if the new array has a different default track. This prevents accidental behavior changes.\n\n---\n\n`281-340`: **Timeout handling tests are thorough.**\n\nThe tests properly verify:\n1. `TRACK_SWITCH_TIMEOUT` error code (not `TRACK_SWITCH_FAILED`)\n2. Error structure completeness (`recoverable: false`, `retryCount: 0`)\n3. State preservation after timeout failure (`activeTrackId` unchanged)\n\nUsing `jest.runAllTimersAsync()` ensures proper async handling with fake timers.\n\n
\n
\n
src/modules/player/RetryManager.ts (2)
\n\n`72-88`: **Retry logic correctly caps attempts.**\n\nThe `Math.min(this._configRetryAttempts, MAX_RETRY_ATTEMPTS)` ensures the retry count never exceeds the spec-defined maximum of 3, even if config specifies a higher value.\n\n---\n\n`22-40`: **LGTM: Clean initialization with sensible defaults.**\n\nPrivate fields are properly initialized with constants, and optional config parameters in `initialize()` correctly fall back to defaults using nullish coalescing.\n\n
\n
\n
src/modules/player/constants.ts (1)
\n\n`1-104`: **Well-organized constants module.**\n\nGood separation of concerns with clear section headers. The `as const` assertion on `DEFAULT_CONFIG` ensures type narrowing for literal values. MIME type mappings and subtitle format arrays are appropriately typed.\n\n
\n
\n
src/modules/ui/epg/EPGInfoPanel.ts (1)
\n\n`26-46`: **Static analysis warning is a false positive.**\n\nThe `innerHTML` assignment at line 29 uses `createTemplate()` which returns a hardcoded HTML string with no user input interpolation. This is safe as no dynamic content flows into the template. The actual content (title, meta, description) is set via `textContent` property which automatically escapes HTML.\n\n
\n
\n
src/modules/ui/epg/EPGChannelList.ts (1)
\n\n`61-74`: **LGTM - Safe DOM clearing pattern.**\n\nThe static analysis hint for `innerHTML = ''` on line 64 is a false positive. Clearing innerHTML with an empty string is safe and is a common pattern for removing all child elements before re-rendering. The subsequent rendering uses `document.createElement` and `textContent`, which properly escapes content.\n\n
\n
\n
src/modules/ui/epg/EPGTimeHeader.ts (2)
\n\n`16-24`: **Timezone handling may be inconsistent.**\n\n`formatTimeSlot` uses the browser's local timezone via `new Date(timestamp)`. If the EPG schedule data uses a specific timezone (e.g., server/broadcast timezone), this could display incorrect times. Consider whether you need explicit timezone handling or if local timezone is the intended behavior for this use case.\n\n\n\nVerify that the timestamps passed to this function are already adjusted for display timezone, or consider using a library like `date-fns-tz` for explicit timezone handling if needed.\n\n---\n\n`73-89`: **LGTM - Slot rendering logic is correct.**\n\nThe `innerHTML = ''` on line 76 is safe (clearing content). The slot calculation and rendering logic properly creates positioned time labels. The loop correctly calculates slot times based on the anchor time and slot interval.\n\n
\n
\n
src/modules/ui/epg/EPGErrorBoundary.ts (2)
\n\n`60-100`: **LGTM - Well-structured error boundary.**\n\nThe error handling logic correctly:\n- Tracks per-type error counts with safe undefined handling\n- Invokes type-specific recovery callbacks when registered\n- Emits `degradedMode` event when threshold is reached\n- Covers all defined `EPGErrorType` cases in the switch statement\n\n---\n\n`110-125`: **LGTM - Wrapper utility is well-designed.**\n\nThe `wrap` method provides a clean try/catch pattern that properly converts unknown errors to `Error` instances before delegating to `handleError`. Returning `undefined` on error is appropriate for this use case.\n\n
\n
\n
src/modules/ui/epg/interfaces.ts (2)
\n\n`19-157`: **LGTM - Comprehensive interface definition.**\n\nThe `IEPGComponent` interface provides a well-organized public API contract covering lifecycle, visibility, data loading, navigation, input handling, state, and events. The generic event methods properly constrain to `EPGEventMap` keys.\n\n---\n\n`163-180`: **LGTM - Clean info panel interface.**\n\nThe `IEPGInfoPanel` interface is appropriately minimal for an overlay panel component.\n\n
\n
\n
src/modules/ui/epg/constants.ts (1)
\n\n`10-37`: **LGTM - Well-organized constants.**\n\nThe constants are properly typed with `as const`, use readable numeric separators (`60_000`), and reference ADR documentation for rationale. The separation between layout constants, CSS classes, errors, and default config promotes maintainability.\n\n
\n
\n
src/modules/player/VideoPlayerEvents.ts (1)
\n\n`105-143`: **LGTM - Robust waitForCanPlay implementation.**\n\nThe promise-based wait correctly handles:\n- Early return if already ready (`readyState >= 3`)\n- Cleanup on success, error, or timeout\n- Proper event listener removal to prevent memory leaks\n\n
\n
\n
src/modules/player/SubtitleManager.ts (1)
\n\n`152-175`: **LGTM - Good defensive coding for track element creation.**\n\nThe null check for `trackElement.track` (line 170) handles jsdom/test environment compatibility. The `forced` flag is correctly stored in `dataset` since there's no native property for it.\n\n
\n
\n
src/modules/ui/epg/types.ts (1)
\n\n`1-211`: **LGTM!**\n\nThe type definitions are well-structured with clear JSDoc comments. The re-exports from scheduler types provide a clean API surface, and the index signature on `EPGEventMap` properly enables EventEmitter compatibility.\n\n
\n
\n
src/modules/ui/epg/EPGVirtualizer.ts (3)
\n\n`255-271`: **innerHTML usage is safe here.**\n\nThe static analysis tool flagged this `innerHTML` assignment, but it's a false positive. The template only contains hardcoded CSS class names from `EPG_CLASSES` constants—no user input is interpolated. User-provided content (program title/time) is correctly assigned via `textContent` in `renderCell()`, which automatically escapes any special characters.\n\n---\n\n`187-247`: **Well-implemented DOM recycling logic.**\n\nThe virtualization approach correctly:\n1. Recycles elements that scroll out of view\n2. Reuses existing elements when possible\n3. Creates new elements only when the pool is empty\n\nThis should maintain the target of <200 DOM elements as stated in the module docs.\n\n---\n\n`31-48`: **Pure positioning function is well-designed.**\n\n`positionCell` is correctly implemented as a pure function with sensible defaults. The minimum 20px width prevents cells from becoming invisibly small for very short programs.\n\n
\n
\n
src/modules/ui/epg/EPGComponent.ts (4)
\n\n`172-184`: **Safe innerHTML usage for DOM scaffolding.**\n\nThe static analysis warnings for `innerHTML` here are false positives. The template contains only hardcoded CSS class names from `EPG_CLASSES` constants. No user-supplied data is interpolated into this HTML structure—user content (program titles, etc.) flows through the virtualizer which uses `textContent`.\n\n---\n\n`800-808`: **Good error boundary integration for rendering resilience.**\n\nWrapping the render logic in `errorBoundary.wrap()` ensures that rendering failures don't crash the entire EPG component. Combined with the recovery callbacks set up in `initializeErrorBoundary()`, this provides graceful degradation.\n\n---\n\n`32-32`: **No action required - type structures match.**\n\nThe `DEFAULT_EPG_CONFIG` structure fully satisfies the `EPGConfig` interface. All nine properties are present with matching types. The double assertion `as unknown as EPGConfig` is a necessary TypeScript pattern when assigning a const-asserted object to a regular interface, not a sign of type incompatibility. If the intent is to avoid the double assertion, consider removing `as const` from `DEFAULT_EPG_CONFIG`, but the current implementation is safe and correct.\n\n---\n\n`571-576`: **`elapsedMs` property is correctly defined and maintained.**\n\nThe `ScheduledProgram` interface defines `elapsedMs: number` (src/modules/scheduler/scheduler/types.ts:55) with documentation \"Time elapsed since program started (ms)\". The property is initialized during schedule calculation in ScheduleCalculator.ts and properly maintained throughout the application lifecycle, as evidenced by comprehensive test coverage. The navigation logic in EPGComponent correctly uses this property to preserve the timeline position when moving between channels.\n\n
\n
\n
src/modules/ui/epg/styles.css (2)
\n\n`260-265`: **CSS variables defined for theming support.**\n\nGood use of CSS custom properties for theming. The variables are correctly placed in `:root` and used consistently throughout the stylesheet with fallback values.\n\n---\n\n`1-265`: **Well-structured EPG stylesheet.**\n\nThe CSS is cleanly organized with logical groupings, appropriate use of CSS Grid and Flexbox, and smooth 150ms transitions suitable for TV interfaces. The `z-index` layering (container: 1000, time indicator: 100, focused cell: 10) is sensible.\n\n
\n\n

\n\n

\n\n\n**Actionable comments posted: 0**\n\n

🧹 Nitpick comments (1)

\n\n
\n
src/modules/player/RetryManager.ts (1)
\n\n`171-171`: **Minor comment inaccuracy.**\n\nThe comment states \"mirrors VideoPlayer.loadStream() which waits for canplay,\" but the code below waits for `loadedmetadata` (line 187), not `canplay`. Consider updating the comment to reflect the actual implementation.\n\n\n\n
\n
📝 Suggested comment fix
\n\n```diff\n- // Wait for loadedmetadata before seeking, as load() resets currentTime\n- // This mirrors VideoPlayer.loadStream() which waits for canplay\n+ // Wait for loadedmetadata before seeking, as load() resets currentTime\n+ // Note: VideoPlayer.loadStream() waits for canplay; we use loadedmetadata here as it's sufficient for seeking\n```\n
\n\n
\n\n

\n\n

📜 Review details

\n\n**Configuration used**: Organization UI\n\n**Review profile**: CHILL\n\n**Plan**: Pro\n\n

📥 Commits

\n\nReviewing files that changed from the base of the PR and between cbd2514c2351099829263e077a19b78277b59b71 and 34be8cc821ab9ba431dc9b24b4b220b7237f55d8.\n\n

\n\n

📒 Files selected for processing (4)

\n\n* `src/modules/player/ErrorHandler.ts`\n* `src/modules/player/KeepAliveManager.ts`\n* `src/modules/player/RetryManager.ts`\n* `src/modules/player/VideoPlayer.ts`\n\n

\n\n

🚧 Files skipped from review as they are similar to previous changes (2)

\n\n* src/modules/player/ErrorHandler.ts\n* src/modules/player/KeepAliveManager.ts\n\n

\n\n

🧰 Additional context used

\n\n

🧬 Code graph analysis (2)

\n\n

src/modules/player/RetryManager.ts (3)

\n\n
\n
src/modules/player/types.ts (2)
\n\n* `PlaybackError` (219-224)\n* `StreamDescriptor` (152-171)\n\n
\n
\n
src/modules/player/constants.ts (2)
\n\n* `RETRY_BASE_DELAY_MS` (29-29)\n* `MAX_RETRY_ATTEMPTS` (24-24)\n\n
\n
\n
src/modules/player/ErrorHandler.ts (1)
\n\n* `mapMediaErrorCodeToPlaybackError` (22-77)\n\n
\n\n

src/modules/player/VideoPlayer.ts (7)

\n\n
\n
src/modules/player/index.ts (9)
\n\n* `VideoPlayer` (7-7)\n* `IVideoPlayer` (11-11)\n* `SubtitleManager` (8-8)\n* `VideoPlayerConfig` (15-15)\n* `StreamDescriptor` (16-16)\n* `SubtitleTrack` (18-18)\n* `AudioTrack` (19-19)\n* `PlaybackState` (20-20)\n* `PlayerStatus` (21-21)\n\n
\n
\n
src/modules/player/interfaces.ts (1)
\n\n* `IVideoPlayer` (20-215)\n\n
\n
\n
src/modules/player/SubtitleManager.ts (1)
\n\n* `SubtitleManager` (15-196)\n\n
\n
\n
src/modules/player/AudioTrackManager.ts (1)
\n\n* `AudioTrackManager` (62-294)\n\n
\n
\n
src/modules/player/VideoPlayerEvents.ts (1)
\n\n* `VideoPlayerEvents` (29-287)\n\n
\n
\n
src/modules/player/RetryManager.ts (1)
\n\n* `RetryManager` (22-190)\n\n
\n
\n
src/modules/player/constants.ts (3)
\n\n* `DEFAULT_CONFIG` (70-77)\n* `VIDEO_ELEMENT_ID` (38-38)\n* `VIDEO_ELEMENT_STYLES` (43-51)\n\n
\n\n

\n\n

🔇 Additional comments (4)

\n\n
\n
src/modules/player/VideoPlayer.ts (3)
\n\n`93-150`: **Well-structured initialization with proper safeguards.**\n\nThe initialization method includes:\n- Guard against multiple initialization (lines 94-98) with automatic cleanup\n- Config merging with defaults (lines 101-104)\n- Proper video element creation and styling (lines 107-110)\n- Container validation (lines 113-116)\n- Sequential manager initialization (lines 125-145)\n- Keep-alive mechanism integration (lines 148-149)\n\nThe defensive approach of calling `destroy()` when already initialized (line 97) prevents resource leaks.\n\n---\n\n`385-402`: **Excellent volume control implementation.**\n\nThe volume setter includes important safeguards:\n- Clamping to [0, 1] prevents invalid volume levels (line 391)\n- Auto-unmute when setting volume > 0 while muted (lines 396-399) provides intuitive UX\n- Consistent state emission (line 401)\n\nThis prevents common volume-related bugs and edge cases.\n\n---\n\n`187-244`: **Robust stream loading with proper sequencing.**\n\nThe `loadStream()` method correctly orchestrates:\n- Protocol-specific source handling for HLS vs direct playback (lines 208-217)\n- Track loading with burn-in detection (lines 220-226)\n- Critical sequencing: `load()` → `waitForCanPlay()` → seek to start position (lines 233-243)\n\nThe comment at line 240 appropriately highlights that seeking must happen after `canplay` since `load()` resets `currentTime`.\n\n
\n
\n
src/modules/player/RetryManager.ts (1)
\n\n`170-189`: **Address event inconsistency between retry and initial load paths.**\n\nRetryManager waits for `loadedmetadata` (line 175) before seeking, while VideoPlayer waits for `canplay`. The code comment at line 171-172 claims this \"mirrors VideoPlayer.loadStream() which waits for canplay,\" but this is inaccurate—the events differ. `loadedmetadata` fires earlier when duration/dimensions are available, whereas `canplay` waits for sufficient buffering.\n\nThis inconsistency could cause seeking failures in the retry path if insufficient data is buffered. Either align both paths to use `canplay` for consistency and safety, or update the comment to explain why `loadedmetadata` is intentional for retry recovery.\n\n
\n\n

\n\n

\n\n\n_⚠️ Potential issue_ | _🟠 Major_\n\n**Validate channel icon URLs to prevent potential XSS.**\n\nThe channel icon URL is directly assigned to `img.src` without validation. While modern browsers provide some protection, malicious URLs (e.g., `javascript:`, `data:text/html`) could potentially be exploited.\n\n\n\n

🔒 Proposed fix to add URL validation

\n\n```diff\n // Channel icon (if available)\n if (channel.icon) {\n+ // Validate URL scheme to prevent javascript: or data: URLs\n+ const isValidUrl = /^https?:\\/\\//i.test(channel.icon);\n+ if (isValidUrl) {\n const icon = document.createElement('img');\n icon.className = 'epg-channel-icon';\n icon.src = channel.icon;\n icon.alt = channel.name;\n row.appendChild(icon);\n+ }\n }\n```\n\n

\n\n\n\n

📝 Committable suggestion

\n\n\n\n

🤖 Prompt for AI Agents

\n\n```\nIn @src/modules/ui/epg/EPGChannelList.ts around lines 101 - 107, Validate\nchannel.icon before assigning to img.src in EPGChannelList: parse the\nchannel.icon value (e.g., with the URL constructor using document.baseURI or by\nchecking a regex) and only allow safe schemes (http:, https:, or data: limited\nto image/* MIME types); if the URL has an unsafe scheme (javascript:, data: with\nnon-image MIME, vbscript:, etc.) or fails parsing, skip creating/setting the\nicon. Update the block that creates the img element (the code handling\nchannel.icon) to perform this validation and only append the img when the URL is\nconfirmed safe.\n```\n\n

\n\n\n\n\n_⚠️ Potential issue_ | _🟠 Major_\n\n**Validate color values to prevent CSS injection.**\n\nThe channel color is directly applied to inline styles without validation. A malicious color value could inject arbitrary CSS or break the layout.\n\n\n\n

🎨 Proposed fix to validate color format

\n\n```diff\n // Apply color if set\n if (channel.color) {\n+ // Validate color format (hex, rgb, rgba, named colors)\n+ const isValidColor = /^(#[0-9A-Fa-f]{3,8}|rgb\\(|rgba\\(|[a-z]+)$/i.test(channel.color);\n+ if (isValidColor) {\n row.style.borderLeftColor = channel.color;\n row.style.borderLeftWidth = '4px';\n row.style.borderLeftStyle = 'solid';\n+ }\n }\n```\n\n

\n\n\n\n

📝 Committable suggestion

\n\n\n\n

🤖 Prompt for AI Agents

\n\n```\nIn @src/modules/ui/epg/EPGChannelList.ts around lines 113 - 117, channel.color\nis applied directly to inline styles which risks CSS injection; validate and\nsanitize the value before assigning it to row.style.borderLeftColor. Add a\nvalidation step in EPGChannelList (where row and channel.color are used) that\nonly accepts safe formats (e.g., hex like #RGB/#RRGGBB and rgb()/rgba() with\nnumeric components) using strict regex checks, and if the value fails validation\neither skip setting borderLeftColor or use a safe default color; do not simply\nescape or concatenate unvalidated input into the style.\n```\n\n

\n\n\n\n\n**Actionable comments posted: 2**\n\n

🤖 Fix all issues with AI agents

\n\n```\nIn @src/modules/ui/epg/EPGChannelList.ts:\n- Around line 113-117: channel.color is applied directly to inline styles which\nrisks CSS injection; validate and sanitize the value before assigning it to\nrow.style.borderLeftColor. Add a validation step in EPGChannelList (where row\nand channel.color are used) that only accepts safe formats (e.g., hex like\n#RGB/#RRGGBB and rgb()/rgba() with numeric components) using strict regex\nchecks, and if the value fails validation either skip setting borderLeftColor or\nuse a safe default color; do not simply escape or concatenate unvalidated input\ninto the style.\n- Around line 101-107: Validate channel.icon before assigning to img.src in\nEPGChannelList: parse the channel.icon value (e.g., with the URL constructor\nusing document.baseURI or by checking a regex) and only allow safe schemes\n(http:, https:, or data: limited to image/* MIME types); if the URL has an\nunsafe scheme (javascript:, data: with non-image MIME, vbscript:, etc.) or fails\nparsing, skip creating/setting the icon. Update the block that creates the img\nelement (the code handling channel.icon) to perform this validation and only\nappend the img when the URL is confirmed safe.\n```\n\n

\n\n

🧹 Nitpick comments (4)

\n\n
\n
src/modules/ui/epg/EPGInfoPanel.ts (1)
\n\n`110-113`: **Consider removing the non-null assertion.**\n\nLine 111 uses a non-null assertion (`item.thumb!`) immediately after validating that `item.thumb` exists. While this works, it's slightly redundant since TypeScript should be able to narrow the type based on the `isValidUrl` check.\n\n\n\n
\n
♻️ Proposed refactor to remove non-null assertion
\n\n```diff\n const isValidUrl = item.thumb && /^https?:\\/\\//i.test(item.thumb);\n if (isValidUrl) {\n- poster.src = item.thumb!;\n+ poster.src = item.thumb;\n poster.alt = item.title;\n poster.style.display = 'block';\n```\n\n
\n\n
\n
\n
src/modules/ui/epg/styles.css (2)
\n\n`114-128`: **Consider using transform for hardware acceleration.**\n\nThe program cells use `transition` on `transform` and `box-shadow`, which is good for performance. However, for optimal performance on lower-end devices, consider adding `will-change: transform` for cells that will be frequently focused.\n\n\n\n
\n
⚡ Proposed optimization for better performance
\n\n```diff\n .epg-cell {\n position: absolute;\n height: 76px;\n padding: 8px 12px;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 4px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n overflow: hidden;\n box-sizing: border-box;\n margin: 2px;\n transition: transform 150ms ease-out, box-shadow 150ms ease-out;\n cursor: pointer;\n+ /* Hint to browser for upcoming transform changes */\n+ will-change: transform;\n }\n```\n\nNote: Use `will-change` sparingly as it can increase memory usage. Only apply to elements that will actually transform frequently.\n\n
\n\n---\n\n`229-239`: **Use standard properties alongside vendor-prefixed ones.**\n\nThe description uses `-webkit-line-clamp` and `-webkit-box-orient` (Lines 234-235) which are WebKit-specific. While widely supported, consider adding fallback behavior for better cross-browser compatibility.\n\n\n\n
\n
🌐 Proposed fix for better cross-browser support
\n\n```diff\n .epg-info-description {\n font-size: 20px;\n line-height: 1.4;\n color: rgba(255, 255, 255, 0.9);\n+ /* Fallback for browsers that don't support line-clamp */\n+ overflow: hidden;\n+ max-height: calc(20px * 1.4 * 3);\n+ /* Modern multi-line truncation (WebKit) */\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n- overflow: hidden;\n text-overflow: ellipsis;\n- max-height: calc(20px * 1.4 * 3);\n }\n```\n\nNote: The current implementation already includes `overflow: hidden` and `max-height` as fallbacks, which is good. This reordering just makes the progressive enhancement more explicit.\n\n
\n\n
\n
\n
src/modules/player/VideoPlayerEvents.ts (1)
\n\n`105-143`: **Consider capturing video element reference to prevent cleanup issues.**\n\nSimilar to the pattern used in `VideoPlayer.seekTo()`, if `detach()` is called while `waitForCanPlay` is pending, the cleanup function uses optional chaining on `this._videoElement` which may be null. While this won't cause a crash, the event listeners could leak if the element still exists but the reference is cleared.\n\n\n
\n
♻️ Suggested improvement
\n\n```diff\n public waitForCanPlay(timeoutMs: number = 30000): Promise {\n return new Promise((resolve, reject) => {\n if (!this._videoElement) {\n reject(new Error('Video element not available'));\n return;\n }\n\n if (this._videoElement.readyState >= 3) {\n resolve();\n return;\n }\n\n+ const videoElement = this._videoElement; // Capture reference\n let timeoutId: ReturnType | null = null;\n\n const cleanup = (): void => {\n if (timeoutId) clearTimeout(timeoutId);\n- this._videoElement?.removeEventListener('canplay', onCanPlay);\n- this._videoElement?.removeEventListener('error', onError);\n+ videoElement.removeEventListener('canplay', onCanPlay);\n+ videoElement.removeEventListener('error', onError);\n };\n```\n
\n\n
\n\n

\n\n

📜 Review details

\n\n**Configuration used**: Organization UI\n\n**Review profile**: CHILL\n\n**Plan**: Pro\n\n

📥 Commits

\n\nReviewing files that changed from the base of the PR and between 34be8cc821ab9ba431dc9b24b4b220b7237f55d8 and b57176fb7f5cc92dfba8514b897331c7c87fcace.\n\n

\n\n

📒 Files selected for processing (8)

\n\n* `src/modules/player/AudioTrackManager.ts`\n* `src/modules/player/VideoPlayer.ts`\n* `src/modules/player/VideoPlayerEvents.ts`\n* `src/modules/player/types.ts`\n* `src/modules/ui/epg/EPGChannelList.ts`\n* `src/modules/ui/epg/EPGInfoPanel.ts`\n* `src/modules/ui/epg/__tests__/EPGVirtualizer.test.ts`\n* `src/modules/ui/epg/styles.css`\n\n

\n\n

🧰 Additional context used

\n\n

🧬 Code graph analysis (5)

\n\n

src/modules/player/VideoPlayerEvents.ts (3)

\n\n
\n
src/modules/player/types.ts (4)
\n\n* `PlayerStatus` (180-188)\n* `VideoPlayerInternalState` (256-279)\n* `PlayerEventMap` (230-247)\n* `TimeRange` (90-95)\n\n
\n
\n
src/modules/player/index.ts (3)
\n\n* `PlayerStatus` (21-21)\n* `PlayerEventMap` (24-24)\n* `TimeRange` (23-23)\n\n
\n
\n
src/modules/player/RetryManager.ts (1)
\n\n* `RetryManager` (22-190)\n\n
\n\n

src/modules/ui/epg/__tests__/EPGVirtualizer.test.ts (3)

\n\n
\n
src/modules/ui/epg/EPGVirtualizer.ts (2)
\n\n* `EPGVirtualizer` (56-437)\n* `positionCell` (31-48)\n\n
\n
\n
src/modules/ui/epg/types.ts (3)
\n\n* `EPGConfig` (19-38)\n* `ScheduledProgram` (10-10)\n* `ScheduleWindow` (10-10)\n\n
\n
\n
src/modules/ui/epg/constants.ts (1)
\n\n* `EPG_CONSTANTS` (10-37)\n\n
\n\n

src/modules/player/VideoPlayer.ts (6)

\n\n
\n
src/modules/player/interfaces.ts (1)
\n\n* `IVideoPlayer` (20-215)\n\n
\n
\n
src/modules/player/types.ts (8)
\n\n* `PlayerEventMap` (230-247)\n* `VideoPlayerConfig` (48-63)\n* `VideoPlayerInternalState` (256-279)\n* `StreamDescriptor` (152-171)\n* `SubtitleTrack` (104-121)\n* `AudioTrack` (126-143)\n* `PlaybackState` (193-214)\n* `PlayerStatus` (180-188)\n\n
\n
\n
src/modules/player/SubtitleManager.ts (1)
\n\n* `SubtitleManager` (15-196)\n\n
\n
\n
src/modules/player/AudioTrackManager.ts (1)
\n\n* `AudioTrackManager` (62-303)\n\n
\n
\n
src/modules/player/VideoPlayerEvents.ts (1)
\n\n* `VideoPlayerEvents` (29-287)\n\n
\n
\n
src/modules/player/RetryManager.ts (1)
\n\n* `RetryManager` (22-190)\n\n
\n\n

src/modules/ui/epg/EPGChannelList.ts (2)

\n\n
\n
src/modules/ui/epg/types.ts (1)
\n\n* `EPGConfig` (19-38)\n\n
\n
\n
src/modules/ui/epg/constants.ts (1)
\n\n* `EPG_CLASSES` (42-63)\n\n
\n\n

src/modules/player/types.ts (1)

\n\n
\n
src/modules/player/index.ts (11)
\n\n* `AppErrorCode` (28-28)\n* `VideoPlayerConfig` (15-15)\n* `MediaMetadata` (17-17)\n* `TimeRange` (23-23)\n* `SubtitleTrack` (18-18)\n* `AudioTrack` (19-19)\n* `StreamDescriptor` (16-16)\n* `PlayerStatus` (21-21)\n* `PlaybackState` (20-20)\n* `PlaybackError` (22-22)\n* `PlayerEventMap` (24-24)\n\n
\n\n

\n\n

🪛 ast-grep (0.40.4)

\n\n

src/modules/ui/epg/EPGChannelList.ts

src/modules/ui/epg/EPGInfoPanel.ts

\n\n

🔇 Additional comments (41)

\n\n
\n
src/modules/ui/epg/EPGChannelList.ts (3)
\n\n`64-64`: **The innerHTML usage is safe in this context.**\n\nThe static analysis warning about innerHTML at Line 64 is a false positive. The code is clearing the container (`innerHTML = ''`) rather than inserting user-controlled content, which poses no XSS risk.\n\n---\n\n`27-33`: **LGTM! Clean initialization.**\n\nThe initialization logic correctly creates and appends the container element.\n\n---\n\n`38-46`: **LGTM! Proper cleanup.**\n\nThe destroy method properly cleans up DOM elements and internal state.\n\n
\n
\n
src/modules/ui/epg/EPGInfoPanel.ts (3)
\n\n`29-29`: **The innerHTML usage is safe in this context.**\n\nThe static analysis warnings about innerHTML at Line 29 are false positives. The `createTemplate()` method returns a hardcoded HTML string with no user input, making this operation safe from XSS.\n\n---\n\n`108-117`: **Excellent URL validation for security.**\n\nThe URL validation at Line 109 using a regex to check for `http://` or `https://` schemes is a solid defense-in-depth approach that prevents `javascript:` or `data:` URL injection attacks.\n\n---\n\n`119-143`: **LGTM! Safe content updates using textContent.**\n\nThe content update logic correctly uses `textContent` for all user-controlled data (title, meta, description), which prevents XSS vulnerabilities. The description is appropriately hidden until extended metadata is available.\n\n
\n
\n
src/modules/ui/epg/__tests__/EPGVirtualizer.test.ts (6)
\n\n`1-42`: **LGTM! Well-structured test setup.**\n\nThe test file is properly configured with jsdom environment, and the beforeEach/afterEach hooks correctly initialize and clean up test fixtures.\n\n---\n\n`44-131`: **Excellent coverage of positionCell edge cases.**\n\nThe positionCell tests comprehensively verify:\n- Deterministic left/width calculation\n- Correct positioning based on time offsets\n- Minimum width enforcement (20px)\n\nThis ensures the core positioning logic is robust.\n\n---\n\n`133-187`: **LGTM! Thorough testing of visible range calculation.**\n\nThe tests properly validate:\n- Buffer row inclusion (ROW_BUFFER = 2)\n- Boundary clamping at top and bottom\n- Time buffer calculations\n\nThis ensures the virtualization range logic handles all edge cases correctly.\n\n---\n\n`189-240`: **Strong validation of DOM element limits.**\n\nThe test correctly verifies that the virtualizer maintains DOM element count under the MAX_DOM_ELEMENTS threshold (200) even with 50 channels and 48 programs each, confirming the virtualization prevents DOM bloat.\n\n---\n\n`242-300`: **Excellent test of element recycling during scroll.**\n\nThe test validates that element recycling works as expected during scrolling, with element counts remaining stable and within bounds. The tolerance check (`Math.abs(afterScrollCount - initialCount) < 50`) appropriately accounts for buffer variance.\n\n---\n\n`302-349`: **LGTM! Pool management verification is thorough.**\n\nThe test correctly validates that `forceRecycleAll()` clears both visible elements and the element pool, ensuring proper memory management during cleanup.\n\n
\n
\n
src/modules/ui/epg/styles.css (3)
\n\n`1-19`: **LGTM! Clean container implementation.**\n\nThe EPG container uses appropriate positioning and visibility control with the `.visible` class toggle. The overlay styling with high z-index (1000) ensures proper layering.\n\n---\n\n`134-148`: **Excellent accessibility support for high-contrast mode.**\n\nThe inclusion of Windows High Contrast Mode support at Lines 144-148 using `@media (forced-colors: active)` ensures the focused state remains visible for users with accessibility needs. This is a best practice for inclusive design.\n\n---\n\n`269-274`: **LGTM! Clean theming implementation.**\n\nThe CSS custom properties provide a clean theming system that's easy to override and maintain.\n\n
\n
\n
src/modules/player/VideoPlayer.ts (11)
\n\n`1-34`: **LGTM!**\n\nClean module header with proper imports and backward-compatible re-export of `mapMediaErrorCodeToPlaybackError`.\n\n---\n\n`93-150`: **LGTM!**\n\nThe initialization logic is well-structured with proper guards against re-initialization, correct volume clamping, and orderly manager setup. The keep-alive manager is started appropriately after configuration.\n\n---\n\n`155-177`: **LGTM!**\n\nClean teardown sequence: managers stopped first, video element properly paused and cleaned up, event listeners removed, and state reset. Good defensive programming with the null check on `_videoElement`.\n\n---\n\n`187-244`: **LGTM!**\n\nGood stream loading flow with proper unload before reload, protocol-based source handling (native HLS vs source element), and correct ordering of operations. The critical comment about not using HLS.js on webOS is helpful for future maintainers.\n\n---\n\n`249-286`: **LGTM!**\n\nThorough stream cleanup: cancels retries first to prevent race conditions, removes all source elements, clears the `src` attribute, and properly resets all related state fields.\n\n---\n\n`295-306`: **LGTM!**\n\nProper error propagation from the native `play()` call, which correctly surfaces autoplay policy violations to the caller.\n\n---\n\n`328-365`: **Previous feedback addressed.**\n\nThe seek implementation now correctly captures the video element reference before the async operation, preventing null reference issues if `destroy()` is called mid-seek.\n\n---\n\n`385-446`: **LGTM!**\n\nVolume controls are well-implemented with proper clamping, synchronized state management, and good UX (auto-unmute when setting volume while muted). State changes are consistently emitted.\n\n---\n\n`456-495`: **LGTM!**\n\nTrack management properly delegates to respective managers and consistently emits `trackChange` events. The async signature on `setSubtitleTrack` maintains interface consistency even though the underlying operation is synchronous.\n\n---\n\n`504-568`: **LGTM!**\n\nState accessors provide safe fallbacks for uninitialized states, and `getDurationMs` correctly handles non-finite durations (NaN/Infinity) by falling back to the state value. Event delegation is clean.\n\n---\n\n`577-629`: **LGTM!**\n\nPlaceholder stubs for webOS media session are appropriately documented with TODO comments. Private helper methods are clean, and `_updateStatus` correctly avoids emitting redundant state changes.\n\n
\n
\n
src/modules/player/VideoPlayerEvents.ts (5)
\n\n`1-46`: **LGTM!**\n\nClean module structure with proper type imports and well-defined `EventHandlerCallbacks` interface. The class fields are appropriately typed with null as initial values.\n\n---\n\n`51-99`: **LGTM!**\n\nProper event listener management with bound handlers stored for cleanup. The comprehensive list of video events covers all necessary playback states, and `detach()` correctly cleans up all references.\n\n---\n\n`149-190`: **LGTM!**\n\nEvent handlers correctly manage state transitions with proper guards to prevent invalid state changes (e.g., not transitioning to 'paused' during seeking/ended). The seek state preservation pattern (`_statusBeforeSeek`) is well-implemented.\n\n---\n\n`192-211`: **LGTM!**\n\nError handling properly integrates with `RetryManager` to distinguish recoverable errors (which trigger buffering state for retry) from unrecoverable errors (which emit the error event and update state).\n\n---\n\n`213-286`: **LGTM!**\n\nTime/buffer/metadata handlers correctly calculate and emit updates. The buffer calculation properly handles multiple buffered ranges and the metadata handler gracefully falls back to descriptor duration for live streams with non-finite durations.\n\n
\n
\n
src/modules/player/AudioTrackManager.ts (5)
\n\n`1-43`: **LGTM!**\n\nClean type augmentation for webOS audio track APIs. The interfaces properly model the non-standard `audioTracks` property on HTMLVideoElement.\n\n---\n\n`44-105`: **LGTM!**\n\nGood initialization pattern with sensible defaults. The `setTracks` method correctly prioritizes an explicit default track and `getTracks` returns a defensive copy.\n\n---\n\n`112-185`: **LGTM!**\n\nWell-structured retry logic with proper error categorization. The decision to not retry timeout errors is sensible, and the attempt to restore the previous track on failure is good for state consistency. Error handling properly distinguishes timeout vs other failures.\n\n---\n\n`221-267`: **LGTM!**\n\nThe timeout/polling pattern is correctly implemented with an immediate check optimization before starting the polling interval. The comment about using ID rather than index for track matching is helpful for maintainers.\n\n---\n\n`287-302`: **LGTM!**\n\nClean error factory method that properly structures `PlaybackError` objects with cause context when available.\n\n
\n
\n
src/modules/player/types.ts (5)
\n\n`1-40`: **LGTM!**\n\nWell-documented error taxonomy with `AppErrorCode` enum covering playback, track, and codec errors. The `AppError` base interface provides a consistent structure for error handling.\n\n---\n\n`41-96`: **LGTM!**\n\nConfiguration and metadata types are comprehensive with clear documentation. `TimeRange` with millisecond precision is appropriate for buffer tracking.\n\n---\n\n`97-171`: **LGTM!**\n\nTrack and stream descriptor types are well-designed with appropriate required vs optional fields. The protocol union type correctly matches the handling in `VideoPlayer.loadStream()`.\n\n---\n\n`173-247`: **LGTM!**\n\nComprehensive state and event types. The `PlayerStatus` union covers all playback states, `PlaybackError` properly extends `AppError` with retry metadata, and the `PlayerEventMap` index signature correctly enables EventEmitter compatibility while maintaining type safety for known events.\n\n---\n\n`249-279`: **LGTM!**\n\nThe internal state interface appropriately extends the public `PlaybackState` concept with the `currentDescriptor` field needed for internal operations like retry handling.\n\n
\n\n

\n\n

\n\n",{},"created",1767857210.9106188,"Completing the task","event_type","info",{"_90":690,"_94":91,"_686":3182},{"_90":2594,"_2595":2596},"partial_repo_snapshot","files",[2597,2598,2599,2600],{"_220":872,"_2601":-5,"_2602":3092,"_2604":-5},{"_220":796,"_2601":-5,"_2602":2851,"_2604":-5},{"_220":834,"_2601":-5,"_2602":2730,"_2604":-5},{"_220":752,"_2601":-5,"_2602":2603,"_2604":-5},"contents","line_range_contents",[2605],"missing_reason",{"_2606":328,"_2607":2608,"_686":2609,"_2610":57},"line_range_start","line_range_end",190,[2611,2612,2613,2614,2615,2616,309,2617,2618,2619,309,2611,2620,2616,2621,2622,2623,309,2611,2624,2616,2625,2626,2627,309,2628,2629,309,2630,2631,309,2632,2633,309,2634,2635,309,2636,2637,309,2638,2639,2640,2641,2642,2643,2644,2645,2646,2647,2648,2649,309,2638,2650,2640,2651,2652,2649,309,2638,2653,2640,2654,2655,2649,309,2638,2656,2657,2640,2658,2659,2660,309,2661,2662,2663,2664,2665,2666,309,2667,2668,2669,309,2670,2649,309,2638,2671,2640,2672,2673,2674,2649,309,2638,2675,2640,2676,2677,2678,2679,2669,2649,309,2638,2680,2640,2681,2674,2682,2683,2673,2649,309,2684,2685,2684,309,2638,2686,2640,2687,2674,2688,309,2689,309,2690,2679,2691,2692,2649,309,2638,2693,2694,2640,2695,2696,2697,2669,309,2698,2699,2700,309,2701,2702,2703,2669,2704,309,2705,2706,2707,2708,2709,2710,2711,2712,2713,2714,2669,309,2715,309,2716,2717,2718,2719,2720,2721,2722,2723,2724,2725,309,2726,2719,2720,2727,2725,309,2728,2729,2649,2623],"contains_end_of_file","/**"," * @fileoverview Retry manager for video playback errors."," * Handles retry scheduling with exponential backoff."," * @module modules/player/RetryManager"," * @version 1.0.0"," */","import type { StreamDescriptor, PlaybackError } from './types';","import { MAX_RETRY_ATTEMPTS, RETRY_BASE_DELAY_MS } from './constants';","import { mapMediaErrorCodeToPlaybackError } from './ErrorHandler';"," * Callback for retry error handling.","export interface RetryErrorCallback {"," (error: PlaybackError): void;","}"," * Manages retry logic for video playback with exponential backoff.","export class RetryManager {"," /** Current retry count */"," private _retryCount = 0;"," /** Retry timer ID */"," private _retryTimer: ReturnType | null = null;"," /** Video element reference */"," private _videoElement: HTMLVideoElement | null = null;"," /** Current stream descriptor */"," private _descriptor: StreamDescriptor | null = null;"," /** Config retry delay */"," private _configRetryDelayMs: number = RETRY_BASE_DELAY_MS;"," /** Config retry attempts */"," private _configRetryAttempts: number = MAX_RETRY_ATTEMPTS;"," /**"," * Initialize the retry manager."," */"," public initialize("," videoElement: HTMLVideoElement,"," configRetryAttempts?: number,"," configRetryDelayMs?: number"," ): void {"," this._videoElement = videoElement;"," this._configRetryAttempts = configRetryAttempts ?? MAX_RETRY_ATTEMPTS;"," this._configRetryDelayMs = configRetryDelayMs ?? RETRY_BASE_DELAY_MS;"," }"," * Set current descriptor for retry."," public setDescriptor(descriptor: StreamDescriptor | null): void {"," this._descriptor = descriptor;"," * Get current retry count."," public getRetryCount(): number {"," return this._retryCount;"," * Handle a media error - determine if recoverable and schedule retry."," * @returns The PlaybackError created from the media error"," public handleMediaError(mediaErrorCode: number): PlaybackError {"," // Cap retry attempts to MAX_RETRY_ATTEMPTS (3) per spec"," const retryAttempts = Math.min(this._configRetryAttempts, MAX_RETRY_ATTEMPTS);"," const playbackError = mapMediaErrorCodeToPlaybackError("," mediaErrorCode,"," this._retryCount,"," retryAttempts,"," this._configRetryDelayMs"," );"," if (playbackError.recoverable) {"," this._scheduleRetry(playbackError.retryAfterMs || this._configRetryDelayMs);"," }"," return playbackError;"," * Reset retry state."," public reset(): void {"," this._retryCount = 0;"," this.clear();"," * Clear pending retry timer."," public clear(): void {"," if (this._retryTimer) {"," clearTimeout(this._retryTimer);"," this._retryTimer = null;"," * Destroy the manager."," public destroy(): void {"," this._videoElement = null;"," this._descriptor = null;"," // ========================================"," // Private Methods"," * Schedule a retry after delay."," private _scheduleRetry(delayMs: number): void {"," this._retryCount++;"," console.warn(`[RetryManager] Scheduling retry ${this._retryCount} in ${delayMs}ms`);"," this._retryTimer = setTimeout(() => {"," this._retryPlayback();"," }, delayMs);"," * Retry loading the current stream."," * Mirrors VideoPlayer.loadStream logic for protocol-specific source handling."," private _retryPlayback(): void {"," if (!this._videoElement || !this._descriptor) {"," return;"," // Capture current time BEFORE calling load() which resets it"," const savedTime = this._videoElement.currentTime;"," const video = this._videoElement;"," // Clear existing sources"," while (video.firstChild) {"," video.removeChild(video.firstChild);"," video.removeAttribute('src');"," // Set source based on protocol (mirror loadStream logic)"," if (this._descriptor.protocol === 'hls') {"," // Native HLS - set src directly"," video.src = this._descriptor.url;"," } else {"," // Direct play - use source element with type hint for webOS"," const source = document.createElement('source');"," source.src = this._descriptor.url;"," source.type = this._descriptor.mimeType;"," video.appendChild(source);"," video.load();"," // Wait for loadedmetadata before seeking, as load() resets currentTime"," // (VideoPlayer.loadStream uses canplay, but loadedmetadata is sufficient for seeking)"," const onMetadata = (): void => {"," video.removeEventListener('loadedmetadata', onMetadata);"," video.removeEventListener('error', onError);"," video.currentTime = savedTime;"," video.play().catch(() => {"," // Error will be handled by error event"," });"," };"," const onError = (): void => {"," // Error propagates through VideoPlayerEvents error handler"," video.addEventListener('loadedmetadata', onMetadata);"," video.addEventListener('error', onError);",[2731],{"_2606":328,"_2607":2732,"_686":2733,"_2610":57},193,[2611,2734,2735,2615,2616,309,2736,2737,309,2611,2738,2739,2616,2740,2741,2742,2743,2744,2745,309,2638,2746,2747,2748,2749,2640,2750,2751,309,2752,2753,2754,2649,309,2638,2755,2640,2756,2757,2758,2759,2669,2760,2761,2762,2649,309,2638,2763,2747,2764,2640,2765,2766,2767,2649,309,2638,2768,2640,2769,2770,309,2771,2760,309,2772,2773,2774,2775,2776,2777,2669,2649,309,2638,2778,2747,2779,2780,2640,2781,2782,2783,309,2784,2785,2669,309,2786,2787,2788,2789,309,2790,2791,2792,2793,309,2794,2795,2796,2797,2798,2799,2800,2801,2802,2803,2804,2805,2669,309,2806,2807,309,2808,2809,2810,2811,2812,2813,2814,2815,2816,2817,2818,2805,2669,309,2819,2649,309,2638,2820,2747,2821,2640,2822,2770,309,2823,2824,2649,309,2638,2825,2747,2826,2640,2827,2828,2829,2830,2831,2832,2805,2669,309,2833,2834,2835,2836,2837,2805,2669,309,2838,2649,309,2638,2839,2747,2840,2841,2640,2842,2843,2844,2845,2669,2846,2649,309,2638,2847,2747,2848,2640,2849,2850,2649,2623]," * @fileoverview EPG Channel List - Channel column showing channel names"," * @module modules/ui/epg/EPGChannelList","import { EPG_CLASSES } from './constants';","import type { EPGConfig, ChannelConfig } from './types';"," * EPG Channel List class."," * Displays channel names in a column that syncs with grid scrolling.","export class EPGChannelList {"," private containerElement: HTMLElement | null = null;"," private config: EPGConfig | null = null;"," private channels: ChannelConfig[] = [];"," private rowElements: HTMLElement[] = [];"," private focusedChannelIndex: number = -1;"," * Initialize the channel list."," *"," * @param parentElement - Parent element to append channel list to"," * @param config - EPG configuration"," initialize(parentElement: HTMLElement, config: EPGConfig): void {"," this.config = config;"," this.containerElement = document.createElement('div');"," this.containerElement.className = EPG_CLASSES.CHANNEL_LIST;"," parentElement.appendChild(this.containerElement);"," * Destroy the channel list and clean up resources."," destroy(): void {"," if (this.containerElement) {"," this.containerElement.remove();"," this.containerElement = null;"," this.rowElements = [];"," this.channels = [];"," this.config = null;"," * Update the channel list."," * @param channels - Array of channel configurations"," updateChannels(channels: ChannelConfig[]): void {"," this.channels = channels;"," this.renderChannels();"," * Render channel rows."," private renderChannels(): void {"," if (!this.containerElement || !this.config) return;"," this.containerElement.innerHTML = '';"," for (let i = 0; i < this.channels.length; i++) {"," const channel = this.channels[i];"," if (!channel) continue;"," const row = this.createChannelRow(channel);"," this.containerElement.appendChild(row);"," this.rowElements.push(row);"," * Create a channel row element."," * @param channel - Channel configuration"," * @returns The row element"," private createChannelRow(channel: ChannelConfig): HTMLElement {"," const row = document.createElement('div');"," row.className = EPG_CLASSES.CHANNEL_ROW;"," if (this.config) {"," row.style.height = `${this.config.rowHeight}px`;"," // Channel number"," const number = document.createElement('span');"," number.className = 'epg-channel-number';"," number.textContent = channel.number.toString();"," // Channel name"," const name = document.createElement('span');"," name.className = 'epg-channel-name';"," name.textContent = channel.name;"," // Channel icon (if available) - validate URL scheme"," if (channel.icon) {"," // Only allow http:, https:, or safe data:image/* URLs"," const isValidIconUrl = /^https?:\\/\\//i.test(channel.icon) ||"," /^data:image\\/(png|jpeg|jpg|gif|webp|svg\\+xml);/i.test(channel.icon);"," if (isValidIconUrl) {"," const icon = document.createElement('img');"," icon.className = 'epg-channel-icon';"," icon.src = channel.icon;"," icon.alt = channel.name;"," row.appendChild(icon);"," }"," row.appendChild(number);"," row.appendChild(name);"," // Apply color if set - validate to prevent CSS injection"," if (channel.color) {"," // Only allow safe color formats: hex, rgb(), rgba(), or named colors"," const isValidColor = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.test(channel.color) ||"," /^rgb\$\\s*\\d{1,3}\\s*,\\s*\\d{1,3}\\s*,\\s*\\d{1,3}\\s*\$$/i.test(channel.color) ||"," /^rgba\$\\s*\\d{1,3}\\s*,\\s*\\d{1,3}\\s*,\\s*\\d{1,3}\\s*,\\s*[\\d.]+\\s*\$$/i.test(channel.color) ||"," /^[a-z]+$/i.test(channel.color); // Named colors (no spaces/special chars)"," if (isValidColor) {"," row.style.borderLeftColor = channel.color;"," row.style.borderLeftWidth = '4px';"," row.style.borderLeftStyle = 'solid';"," return row;"," * Update scroll position to sync with grid."," * @param channelOffset - First visible channel index"," updateScrollPosition(channelOffset: number): void {"," const translateY = -(channelOffset * this.config.rowHeight);"," this.containerElement.style.transform = `translateY(${translateY}px)`;"," * Set the focused channel."," * @param index - Channel index to focus (-1 to clear)"," setFocusedChannel(index: number): void {"," // Remove focus from previous"," if (this.focusedChannelIndex >= 0 && this.focusedChannelIndex < this.rowElements.length) {"," const prevRow = this.rowElements[this.focusedChannelIndex];"," if (prevRow) {"," prevRow.classList.remove('focused');"," // Add focus to new"," if (index >= 0 && index < this.rowElements.length) {"," const newRow = this.rowElements[index];"," if (newRow) {"," newRow.classList.add('focused');"," this.focusedChannelIndex = index;"," * Get channel at index."," * @param index - Channel index"," * @returns Channel config or null"," getChannel(index: number): ChannelConfig | null {"," if (index >= 0 && index < this.channels.length) {"," const channel = this.channels[index];"," return channel !== undefined ? channel : null;"," return null;"," * Get total channel count."," * @returns Number of channels"," getChannelCount(): number {"," return this.channels.length;",[2852],{"_2606":328,"_2607":2853,"_686":2854,"_2610":57},356,[2611,2855,2856,2615,2616,309,2857,2858,2857,309,2611,2859,2616,2860,2861,2862,2863,309,2611,2864,2616,2865,2866,2867,2868,2869,309,2611,2870,2616,2871,2872,2873,2874,2875,2876,2877,2878,309,2611,2879,2616,2880,2881,2882,2883,2884,2885,309,2611,2886,2616,2887,309,2857,2888,2857,309,2611,2889,2616,2890,2891,2892,2893,2894,2895,2896,2623,309,2857,2897,2857,309,2611,2898,2616,2899,2900,2623,309,2611,2901,2616,2902,2903,2904,2905,2906,2907,2908,2909,2623,309,2611,2910,2616,2911,2912,2913,2914,2915,2916,2623,309,2611,2917,2616,2918,2919,2920,2921,2922,2923,2924,2925,2623,309,2611,2926,2616,2927,2928,2929,2930,2931,2932,2623,309,2611,2933,2616,2934,2935,2936,2937,2938,2939,2940,2623,309,2611,2941,2616,2942,2943,2944,2945,2623,309,2611,2946,2616,2947,2948,2949,2950,2951,2952,2623,309,2611,2953,2616,2954,2955,2956,2957,2958,2959,2960,309,2857,2961,2857,309,2611,2962,2616,2963,2964,2965,2966,2967,2968,2969,2970,2971,2972,2973,2974,2975,309,2976,2977,2978,309,2979,2980,2981,2982,2983,2984,2985,309,2986,2987,2988,2989,2990,309,2991,2992,2993,2994,2995,2996,2997,2998,2999,309,3000,3001,3002,3003,3004,3005,3006,3007,3008,3009,3010,2623,309,2857,3011,2857,309,2611,3012,2616,3013,3014,2936,3015,3016,3017,2938,3018,3019,3020,2940,3021,3022,3023,3024,3025,3026,3027,3028,3029,3030,3031,3032,3033,3034,3035,3036,3037,3038,3039,3040,3041,2623,309,2611,3042,2616,3043,3044,3045,3046,3047,3048,3049,3050,3010,3051,3052,3053,3054,3055,3056,3057,3058,3059,2623,309,2857,3060,2857,309,2611,3061,2616,3062,3063,3064,3065,3066,3067,3068,3069,3070,2623,309,2857,3071,2857,309,2611,3072,2616,3073,3074,3075,3076,3077,3078,3079,2623,309,2857,3080,2857,309,2611,3081,2616,3082,3083,3084,3085,3086,2623,309,2611,3087,2616,3088,3089,3090,3086,3085,3091,2623]," * @fileoverview Type definitions for Channel Manager module."," * @module modules/scheduler/channel-manager/types","// ============================================","// Playback & Filter Types"," * Playback mode for channel content","export type PlaybackMode ="," | 'sequential' // Play in defined order, loop"," | 'shuffle' // Deterministic shuffle with seed, loop"," | 'random'; // True random (new order each time)"," * Content filter operators","export type FilterOperator ="," | 'eq' | 'neq'"," | 'gt' | 'gte'"," | 'lt' | 'lte'"," | 'contains' | 'notContains';"," * Filterable content fields","export type FilterField ="," | 'year'"," | 'rating'"," | 'contentRating'"," | 'genre'"," | 'duration'"," | 'watched'"," | 'addedAt';"," * Sort order options","export type SortOrder ="," | 'title_asc' | 'title_desc'"," | 'year_asc' | 'year_desc'"," | 'added_asc' | 'added_desc'"," | 'duration_asc' | 'duration_desc'"," | 'episode_order';"," * Plex media item types","export type PlexMediaType = 'movie' | 'episode' | 'track' | 'clip';","// Content Filter"," * Content filter specification","export interface ContentFilter {"," /** Field to filter on */"," field: FilterField;"," /** Comparison operator */"," operator: FilterOperator;"," /** Value to compare against */"," value: string | number | boolean;","// Content Source Types"," * Base interface for content sources","export interface BaseContentSource {"," type: string;"," * Content from an entire Plex library","export interface LibraryContentSource extends BaseContentSource {"," type: 'library';"," /** Library section ID */"," libraryId: string;"," /** Library type */"," libraryType: 'movie' | 'show';"," /** Include already-watched content */"," includeWatched: boolean;"," * Content from a Plex collection","export interface CollectionContentSource extends BaseContentSource {"," type: 'collection';"," /** Collection key */"," collectionKey: string;"," /** Cached collection name for display */"," collectionName: string;"," * Content from a TV show (all or specific seasons)","export interface ShowContentSource extends BaseContentSource {"," type: 'show';"," /** Show ratingKey */"," showKey: string;"," /** Cached show name for display */"," showName: string;"," /** Specific seasons to include (undefined = all) */"," seasonFilter?: number[];"," * Content from a Plex playlist","export interface PlaylistContentSource extends BaseContentSource {"," type: 'playlist';"," /** Playlist key */"," playlistKey: string;"," /** Cached playlist name for display */"," playlistName: string;"," * A manually selected content item (minimal cached info)","export interface ManualContentItem {"," /** Item ratingKey */"," ratingKey: string;"," /** Cached title for display */"," title: string;"," /** Cached duration in ms */"," durationMs: number;"," * Manually selected content items","export interface ManualContentSource extends BaseContentSource {"," type: 'manual';"," /** Selected items with cached metadata */"," items: ManualContentItem[];"," * Mixed content from multiple sources","export interface MixedContentSource extends BaseContentSource {"," type: 'mixed';"," /** Component sources */"," sources: ChannelContentSource[];"," /** How to combine sources */"," mixMode: 'interleave' | 'sequential';"," * Union of all content source types","export type ChannelContentSource ="," | LibraryContentSource"," | CollectionContentSource"," | ShowContentSource"," | PlaylistContentSource"," | ManualContentSource"," | MixedContentSource;","// Channel Configuration"," * Complete channel configuration - persisted to storage","export interface ChannelConfig {"," /** Unique channel ID (UUID) */"," id: string;"," /** Display channel number (1-999) */"," number: number;"," /** User-defined channel name */"," name: string;"," /** Optional description */"," description?: string;"," /** Custom icon URL or built-in icon ID */"," icon?: string;"," /** Accent color for UI (hex string) */"," color?: string;"," // Content source definition"," /** Where content comes from */"," contentSource: ChannelContentSource;"," // Playback behavior"," /** How content is ordered */"," playbackMode: PlaybackMode;"," /** Seed for deterministic shuffle */"," shuffleSeed?: number;"," /** Unix timestamp (ms) - schedule reference point */"," startTimeAnchor: number;"," // Filtering & ordering"," /** Content filters to apply */"," contentFilters?: ContentFilter[];"," /** Content sort order */"," sortOrder?: SortOrder;"," // Playback options"," /** Skip intro markers if available */"," skipIntros: boolean;"," /** Skip credit markers if available */"," skipCredits: boolean;"," /** Maximum item duration (skip longer items) */"," maxEpisodeRunTimeMs?: number;"," /** Minimum item duration (skip shorter items) */"," minEpisodeRunTimeMs?: number;"," // Metadata (auto-updated)"," /** Channel creation timestamp */"," createdAt: number;"," /** Last modification timestamp */"," updatedAt: number;"," /** Last content resolution timestamp */"," lastContentRefresh: number;"," /** Cached item count */"," itemCount: number;"," /** Cached total duration in ms */"," totalDurationMs: number;","// Resolved Content"," * A resolved content item with cached metadata","export interface ResolvedContentItem {"," /** Plex ratingKey */"," /** Item type */"," type: PlexMediaType;"," /** Display title */"," /** Full title (e.g., \"Show - S01E05 - Episode Name\") */"," fullTitle: string;"," /** Duration in ms */"," /** Poster thumbnail URL (with token) */"," thumb: string | null;"," /** Release year */"," year: number;"," /** Season number for episodes */"," seasonNumber?: number;"," /** Episode number for episodes */"," episodeNumber?: number;"," /** Position in ordered list */"," scheduledIndex: number;"," // Filterable fields (Issue 8)"," /** Rating (0-10) */"," rating?: number;"," /** Content rating (e.g., \"PG-13\") */"," contentRating?: string;"," /** Genres */"," genres?: string[];"," /** Whether item has been watched */"," watched?: boolean;"," /** When item was added to Plex */"," addedAt?: number;"," * Resolved content ready for scheduling","export interface ResolvedChannelContent {"," /** Channel ID this content belongs to */"," channelId: string;"," /** When content was resolved */"," resolvedAt: number;"," /** All resolved items */"," items: ResolvedContentItem[];"," /** Total duration of all items */"," /** Items after shuffle/sort applied */"," orderedItems: ResolvedContentItem[];"," // Cache status fields (Issue 2)"," /** Whether this content came from cache */"," fromCache?: boolean;"," /** Whether cached content is stale */"," isStale?: boolean;"," /** Reason for using cache (if applicable) */"," cacheReason?: 'fresh' | 'network_error' | 'content_unavailable';","// Import/Export"," * Channel import result","export interface ImportResult {"," /** Overall success */"," success: boolean;"," /** Number of channels imported */"," importedCount: number;"," /** Number of channels skipped (e.g., duplicates) */"," skippedCount: number;"," /** Error messages for failed imports */"," errors: string[];","// Events"," * Channel manager events","export interface ChannelManagerEventMap {"," channelCreated: ChannelConfig;"," channelUpdated: ChannelConfig;"," channelDeleted: string;"," channelSwitch: { channel: ChannelConfig; index: number };"," contentResolved: ResolvedChannelContent;"," [key: string]: unknown;","// Internal State"," * Internal state for ChannelManager","export interface ChannelManagerState {"," channels: Map;"," resolvedContent: Map;"," currentChannelId: string | null;"," channelOrder: string[];"," * Stored data format for localStorage","export interface StoredChannelData {"," version: number;"," channels: ChannelConfig[];"," savedAt: number;",[3093],{"_2606":328,"_2607":3094,"_686":3095,"_2610":57},162,[2611,3096,3097,2615,2616,309,2736,3098,3099,3100,309,2611,3101,3102,2616,3103,2741,3104,3105,309,2638,3106,2747,3107,2640,3108,2752,3109,3110,3111,2754,2649,309,2638,3112,2640,3113,3114,3115,3116,3117,3118,3119,3120,3121,2649,309,2638,3122,2640,2756,2757,2758,2759,2669,3123,3124,2649,309,2638,3125,2747,3126,2640,3127,3128,309,3129,3130,3131,3132,2649,309,2638,3133,2640,3134,3128,309,3111,3124,2649,309,2638,3135,3136,2747,3126,2640,3137,3138,3139,2649,309,2638,3140,2640,3141,3128,309,3142,309,3143,3144,3145,3146,3147,3148,3149,3150,3151,3152,3153,3154,3155,2805,2669,309,3156,3157,3158,3159,2669,309,3160,3161,3162,3163,3164,3165,3166,309,3167,2669,309,3168,3169,3170,3171,3172,3173,2669,2649,309,2638,3174,2747,3175,2640,3176,3177,2649,309,2638,3178,2747,3179,2640,3180,3181,2649,2623]," * @fileoverview EPG Info Panel - Program details overlay"," * @module modules/ui/epg/EPGInfoPanel","import { formatTime, formatDuration } from './utils';","import type { IEPGInfoPanel } from './interfaces';","import type { ScheduledProgram } from './types';"," * EPG Info Panel class."," * Displays program details in an overlay at the bottom of the EPG.","export class EPGInfoPanel implements IEPGInfoPanel {"," private isVisible: boolean = false;"," private currentProgram: ScheduledProgram | null = null;"," * Initialize the info panel."," * @param parentElement - Parent element to append info panel to"," initialize(parentElement: HTMLElement): void {"," this.containerElement.className = EPG_CLASSES.INFO_PANEL;"," this.containerElement.innerHTML = this.createTemplate();"," this.containerElement.style.display = 'none';"," * Create the HTML template for the info panel."," private createTemplate(): string {"," return `"," $\"\"$ ","

","

"," `;"," * Destroy the info panel and clean up resources."," this.currentProgram = null;"," this.isVisible = false;"," * Show the info panel with program details."," * @param program - Program to display"," show(program: ScheduledProgram): void {"," if (!this.containerElement) return;"," this.currentProgram = program;"," this.updateContent(program);"," this.containerElement.style.display = 'flex';"," this.isVisible = true;"," * Hide the info panel."," hide(): void {"," * Update the info panel with new program details."," * Shows the panel if not already visible."," update(program: ScheduledProgram): void {"," // Delegate to show() which handles content update and visibility"," this.show(program);"," * Update the content of the info panel."," private updateContent(program: ScheduledProgram): void {"," const { item } = program;"," // Update poster with URL validation (defense-in-depth)"," const poster = this.containerElement.querySelector("," `.${EPG_CLASSES.INFO_POSTER}`"," ) as HTMLImageElement;"," if (poster) {"," // Validate URL scheme to prevent javascript: or data: URLs"," const isValidUrl = item.thumb && /^https?:\\/\\//i.test(item.thumb);"," if (isValidUrl) {"," poster.src = item.thumb!;"," poster.alt = item.title;"," poster.style.display = 'block';"," } else {"," poster.style.display = 'none';"," // Update title"," const title = this.containerElement.querySelector(`.${EPG_CLASSES.INFO_TITLE}`);"," if (title) {"," title.textContent = item.fullTitle || item.title;"," // Update meta info"," const meta = this.containerElement.querySelector(`.${EPG_CLASSES.INFO_META}`);"," if (meta) {"," const startTime = formatTime(program.scheduledStartTime);"," const endTime = formatTime(program.scheduledEndTime);"," const duration = formatDuration(item.durationMs);"," const year = item.year > 0 ? `(${item.year})` : '';"," meta.textContent = `${startTime} - ${endTime} (${duration}) ${year}`;"," // Update description - hide when no extended metadata available"," const description = this.containerElement.querySelector(`.${EPG_CLASSES.INFO_DESCRIPTION}`) as HTMLElement;"," if (description) {"," // Description would come from extended metadata, hide until available"," description.textContent = '';"," description.style.display = 'none';"," * Get the currently displayed program."," * @returns Current program or null"," getCurrentProgram(): ScheduledProgram | null {"," return this.currentProgram;"," * Check if the info panel is currently visible."," * @returns true if visible"," getIsVisible(): boolean {"," return this.isVisible;",[3183,3184,3185,3186,3187,3188,3189,3190],{"_2582":45,"_45":3203},{"_2582":3192,"_220":872,"_2606":3201,"_2607":3202},{"_2582":45,"_45":3200},{"_2582":3192,"_220":796,"_2606":3198,"_2607":3199},{"_2582":3192,"_220":834,"_2606":3196,"_2607":3197},{"_2582":45,"_45":3195},{"_2582":3192,"_220":752,"_2606":3193,"_2607":3194},{"_2582":45,"_45":3191},"\n\n**Testing**\n- Not run (review-only).","repo_file_citation",168,188,"\n3. **Retry playback can hang indefinitely if `loadedmetadata` never fires.** `_retryPlayback()` waits only on `loadedmetadata`/`error` and has no timeout or readyState fast‑path. If the media stalls without emitting either event, retries will never resume and playback will remain stuck. Consider adding a timeout (like `waitForCanPlay`) or checking `readyState >= HAVE_METADATA` before waiting.",100,112,180,192,"\n2. **Channel icons ignore the “built‑in icon ID” path defined in the data model.** `ChannelConfig.icon` is documented as “Custom icon URL or built‑in icon ID,” but `EPGChannelList` only renders when the string matches a URL/data‑URL pattern. Built‑in IDs will never render unless there’s a mapping step, which is currently missing.",103,116,"### Review Findings\n1. **EPG poster validation is too strict for relative media URLs.** `EPGInfoPanel` only allows `http(s)://` when setting `poster.src`, so relative paths (common in media servers) will be hidden instead of displayed. Consider allowing relative URLs (e.g., resolving against `document.baseURI` or a configured base URL).",{"_90":433,"_41":82,"_94":433,"_3206":3207,"_3208":3209,"_3210":3211,"_130":-5,"_117":3212},[81],"input_items",[3230,3231,3232,3233,3234,3235,3236,3237,3238,3239,3240,3241,3242,3243,3244],"external_post_config",{"_3213":3214,"_371":306,"_3215":411,"_382":-5,"_3216":365,"_3217":-5,"_3218":3219,"_3220":3221,"_3222":-5,"_3223":-5,"_3224":3225,"_3226":15,"_3227":57,"_3228":52,"_3229":15},"user_model_slug","slug",1767856976.701342,"installation_id",79869219,"pr_number","repo_id","review_trigger","comment_id",3722453175,"comment_type","issue","pr_write_guard_token","pending_pr_reaction_id","pending_comment_reaction_id",322623552,"comment_if_no_findings","comment_on_error","share_url","is_parallel_review",{"_90":690,"_94":433,"_686":3275},{"_418":419,"_420":3270,"_3271":426,"_3272":3273,"_429":-5,"_90":3274},{"_90":3245,"_420":3269,"_220":-5,"_3247":-5,"_3248":-5},{"_90":3245,"_420":3268,"_220":752,"_3247":3250,"_3248":-5},{"_90":3245,"_420":3267,"_220":1601,"_3247":3250,"_3248":-5},{"_90":3245,"_420":3266,"_220":-5,"_3247":-5,"_3248":-5},{"_90":3245,"_420":3263,"_220":3264,"_3247":3250,"_3248":3265},{"_90":3245,"_420":3261,"_220":752,"_3247":3250,"_3248":3262},{"_90":3245,"_420":3258,"_220":3259,"_3247":3250,"_3248":3260},{"_90":3245,"_420":3256,"_220":1490,"_3247":3250,"_3248":3257},{"_90":3245,"_420":3255,"_220":-5,"_3247":-5,"_3248":-5},{"_90":3245,"_420":3254,"_220":-5,"_3247":-5,"_3248":-5},{"_90":3245,"_420":3252,"_220":834,"_3247":3250,"_3248":3253},{"_90":3245,"_420":3249,"_220":834,"_3247":3250,"_3248":3251},{"_90":3245,"_420":3246,"_220":-5,"_3247":-5,"_3248":-5},"pull_request_comment","**Actionable comments posted: 2**\n\n

🤖 Fix all issues with AI agents

\n\n

🧹 Nitpick comments (4)

\n\n
\n
src/modules/ui/epg/EPGInfoPanel.ts (1)
\n\n`110-113`: **Consider removing the non-null assertion.**\n\nLine 111 uses a non-null assertion (`item.thumb!`) immediately after validating that `item.thumb` exists. While this works, it's slightly redundant since TypeScript should be able to narrow the type based on the `isValidUrl` check.\n\n\n\n
\n
♻️ Proposed refactor to remove non-null assertion
\n\n```diff\n const isValidUrl = item.thumb && /^https?:\\/\\//i.test(item.thumb);\n if (isValidUrl) {\n- poster.src = item.thumb!;\n+ poster.src = item.thumb;\n poster.alt = item.title;\n poster.style.display = 'block';\n```\n\n
\n\n
\n
\n
src/modules/ui/epg/styles.css (2)
\n\n`114-128`: **Consider using transform for hardware acceleration.**\n\nThe program cells use `transition` on `transform` and `box-shadow`, which is good for performance. However, for optimal performance on lower-end devices, consider adding `will-change: transform` for cells that will be frequently focused.\n\n\n\n
\n
⚡ Proposed optimization for better performance
\n\n```diff\n .epg-cell {\n position: absolute;\n height: 76px;\n padding: 8px 12px;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 4px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n overflow: hidden;\n box-sizing: border-box;\n margin: 2px;\n transition: transform 150ms ease-out, box-shadow 150ms ease-out;\n cursor: pointer;\n+ /* Hint to browser for upcoming transform changes */\n+ will-change: transform;\n }\n```\n\nNote: Use `will-change` sparingly as it can increase memory usage. Only apply to elements that will actually transform frequently.\n\n
\n\n---\n\n`229-239`: **Use standard properties alongside vendor-prefixed ones.**\n\nThe description uses `-webkit-line-clamp` and `-webkit-box-orient` (Lines 234-235) which are WebKit-specific. While widely supported, consider adding fallback behavior for better cross-browser compatibility.\n\n\n\n
\n
🌐 Proposed fix for better cross-browser support
\n\n```diff\n .epg-info-description {\n font-size: 20px;\n line-height: 1.4;\n color: rgba(255, 255, 255, 0.9);\n+ /* Fallback for browsers that don't support line-clamp */\n+ overflow: hidden;\n+ max-height: calc(20px * 1.4 * 3);\n+ /* Modern multi-line truncation (WebKit) */\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n- overflow: hidden;\n text-overflow: ellipsis;\n- max-height: calc(20px * 1.4 * 3);\n }\n```\n\nNote: The current implementation already includes `overflow: hidden` and `max-height` as fallbacks, which is good. This reordering just makes the progressive enhancement more explicit.\n\n
\n\n
\n
\n
src/modules/player/VideoPlayerEvents.ts (1)
\n\n`105-143`: **Consider capturing video element reference to prevent cleanup issues.**\n\nSimilar to the pattern used in `VideoPlayer.seekTo()`, if `detach()` is called while `waitForCanPlay` is pending, the cleanup function uses optional chaining on `this._videoElement` which may be null. While this won't cause a crash, the event listeners could leak if the element still exists but the reference is cleared.\n\n\n
\n
♻️ Suggested improvement
\n\n```diff\n public waitForCanPlay(timeoutMs: number = 30000): Promise {\n return new Promise((resolve, reject) => {\n if (!this._videoElement) {\n reject(new Error('Video element not available'));\n return;\n }\n\n if (this._videoElement.readyState >= 3) {\n resolve();\n return;\n }\n\n+ const videoElement = this._videoElement; // Capture reference\n let timeoutId: ReturnType | null = null;\n\n const cleanup = (): void => {\n if (timeoutId) clearTimeout(timeoutId);\n- this._videoElement?.removeEventListener('canplay', onCanPlay);\n- this._videoElement?.removeEventListener('error', onError);\n+ videoElement.removeEventListener('canplay', onCanPlay);\n+ videoElement.removeEventListener('error', onError);\n };\n```\n
\n\n
\n\n

\n\n

📜 Review details

\n\n**Configuration used**: Organization UI\n\n**Review profile**: CHILL\n\n**Plan**: Pro\n\n

📥 Commits

\n\nReviewing files that changed from the base of the PR and between 34be8cc821ab9ba431dc9b24b4b220b7237f55d8 and b57176fb7f5cc92dfba8514b897331c7c87fcace.\n\n

\n\n

📒 Files selected for processing (8)

\n\n

🧰 Additional context used

\n\n

🧬 Code graph analysis (5)

\n\n

src/modules/player/VideoPlayerEvents.ts (3)

\n\n
\n
src/modules/player/types.ts (4)
\n\n* `PlayerStatus` (180-188)\n* `VideoPlayerInternalState` (256-279)\n* `PlayerEventMap` (230-247)\n* `TimeRange` (90-95)\n\n
\n
\n
src/modules/player/index.ts (3)
\n\n* `PlayerStatus` (21-21)\n* `PlayerEventMap` (24-24)\n* `TimeRange` (23-23)\n\n
\n
\n
src/modules/player/RetryManager.ts (1)
\n\n* `RetryManager` (22-190)\n\n
\n\n

src/modules/ui/epg/__tests__/EPGVirtualizer.test.ts (3)

\n\n
\n
src/modules/ui/epg/EPGVirtualizer.ts (2)
\n\n* `EPGVirtualizer` (56-437)\n* `positionCell` (31-48)\n\n
\n
\n
src/modules/ui/epg/types.ts (3)
\n\n* `EPGConfig` (19-38)\n* `ScheduledProgram` (10-10)\n* `ScheduleWindow` (10-10)\n\n
\n
\n
src/modules/ui/epg/constants.ts (1)
\n\n* `EPG_CONSTANTS` (10-37)\n\n
\n\n

src/modules/player/VideoPlayer.ts (6)

\n\n
\n
src/modules/player/interfaces.ts (1)
\n\n* `IVideoPlayer` (20-215)\n\n
\n
\n
src/modules/player/types.ts (8)
\n\n* `PlayerEventMap` (230-247)\n* `VideoPlayerConfig` (48-63)\n* `VideoPlayerInternalState` (256-279)\n* `StreamDescriptor` (152-171)\n* `SubtitleTrack` (104-121)\n* `AudioTrack` (126-143)\n* `PlaybackState` (193-214)\n* `PlayerStatus` (180-188)\n\n
\n
\n
src/modules/player/SubtitleManager.ts (1)
\n\n* `SubtitleManager` (15-196)\n\n
\n
\n
src/modules/player/AudioTrackManager.ts (1)
\n\n* `AudioTrackManager` (62-303)\n\n
\n
\n
src/modules/player/VideoPlayerEvents.ts (1)
\n\n* `VideoPlayerEvents` (29-287)\n\n
\n
\n
src/modules/player/RetryManager.ts (1)
\n\n* `RetryManager` (22-190)\n\n
\n\n

src/modules/ui/epg/EPGChannelList.ts (2)

\n\n
\n
src/modules/ui/epg/types.ts (1)
\n\n* `EPGConfig` (19-38)\n\n
\n
\n
src/modules/ui/epg/constants.ts (1)
\n\n* `EPG_CLASSES` (42-63)\n\n
\n\n

src/modules/player/types.ts (1)

\n\n
\n
src/modules/player/index.ts (11)
\n\n* `AppErrorCode` (28-28)\n* `VideoPlayerConfig` (15-15)\n* `MediaMetadata` (17-17)\n* `TimeRange` (23-23)\n* `SubtitleTrack` (18-18)\n* `AudioTrack` (19-19)\n* `StreamDescriptor` (16-16)\n* `PlayerStatus` (21-21)\n* `PlaybackState` (20-20)\n* `PlaybackError` (22-22)\n* `PlayerEventMap` (24-24)\n\n
\n\n

\n\n

🪛 ast-grep (0.40.4)

\n\n

src/modules/ui/epg/EPGChannelList.ts

src/modules/ui/epg/EPGInfoPanel.ts

\n\n

🔇 Additional comments (41)

\n\n
\n
src/modules/ui/epg/EPGChannelList.ts (3)
\n\n`64-64`: **The innerHTML usage is safe in this context.**\n\nThe static analysis warning about innerHTML at Line 64 is a false positive. The code is clearing the container (`innerHTML = ''`) rather than inserting user-controlled content, which poses no XSS risk.\n\n---\n\n`27-33`: **LGTM! Clean initialization.**\n\nThe initialization logic correctly creates and appends the container element.\n\n---\n\n`38-46`: **LGTM! Proper cleanup.**\n\nThe destroy method properly cleans up DOM elements and internal state.\n\n
\n
\n
src/modules/ui/epg/EPGInfoPanel.ts (3)
\n\n`29-29`: **The innerHTML usage is safe in this context.**\n\nThe static analysis warnings about innerHTML at Line 29 are false positives. The `createTemplate()` method returns a hardcoded HTML string with no user input, making this operation safe from XSS.\n\n---\n\n`108-117`: **Excellent URL validation for security.**\n\nThe URL validation at Line 109 using a regex to check for `http://` or `https://` schemes is a solid defense-in-depth approach that prevents `javascript:` or `data:` URL injection attacks.\n\n---\n\n`119-143`: **LGTM! Safe content updates using textContent.**\n\nThe content update logic correctly uses `textContent` for all user-controlled data (title, meta, description), which prevents XSS vulnerabilities. The description is appropriately hidden until extended metadata is available.\n\n
\n
\n
src/modules/ui/epg/__tests__/EPGVirtualizer.test.ts (6)
\n\n`1-42`: **LGTM! Well-structured test setup.**\n\nThe test file is properly configured with jsdom environment, and the beforeEach/afterEach hooks correctly initialize and clean up test fixtures.\n\n---\n\n`44-131`: **Excellent coverage of positionCell edge cases.**\n\nThe positionCell tests comprehensively verify:\n- Deterministic left/width calculation\n- Correct positioning based on time offsets\n- Minimum width enforcement (20px)\n\nThis ensures the core positioning logic is robust.\n\n---\n\n`133-187`: **LGTM! Thorough testing of visible range calculation.**\n\nThe tests properly validate:\n- Buffer row inclusion (ROW_BUFFER = 2)\n- Boundary clamping at top and bottom\n- Time buffer calculations\n\nThis ensures the virtualization range logic handles all edge cases correctly.\n\n---\n\n`189-240`: **Strong validation of DOM element limits.**\n\nThe test correctly verifies that the virtualizer maintains DOM element count under the MAX_DOM_ELEMENTS threshold (200) even with 50 channels and 48 programs each, confirming the virtualization prevents DOM bloat.\n\n---\n\n`242-300`: **Excellent test of element recycling during scroll.**\n\nThe test validates that element recycling works as expected during scrolling, with element counts remaining stable and within bounds. The tolerance check (`Math.abs(afterScrollCount - initialCount) < 50`) appropriately accounts for buffer variance.\n\n---\n\n`302-349`: **LGTM! Pool management verification is thorough.**\n\nThe test correctly validates that `forceRecycleAll()` clears both visible elements and the element pool, ensuring proper memory management during cleanup.\n\n
\n
\n
src/modules/ui/epg/styles.css (3)
\n\n`1-19`: **LGTM! Clean container implementation.**\n\nThe EPG container uses appropriate positioning and visibility control with the `.visible` class toggle. The overlay styling with high z-index (1000) ensures proper layering.\n\n---\n\n`134-148`: **Excellent accessibility support for high-contrast mode.**\n\nThe inclusion of Windows High Contrast Mode support at Lines 144-148 using `@media (forced-colors: active)` ensures the focused state remains visible for users with accessibility needs. This is a best practice for inclusive design.\n\n---\n\n`269-274`: **LGTM! Clean theming implementation.**\n\nThe CSS custom properties provide a clean theming system that's easy to override and maintain.\n\n
\n
\n
src/modules/player/VideoPlayer.ts (11)
\n\n`1-34`: **LGTM!**\n\nClean module header with proper imports and backward-compatible re-export of `mapMediaErrorCodeToPlaybackError`.\n\n---\n\n`93-150`: **LGTM!**\n\nThe initialization logic is well-structured with proper guards against re-initialization, correct volume clamping, and orderly manager setup. The keep-alive manager is started appropriately after configuration.\n\n---\n\n`155-177`: **LGTM!**\n\nClean teardown sequence: managers stopped first, video element properly paused and cleaned up, event listeners removed, and state reset. Good defensive programming with the null check on `_videoElement`.\n\n---\n\n`187-244`: **LGTM!**\n\nGood stream loading flow with proper unload before reload, protocol-based source handling (native HLS vs source element), and correct ordering of operations. The critical comment about not using HLS.js on webOS is helpful for future maintainers.\n\n---\n\n`249-286`: **LGTM!**\n\nThorough stream cleanup: cancels retries first to prevent race conditions, removes all source elements, clears the `src` attribute, and properly resets all related state fields.\n\n---\n\n`295-306`: **LGTM!**\n\nProper error propagation from the native `play()` call, which correctly surfaces autoplay policy violations to the caller.\n\n---\n\n`328-365`: **Previous feedback addressed.**\n\nThe seek implementation now correctly captures the video element reference before the async operation, preventing null reference issues if `destroy()` is called mid-seek.\n\n---\n\n`385-446`: **LGTM!**\n\nVolume controls are well-implemented with proper clamping, synchronized state management, and good UX (auto-unmute when setting volume while muted). State changes are consistently emitted.\n\n---\n\n`456-495`: **LGTM!**\n\nTrack management properly delegates to respective managers and consistently emits `trackChange` events. The async signature on `setSubtitleTrack` maintains interface consistency even though the underlying operation is synchronous.\n\n---\n\n`504-568`: **LGTM!**\n\nState accessors provide safe fallbacks for uninitialized states, and `getDurationMs` correctly handles non-finite durations (NaN/Infinity) by falling back to the state value. Event delegation is clean.\n\n---\n\n`577-629`: **LGTM!**\n\nPlaceholder stubs for webOS media session are appropriately documented with TODO comments. Private helper methods are clean, and `_updateStatus` correctly avoids emitting redundant state changes.\n\n
\n
\n
src/modules/player/VideoPlayerEvents.ts (5)
\n\n`1-46`: **LGTM!**\n\nClean module structure with proper type imports and well-defined `EventHandlerCallbacks` interface. The class fields are appropriately typed with null as initial values.\n\n---\n\n`51-99`: **LGTM!**\n\nProper event listener management with bound handlers stored for cleanup. The comprehensive list of video events covers all necessary playback states, and `detach()` correctly cleans up all references.\n\n---\n\n`149-190`: **LGTM!**\n\nEvent handlers correctly manage state transitions with proper guards to prevent invalid state changes (e.g., not transitioning to 'paused' during seeking/ended). The seek state preservation pattern (`_statusBeforeSeek`) is well-implemented.\n\n---\n\n`192-211`: **LGTM!**\n\nError handling properly integrates with `RetryManager` to distinguish recoverable errors (which trigger buffering state for retry) from unrecoverable errors (which emit the error event and update state).\n\n---\n\n`213-286`: **LGTM!**\n\nTime/buffer/metadata handlers correctly calculate and emit updates. The buffer calculation properly handles multiple buffered ranges and the metadata handler gracefully falls back to descriptor duration for live streams with non-finite durations.\n\n
\n
\n
src/modules/player/AudioTrackManager.ts (5)
\n\n`1-43`: **LGTM!**\n\nClean type augmentation for webOS audio track APIs. The interfaces properly model the non-standard `audioTracks` property on HTMLVideoElement.\n\n---\n\n`44-105`: **LGTM!**\n\nGood initialization pattern with sensible defaults. The `setTracks` method correctly prioritizes an explicit default track and `getTracks` returns a defensive copy.\n\n---\n\n`112-185`: **LGTM!**\n\nWell-structured retry logic with proper error categorization. The decision to not retry timeout errors is sensible, and the attempt to restore the previous track on failure is good for state consistency. Error handling properly distinguishes timeout vs other failures.\n\n---\n\n`221-267`: **LGTM!**\n\nThe timeout/polling pattern is correctly implemented with an immediate check optimization before starting the polling interval. The comment about using ID rather than index for track matching is helpful for maintainers.\n\n---\n\n`287-302`: **LGTM!**\n\nClean error factory method that properly structures `PlaybackError` objects with cause context when available.\n\n
\n
\n
src/modules/player/types.ts (5)
\n\n`1-40`: **LGTM!**\n\nWell-documented error taxonomy with `AppErrorCode` enum covering playback, track, and codec errors. The `AppError` base interface provides a consistent structure for error handling.\n\n---\n\n`41-96`: **LGTM!**\n\nConfiguration and metadata types are comprehensive with clear documentation. `TimeRange` with millisecond precision is appropriate for buffer tracking.\n\n---\n\n`97-171`: **LGTM!**\n\nTrack and stream descriptor types are well-designed with appropriate required vs optional fields. The protocol union type correctly matches the handling in `VideoPlayer.loadStream()`.\n\n---\n\n`173-247`: **LGTM!**\n\nComprehensive state and event types. The `PlayerStatus` union covers all playback states, `PlaybackError` properly extends `AppError` with retry metadata, and the `PlayerEventMap` index signature correctly enables EventEmitter compatibility while maintaining type safety for known events.\n\n---\n\n`249-279`: **LGTM!**\n\nThe internal state interface appropriately extends the public `PlaybackState` concept with the `currentDescriptor` field needed for internal operations like retry handling.\n\n
\n\n

\n\n

\n\n","side","line","_⚠️ Potential issue_ | _🟠 Major_\n\n**Validate color values to prevent CSS injection.**\n\nThe channel color is directly applied to inline styles without validation. A malicious color value could inject arbitrary CSS or break the layout.\n\n\n\n

🎨 Proposed fix to validate color format

\n\n\n\n

📝 Committable suggestion

\n\n\n\n

🤖 Prompt for AI Agents

\n\n\n\n","RIGHT",117,"_⚠️ Potential issue_ | _🟠 Major_\n\n**Validate channel icon URLs to prevent potential XSS.**\n\nThe channel icon URL is directly assigned to `img.src` without validation. While modern browsers provide some protection, malicious URLs (e.g., `javascript:`, `data:text/html`) could potentially be exploited.\n\n\n\n

🔒 Proposed fix to add URL validation

\n\n\n\n

📝 Committable suggestion

\n\n\n\n

🤖 Prompt for AI Agents

\n\n\n\n",107,"**Actionable comments posted: 0**\n\n

🧹 Nitpick comments (1)

\n\n
\n
src/modules/player/RetryManager.ts (1)
\n\n`171-171`: **Minor comment inaccuracy.**\n\nThe comment states \"mirrors VideoPlayer.loadStream() which waits for canplay,\" but the code below waits for `loadedmetadata` (line 187), not `canplay`. Consider updating the comment to reflect the actual implementation.\n\n\n\n
\n
📝 Suggested comment fix
\n\n```diff\n- // Wait for loadedmetadata before seeking, as load() resets currentTime\n- // This mirrors VideoPlayer.loadStream() which waits for canplay\n+ // Wait for loadedmetadata before seeking, as load() resets currentTime\n+ // Note: VideoPlayer.loadStream() waits for canplay; we use loadedmetadata here as it's sufficient for seeking\n```\n
\n\n
\n\n

\n\n

📜 Review details

\n\n**Configuration used**: Organization UI\n\n**Review profile**: CHILL\n\n**Plan**: Pro\n\n

📥 Commits

\n\nReviewing files that changed from the base of the PR and between cbd2514c2351099829263e077a19b78277b59b71 and 34be8cc821ab9ba431dc9b24b4b220b7237f55d8.\n\n

\n\n

📒 Files selected for processing (4)

\n\n* `src/modules/player/ErrorHandler.ts`\n* `src/modules/player/KeepAliveManager.ts`\n* `src/modules/player/RetryManager.ts`\n* `src/modules/player/VideoPlayer.ts`\n\n

\n\n

🚧 Files skipped from review as they are similar to previous changes (2)

\n\n* src/modules/player/ErrorHandler.ts\n* src/modules/player/KeepAliveManager.ts\n\n

\n\n

🧰 Additional context used

\n\n

🧬 Code graph analysis (2)

\n\n

src/modules/player/RetryManager.ts (3)

\n\n
\n
src/modules/player/types.ts (2)
\n\n* `PlaybackError` (219-224)\n* `StreamDescriptor` (152-171)\n\n
\n
\n
src/modules/player/constants.ts (2)
\n\n* `RETRY_BASE_DELAY_MS` (29-29)\n* `MAX_RETRY_ATTEMPTS` (24-24)\n\n
\n
\n
src/modules/player/ErrorHandler.ts (1)
\n\n* `mapMediaErrorCodeToPlaybackError` (22-77)\n\n
\n\n

src/modules/player/VideoPlayer.ts (7)

\n\n
\n
src/modules/player/index.ts (9)
\n\n* `VideoPlayer` (7-7)\n* `IVideoPlayer` (11-11)\n* `SubtitleManager` (8-8)\n* `VideoPlayerConfig` (15-15)\n* `StreamDescriptor` (16-16)\n* `SubtitleTrack` (18-18)\n* `AudioTrack` (19-19)\n* `PlaybackState` (20-20)\n* `PlayerStatus` (21-21)\n\n
\n
\n
src/modules/player/interfaces.ts (1)
\n\n* `IVideoPlayer` (20-215)\n\n
\n
\n
src/modules/player/SubtitleManager.ts (1)
\n\n* `SubtitleManager` (15-196)\n\n
\n
\n
src/modules/player/AudioTrackManager.ts (1)
\n\n* `AudioTrackManager` (62-294)\n\n
\n
\n
src/modules/player/VideoPlayerEvents.ts (1)
\n\n* `VideoPlayerEvents` (29-287)\n\n
\n
\n
src/modules/player/RetryManager.ts (1)
\n\n* `RetryManager` (22-190)\n\n
\n
\n
src/modules/player/constants.ts (3)
\n\n* `DEFAULT_CONFIG` (70-77)\n* `VIDEO_ELEMENT_ID` (38-38)\n* `VIDEO_ELEMENT_STYLES` (43-51)\n\n
\n\n

\n\n

🔇 Additional comments (4)

\n\n
\n
src/modules/player/VideoPlayer.ts (3)
\n\n`93-150`: **Well-structured initialization with proper safeguards.**\n\nThe initialization method includes:\n- Guard against multiple initialization (lines 94-98) with automatic cleanup\n- Config merging with defaults (lines 101-104)\n- Proper video element creation and styling (lines 107-110)\n- Container validation (lines 113-116)\n- Sequential manager initialization (lines 125-145)\n- Keep-alive mechanism integration (lines 148-149)\n\nThe defensive approach of calling `destroy()` when already initialized (line 97) prevents resource leaks.\n\n---\n\n`385-402`: **Excellent volume control implementation.**\n\nThe volume setter includes important safeguards:\n- Clamping to [0, 1] prevents invalid volume levels (line 391)\n- Auto-unmute when setting volume > 0 while muted (lines 396-399) provides intuitive UX\n- Consistent state emission (line 401)\n\nThis prevents common volume-related bugs and edge cases.\n\n---\n\n`187-244`: **Robust stream loading with proper sequencing.**\n\nThe `loadStream()` method correctly orchestrates:\n- Protocol-specific source handling for HLS vs direct playback (lines 208-217)\n- Track loading with burn-in detection (lines 220-226)\n- Critical sequencing: `load()` → `waitForCanPlay()` → seek to start position (lines 233-243)\n\nThe comment at line 240 appropriately highlights that seeking must happen after `canplay` since `load()` resets `currentTime`.\n\n
\n
\n
src/modules/player/RetryManager.ts (1)
\n\n`170-189`: **Address event inconsistency between retry and initial load paths.**\n\nRetryManager waits for `loadedmetadata` (line 175) before seeking, while VideoPlayer waits for `canplay`. The code comment at line 171-172 claims this \"mirrors VideoPlayer.loadStream() which waits for canplay,\" but this is inaccurate—the events differ. `loadedmetadata` fires earlier when duration/dimensions are available, whereas `canplay` waits for sufficient buffering.\n\nThis inconsistency could cause seeking failures in the retry path if insufficient data is buffered. Either align both paths to use `canplay` for consistency and safety, or update the comment to explain why `loadedmetadata` is intentional for retry recovery.\n\n
\n\n

\n\n

\n\n","**Actionable comments posted: 4**\n\n

🤖 Fix all issues with AI agents

\n\n

🧹 Nitpick comments (14)

\n\n
\n
src/modules/player/AudioTrackManager.ts (1)
\n\n`221-258`: **Consider immediate check before polling.**\n\nThe current implementation always waits at least one poll interval (100ms) even if the track switch is instantaneous. An immediate check after enabling could reduce latency in the common case.\n\n\n
\n
♻️ Optional optimization
\n\n```diff\n // Find and enable the target track\n for (let i = 0; i < audioTracks.length; i++) {\n const track = audioTracks[i];\n if (track) {\n track.enabled = track.id === targetTrack.id;\n }\n }\n\n+ // Immediate check before polling\n+ for (let i = 0; i < audioTracks.length; i++) {\n+ if (audioTracks[i]?.id === targetTrack.id && audioTracks[i]?.enabled) {\n+ clearTimeout(timeout);\n+ resolve();\n+ return;\n+ }\n+ }\n+\n // Verify switch with polling - find by ID, not index\n```\n
\n\n
\n
\n
src/modules/player/types.ts (1)
\n\n`249-279`: **Documentation inconsistency: `VideoPlayerInternalState` is exported.**\n\nThe comment on line 250 states \"Internal State (not exported publicly)\" but the interface uses `export`. If this is intentional for use by related modules within the player package, consider clarifying the comment. If it should truly be internal, consider removing the export.\n\n\n
\n
📝 Suggested documentation fix
\n\n```diff\n // ============================================\n-// Internal State (not exported publicly)\n+// Internal State (exported for related player modules only)\n // ============================================\n```\n
\n\n
\n
\n
src/modules/ui/epg/__tests__/EPGVirtualizer.test.ts (1)
\n\n`242-297`: **Consider a more precise assertion for element recycling.**\n\nThe assertion on line 296 uses `initialCount * 2`, which may not accurately reflect the expected recycling behavior. Consider asserting that the count remains stable or within a specific delta of the initial count, or that it stays below the MAX_DOM_ELEMENTS constant.\n\n\n\n
\n
♻️ More precise assertion
\n\n```diff\n- // Element count should stay stable (recycled, not grown unboundedly)\n- expect(afterScrollCount).toBeLessThanOrEqual(initialCount * 2);\n+ // Element count should stay stable due to recycling\n+ expect(afterScrollCount).toBeLessThan(EPG_CONSTANTS.MAX_DOM_ELEMENTS);\n+ // Should be roughly similar to initial count (allowing some variance)\n+ expect(Math.abs(afterScrollCount - initialCount)).toBeLessThan(50);\n```\n\n
\n\n
\n
\n
src/modules/player/KeepAliveManager.ts (1)
\n\n`28-40`: **Consider using a custom event type to avoid interference.**\n\nDispatching a generic `'click'` event on the document (line 37) could potentially interfere with actual click event listeners in the application. If webOS requires a DOM touch for keep-alive, consider using a custom event type (e.g., `'keepalive'`) or dispatching to a hidden element to avoid side effects.\n\n\n\n
\n
♻️ Alternative approach with custom event
\n\n```diff\n this._intervalId = setInterval(() => {\n if (this._isPlayingFn()) {\n- // Touch DOM to prevent webOS suspension\n- document.dispatchEvent(new Event('click'));\n+ // Touch DOM to prevent webOS suspension with custom event\n+ document.dispatchEvent(new CustomEvent('keepalive', { detail: { timestamp: Date.now() } }));\n }\n }, KEEP_ALIVE_INTERVAL_MS);\n```\n\n
\n\n
\n
\n
src/modules/player/constants.ts (1)
\n\n`43-51`: **Consider using CSS class instead of inline styles.**\n\nThe `VIDEO_ELEMENT_STYLES` template string applies inline styles directly. While this works, using a CSS class from your stylesheet would improve maintainability and allow easier theming. However, for a video player that needs immediate styling without stylesheet dependencies, inline styles are acceptable.\n\n
\n
\n
src/modules/ui/epg/EPGInfoPanel.ts (3)
\n\n`109-121`: **Validate or sanitize `item.thumb` URL before assigning to `src`.**\n\nSetting `poster.src` directly from `item.thumb` (line 115) could be a vector for:\n1. `javascript:` protocol URLs (XSS in older browsers)\n2. Data exfiltration via tracking pixels\n\nConsider validating the URL scheme:\n\n
\n
🔒 Proposed validation
\n\n```diff\n if (poster) {\n if (item.thumb) {\n+ // Validate URL scheme to prevent javascript: or data: URLs\n+ const isValidUrl = /^https?:\\/\\//i.test(item.thumb);\n+ if (!isValidUrl) {\n+ poster.style.display = 'none';\n+ return;\n+ }\n poster.src = item.thumb;\n poster.alt = item.title;\n poster.style.display = 'block';\n } else {\n poster.style.display = 'none';\n }\n }\n```\n
\n\nIf `item.thumb` is always sourced from trusted Plex metadata, this may be acceptable, but defense-in-depth is recommended.\n\n---\n\n`89-99`: **`update()` and `show()` have overlapping logic.**\n\nBoth methods set `currentProgram`, call `updateContent`, and handle visibility. Consider having `update()` delegate to `show()` or extracting common logic:\n\n```diff\n update(program: ScheduledProgram): void {\n if (!this.containerElement) return;\n-\n- this.currentProgram = program;\n- this.updateContent(program);\n-\n- if (!this.isVisible) {\n- this.containerElement.style.display = 'flex';\n- this.isVisible = true;\n- }\n+ this.show(program);\n }\n```\n\nThis depends on whether `update()` should always show (current behavior) or only update if already visible. The current implementation always shows, making it equivalent to `show()`.\n\n---\n\n`140-145`: **Consider implementing description or removing placeholder.**\n\nThe description element is populated with an empty string with a TODO comment. If extended metadata isn't available in this phase, consider either:\n1. Hiding the description element entirely when empty\n2. Removing it from the template until needed\n\n```diff\n const description = this.containerElement.querySelector(`.${EPG_CLASSES.INFO_DESCRIPTION}`);\n if (description) {\n- // Description would come from extended metadata, placeholder for now\n- description.textContent = '';\n+ // Hide until extended metadata is available\n+ (description as HTMLElement).style.display = 'none';\n }\n```\n\n
\n
\n
src/modules/ui/epg/EPGChannelList.ts (1)
\n\n`76-83`: **JSDoc mentions unused parameter.**\n\nThe JSDoc documents an `index` parameter that doesn't exist in the method signature.\n\n\n
\n
📝 Remove unused parameter from JSDoc
\n\n```diff\n /**\n * Create a channel row element.\n *\n * @param channel - Channel configuration\n- * @param index - Channel index\n * @returns The row element\n */\n private createChannelRow(channel: ChannelConfig): HTMLElement {\n```\n
\n\n
\n
\n
src/modules/player/VideoPlayerEvents.ts (2)
\n\n`187-190`: **Consider cleaner void emission pattern.**\n\nThe `undefined as unknown as void` cast is awkward. If the `PlayerEventMap` defines `ended` as having a `void` payload, consider updating the event map type to allow `undefined` or use a more explicit type.\n\n\n
\n
💡 Alternative approaches
\n\nOption 1: If `ended` event truly needs no payload, define it as `undefined` in `PlayerEventMap`:\n```typescript\n// In types.ts\nended: undefined;\n```\n\nOption 2: Use explicit undefined:\n```diff\n-this._emitter?.emit('ended', undefined as unknown as void);\n+this._emitter?.emit('ended', undefined);\n```\n
\n\n---\n\n`228-254`: **Buffer percentage could exceed 100% in edge cases.**\n\nIf `bufferedEnd` exceeds `duration` (possible with some streaming edge cases), `bufferPercent` could exceed 100. Consider clamping the value.\n\n\n
\n
🔧 Clamp buffer percentage
\n\n```diff\n- const bufferPercent = Math.round((bufferedEnd / duration) * 100);\n+ const bufferPercent = Math.min(100, Math.round((bufferedEnd / duration) * 100));\n```\n
\n\n
\n
\n
src/modules/player/VideoPlayer.ts (2)
\n\n`93-98`: **Inconsistent guard behavior on re-initialization.**\n\nThe guard warns about already being initialized but then calls `destroy()` and proceeds with re-initialization. This could be surprising—consider either returning early (true guard) or removing the warning (silent reinit).\n\n\n
\n
♻️ Option A: Early return (stricter guard)
\n\n```diff\n public async initialize(config: VideoPlayerConfig): Promise {\n // Guard: Prevent creating multiple video elements (spec requirement)\n if (this._videoElement) {\n console.warn('[VideoPlayer] Already initialized. Call destroy() before re-initializing.');\n- this.destroy();\n+ return;\n }\n```\n
\n
\n
♻️ Option B: Silent reinit (no warning)
\n\n```diff\n public async initialize(config: VideoPlayerConfig): Promise {\n- // Guard: Prevent creating multiple video elements (spec requirement)\n+ // Clean up any existing state before re-initializing\n if (this._videoElement) {\n- console.warn('[VideoPlayer] Already initialized. Call destroy() before re-initializing.');\n this.destroy();\n }\n```\n
\n\n---\n\n`569-583`: **Placeholder methods for webOS media session API.**\n\nThese stubs are appropriately marked with TODO comments. Consider tracking this as a follow-up issue to ensure implementation before webOS deployment.\n\n\n\nWould you like me to open an issue to track the webOS media session API implementation?\n\n
\n
\n
src/modules/ui/epg/styles.css (1)
\n\n`134-139`: **Consider adding outline for high-contrast mode accessibility.**\n\nThe `.focused` state relies on background color and box-shadow, which may not be visible in Windows High Contrast Mode. Consider adding a fallback outline.\n\n\n
\n
♻️ Proposed enhancement
\n\n```diff\n .epg-cell.focused {\n background: var(--focus-color, #00a8e1);\n transform: scale(1.02);\n z-index: 10;\n box-shadow: 0 0 20px rgba(0, 168, 225, 0.5);\n+ outline: 3px solid transparent; /* Visible in high-contrast mode */\n }\n+\n+@media (forced-colors: active) {\n+ .epg-cell.focused {\n+ outline: 3px solid CanvasText;\n+ }\n+}\n```\n
\n\n
\n\n

\n\n

📜 Review details

\n\n**Configuration used**: Organization UI\n\n**Review profile**: CHILL\n\n**Plan**: Pro\n\n

📥 Commits

\n\nReviewing files that changed from the base of the PR and between ef24fe571cd66e3409734f60ede7e81c7dec8905 and cbd2514c2351099829263e077a19b78277b59b71.\n\n

\n\n

📒 Files selected for processing (31)

\n\n

🧰 Additional context used

\n\n

🧬 Code graph analysis (21)

\n\n

src/modules/player/interfaces.ts (1)

\n\n
\n
src/modules/player/types.ts (6)
\n\n* `VideoPlayerConfig` (48-63)\n* `StreamDescriptor` (152-171)\n* `SubtitleTrack` (104-121)\n* `AudioTrack` (126-143)\n* `PlaybackState` (193-214)\n* `PlayerEventMap` (230-247)\n\n
\n\n

src/modules/player/RetryManager.ts (3)

\n\n
\n
src/modules/player/types.ts (2)
\n\n* `PlaybackError` (219-224)\n* `StreamDescriptor` (152-171)\n\n
\n
\n
src/modules/player/constants.ts (2)
\n\n* `RETRY_BASE_DELAY_MS` (29-29)\n* `MAX_RETRY_ATTEMPTS` (24-24)\n\n
\n
\n
src/modules/player/ErrorHandler.ts (1)
\n\n* `mapMediaErrorCodeToPlaybackError` (22-77)\n\n
\n\n

src/modules/player/__tests__/SubtitleManager.test.ts (3)

\n\n
\n
src/modules/player/types.ts (1)
\n\n* `SubtitleTrack` (104-121)\n\n
\n
\n
src/modules/player/index.ts (2)
\n\n* `SubtitleTrack` (18-18)\n* `SubtitleManager` (8-8)\n\n
\n
\n
src/modules/player/SubtitleManager.ts (1)
\n\n* `SubtitleManager` (15-196)\n\n
\n\n

src/modules/player/KeepAliveManager.ts (1)

\n\n
\n
src/modules/player/constants.ts (1)
\n\n* `KEEP_ALIVE_INTERVAL_MS` (15-15)\n\n
\n\n

src/modules/player/VideoPlayerEvents.ts (1)

\n\n
\n
src/modules/player/types.ts (1)
\n\n* `PlayerStatus` (180-188)\n\n
\n\n

src/modules/ui/epg/__tests__/EPGVirtualizer.test.ts (3)

\n\n
\n
src/modules/ui/epg/EPGVirtualizer.ts (2)
\n\n* `EPGVirtualizer` (56-437)\n* `positionCell` (31-48)\n\n
\n
\n
src/modules/ui/epg/types.ts (3)
\n\n* `EPGConfig` (19-38)\n* `ScheduledProgram` (10-10)\n* `ScheduleWindow` (10-10)\n\n
\n
\n
src/modules/ui/epg/constants.ts (1)
\n\n* `EPG_CONSTANTS` (10-37)\n\n
\n\n

src/modules/ui/epg/__tests__/EPGErrorBoundary.test.ts (2)

\n\n
\n
src/modules/ui/epg/EPGErrorBoundary.ts (1)
\n\n* `EPGErrorBoundary` (23-158)\n\n
\n
\n
src/modules/ui/epg/EPGVirtualizer.ts (1)
\n\n* `forceRecycleAll` (383-391)\n\n
\n\n

src/modules/ui/epg/EPGErrorBoundary.ts (2)

\n\n
\n
src/modules/ui/epg/types.ts (1)
\n\n* `EPGErrorType` (169-175)\n\n
\n
\n
src/modules/ui/epg/index.ts (1)
\n\n* `EPGErrorBoundary` (12-12)\n\n
\n\n

src/modules/player/SubtitleManager.ts (3)

\n\n
\n
src/modules/player/index.ts (2)
\n\n* `SubtitleManager` (8-8)\n* `SubtitleTrack` (18-18)\n\n
\n
\n
src/modules/player/types.ts (1)
\n\n* `SubtitleTrack` (104-121)\n\n
\n
\n
src/modules/player/constants.ts (2)
\n\n* `BURN_IN_SUBTITLE_FORMATS` (99-99)\n* `TEXT_SUBTITLE_FORMATS` (104-104)\n\n
\n\n

src/modules/ui/epg/EPGTimeHeader.ts (3)

\n\n
\n
src/modules/ui/epg/index.ts (3)
\n\n* `EPGTimeHeader` (10-10)\n* `EPGConfig` (16-16)\n* `EPG_CLASSES` (28-28)\n\n
\n
\n
src/modules/ui/epg/types.ts (2)
\n\n* `EPGConfig` (19-38)\n* `TimeSlot` (204-211)\n\n
\n
\n
src/modules/ui/epg/constants.ts (1)
\n\n* `EPG_CLASSES` (42-63)\n\n
\n\n

src/modules/ui/epg/utils.ts (1)

\n\n
\n
src/modules/ui/epg/index.ts (4)
\n\n* `formatTime` (29-29)\n* `formatTimeRange` (29-29)\n* `formatDuration` (29-29)\n* `rafThrottle` (29-29)\n\n
\n\n

src/modules/ui/epg/constants.ts (1)

\n\n
\n
src/modules/ui/epg/index.ts (3)
\n\n* `EPG_CONSTANTS` (28-28)\n* `EPG_CLASSES` (28-28)\n* `DEFAULT_EPG_CONFIG` (28-28)\n\n
\n\n

src/modules/player/ErrorHandler.ts (2)

\n\n
\n
src/modules/player/constants.ts (2)
\n\n* `RETRY_BASE_DELAY_MS` (29-29)\n* `MAX_RETRY_ATTEMPTS` (24-24)\n\n
\n
\n
src/modules/player/types.ts (1)
\n\n* `PlaybackError` (219-224)\n\n
\n\n

src/modules/ui/epg/EPGInfoPanel.ts (4)

\n\n
\n
src/modules/ui/epg/interfaces.ts (1)
\n\n* `IEPGInfoPanel` (163-180)\n\n
\n
\n
src/modules/ui/epg/types.ts (1)
\n\n* `ScheduledProgram` (10-10)\n\n
\n
\n
src/modules/ui/epg/constants.ts (1)
\n\n* `EPG_CLASSES` (42-63)\n\n
\n
\n
src/modules/ui/epg/utils.ts (2)
\n\n* `formatTime` (12-20)\n* `formatDuration` (39-51)\n\n
\n\n

src/modules/player/__tests__/AudioTrackManager.test.ts (2)

\n\n
\n
src/modules/player/types.ts (1)
\n\n* `AudioTrack` (126-143)\n\n
\n
\n
src/modules/player/AudioTrackManager.ts (1)
\n\n* `AudioTrackManager` (62-294)\n\n
\n\n

src/modules/ui/epg/__tests__/EPGComponent.test.ts (2)

\n\n
\n
src/modules/ui/epg/EPGComponent.ts (1)
\n\n* `EPGComponent` (31-809)\n\n
\n
\n
src/modules/ui/epg/types.ts (3)
\n\n* `ChannelConfig` (10-10)\n* `ScheduleWindow` (10-10)\n* `ScheduledProgram` (10-10)\n\n
\n\n

src/modules/player/__tests__/VideoPlayer.test.ts (3)

\n\n
\n
src/modules/player/types.ts (2)
\n\n* `VideoPlayerConfig` (48-63)\n* `StreamDescriptor` (152-171)\n\n
\n
\n
src/modules/player/VideoPlayer.ts (2)
\n\n* `mapMediaErrorCodeToPlaybackError` (33-33)\n* `VideoPlayer` (56-627)\n\n
\n
\n
src/modules/player/ErrorHandler.ts (1)
\n\n* `mapMediaErrorCodeToPlaybackError` (22-77)\n\n
\n\n

src/modules/ui/epg/EPGComponent.ts (10)

\n\n
\n
src/modules/ui/epg/index.ts (17)
\n\n* `EPGComponent` (7-7)\n* `EPGEventMap` (22-22)\n* `IEPGComponent` (14-14)\n* `EPGConfig` (16-16)\n* `DEFAULT_EPG_CONFIG` (28-28)\n* `EPGVirtualizer` (9-9)\n* `EPGInfoPanel` (8-8)\n* `EPGTimeHeader` (10-10)\n* `EPGChannelList` (11-11)\n* `EPGErrorBoundary` (12-12)\n* `rafThrottle` (29-29)\n* `EPG_CLASSES` (28-28)\n* `EPG_CONSTANTS` (28-28)\n* `ChannelConfig` (25-25)\n* `ScheduleWindow` (24-24)\n* `ScheduledProgram` (23-23)\n* `EPGState` (17-17)\n\n
\n
\n
src/modules/ui/epg/types.ts (7)
\n\n* `EPGEventMap` (123-133)\n* `EPGConfig` (19-38)\n* `EPGInternalState` (142-164)\n* `ChannelConfig` (10-10)\n* `ScheduleWindow` (10-10)\n* `ScheduledProgram` (10-10)\n* `EPGState` (43-64)\n\n
\n
\n
src/modules/ui/epg/interfaces.ts (1)
\n\n* `IEPGComponent` (19-157)\n\n
\n
\n
src/modules/ui/epg/constants.ts (4)
\n\n* `DEFAULT_EPG_CONFIG` (79-89)\n* `EPG_ERRORS` (68-74)\n* `EPG_CLASSES` (42-63)\n* `EPG_CONSTANTS` (10-37)\n\n
\n
\n
src/modules/ui/epg/EPGVirtualizer.ts (1)
\n\n* `EPGVirtualizer` (56-437)\n\n
\n
\n
src/modules/ui/epg/EPGInfoPanel.ts (1)
\n\n* `EPGInfoPanel` (16-165)\n\n
\n
\n
src/modules/ui/epg/EPGTimeHeader.ts (1)
\n\n* `EPGTimeHeader` (30-162)\n\n
\n
\n
src/modules/ui/epg/EPGChannelList.ts (1)
\n\n* `EPGChannelList` (14-182)\n\n
\n
\n
src/modules/ui/epg/EPGErrorBoundary.ts (1)
\n\n* `EPGErrorBoundary` (23-158)\n\n
\n
\n
src/modules/ui/epg/utils.ts (1)
\n\n* `rafThrottle` (60-87)\n\n
\n\n

src/modules/player/types.ts (1)

\n\n
\n
src/modules/player/index.ts (11)
\n\n* `AppErrorCode` (28-28)\n* `VideoPlayerConfig` (15-15)\n* `MediaMetadata` (17-17)\n* `TimeRange` (23-23)\n* `SubtitleTrack` (18-18)\n* `AudioTrack` (19-19)\n* `StreamDescriptor` (16-16)\n* `PlayerStatus` (21-21)\n* `PlaybackState` (20-20)\n* `PlaybackError` (22-22)\n* `PlayerEventMap` (24-24)\n\n
\n\n

src/modules/ui/epg/types.ts (1)

\n\n
\n
src/modules/ui/epg/index.ts (10)
\n\n* `EPGConfig` (16-16)\n* `EPGState` (17-17)\n* `EPGFocusPosition` (18-18)\n* `ScheduledProgram` (23-23)\n* `EPGChannelRow` (19-19)\n* `ChannelConfig` (25-25)\n* `EPGProgramCell` (20-20)\n* `VirtualizedGridState` (21-21)\n* `EPGEventMap` (22-22)\n* `ScheduleWindow` (24-24)\n\n
\n\n

src/modules/player/AudioTrackManager.ts (3)

\n\n
\n
src/modules/player/types.ts (2)
\n\n* `AudioTrack` (126-143)\n* `PlaybackError` (219-224)\n\n
\n
\n
src/modules/plex/stream/constants.ts (1)
\n\n* `SUPPORTED_AUDIO_CODECS` (39-43)\n\n
\n
\n
src/modules/player/constants.ts (1)
\n\n* `AUDIO_TRACK_SWITCH_TIMEOUT_MS` (65-65)\n\n
\n\n

\n\n

🪛 ast-grep (0.40.4)

\n\n

src/modules/ui/epg/EPGTimeHeader.ts

src/modules/ui/epg/EPGInfoPanel.ts

src/modules/ui/epg/EPGVirtualizer.ts

src/modules/ui/epg/EPGComponent.ts

src/modules/ui/epg/EPGChannelList.ts

\n\n

🔇 Additional comments (64)

\n\n
\n
todo.md (1)
\n\n`91-155`: **Well-documented device testing requirements.**\n\nThe documentation correctly identifies the HTML5 spec behavior where `load()` resets `currentTime` to 0, and the recommended fix pattern (waiting for `loadedmetadata` before seeking) is the correct approach. The keep-alive alternatives are comprehensive and will be valuable for empirical testing.\n\n
\n
\n
src/modules/player/AudioTrackManager.ts (4)
\n\n`1-11`: **LGTM - Well-structured module with clear imports.**\n\nThe file organization is clean with proper type imports and constant imports from their respective modules.\n\n---\n\n`82-91`: **LGTM - Good default track selection logic.**\n\nThe method correctly prioritizes a track marked as `default` before falling back to the first track, with proper null checks.\n\n---\n\n`143-163`: **Retry logic is sound.**\n\nThe retry mechanism correctly distinguishes between timeout errors (which break immediately) and other failures (which retry). The previous track restoration on failure is a good recovery strategy.\n\n---\n\n`278-293`: **LGTM - Error factory method.**\n\nThe `recoverable: false` and `retryCount: 0` defaults are appropriate here since this method is called after internal retry attempts have been exhausted.\n\n
\n
\n
src/modules/player/types.ts (2)
\n\n`1-40`: **LGTM - Well-structured error taxonomy and base types.**\n\nThe `AppErrorCode` enum provides clear categorization for playback errors, and the `AppError` interface establishes a solid foundation for error handling across the module.\n\n---\n\n`226-247`: **LGTM - Event map with proper EventEmitter compatibility.**\n\nThe index signature for EventEmitter compatibility is well-documented and the typed event payloads provide good developer experience for common events.\n\n
\n
\n
src/modules/ui/epg/__tests__/EPGErrorBoundary.test.ts (3)
\n\n`7-19`: **LGTM - Good test setup with proper cleanup.**\n\nThe test suite properly initializes the error boundary, mocks console methods to keep test output clean, and ensures cleanup in `afterEach` with both `destroy()` and `restoreAllMocks()`.\n\n---\n\n`76-90`: **LGTM - Good threshold behavior verification.**\n\nThe test correctly verifies that `degradedMode` is only emitted when the error count reaches the threshold (3), not before.\n\n---\n\n`157-170`: **LGTM - Thorough destroy lifecycle test.**\n\nTesting that callbacks are not invoked after `destroy()` is important for preventing use-after-free scenarios and ensuring clean resource cleanup.\n\n
\n
\n
src/modules/player/interfaces.ts (3)
\n\n`16-38`: **LGTM - Clean lifecycle interface.**\n\nThe async `initialize` / sync `destroy` pattern is appropriate. Initialization may need async operations (container lookup, resource allocation) while destruction should be synchronous for reliable cleanup.\n\n---\n\n`125-148`: **LGTM - Intentional asymmetry in track APIs.**\n\nThe design correctly allows disabling subtitles (`null`) while requiring an audio track to always be active. This matches expected media player behavior.\n\n---\n\n`202-215`: **Consider documenting webOS service integration requirements.**\n\nThe `requestMediaSession` and `releaseMediaSession` methods are marked as \"for future webOS media keys\" but lack parameter definitions. When implementing, these may need to accept configuration for the Luna Service API integration mentioned in `todo.md`.\n\n\n\nConsider adding a TODO comment or expanding the JSDoc to indicate what configuration these methods might need when implementing proper webOS media session handling.\n\n
\n
\n
src/modules/player/__tests__/SubtitleManager.test.ts (3)
\n\n`14-35`: **LGTM - Adequate mock for textTracks API.**\n\nThe mock provides the necessary interface for testing subtitle management without requiring a full browser implementation.\n\n---\n\n`75-127`: **LGTM - Comprehensive track loading tests.**\n\nGood coverage of text-based formats, burn-in requirements, and the unload-before-reload behavior.\n\n---\n\n`173-195`: **LGTM - Case-insensitive format detection tests.**\n\nTesting both lowercase and uppercase format strings (`pgs` vs `PGS`) ensures the implementation handles real-world format variations correctly.\n\n
\n
\n
src/modules/ui/epg/__tests__/EPGComponent.test.ts (5)
\n\n`17-32`: **Type assertion suggests incomplete mock.**\n\nThe `as ChannelConfig` assertion on line 32 indicates the mock may not satisfy all required fields of `ChannelConfig`. This is acceptable for testing if only the included fields are used, but could mask issues if the implementation starts using additional fields.\n\n\n\nConsider whether all required `ChannelConfig` fields should be included in the mock, or document which fields are intentionally omitted for testing purposes.\n\n---\n\n`65-87`: **LGTM - Proper test setup and teardown.**\n\nThe `beforeEach`/`afterEach` pattern correctly creates the container, initializes the EPG, and cleans up both on completion.\n\n---\n\n`167-245`: **LGTM - Thorough navigation testing.**\n\nGood coverage of focus movement in all directions, boundary conditions (returning false at edges), and event emission verification.\n\n---\n\n`280-303`: **LGTM - Proper isolation for edge case test.**\n\nCreating a separate EPG instance to test the \"no program focused\" scenario ensures the test doesn't depend on prior test state, and the cleanup is handled correctly.\n\n---\n\n`371-407`: **LGTM - Virtualization constraint verification.**\n\nTesting that 2400 potential cells result in < 200 DOM elements validates the virtualization strategy outlined in `todo.md` (EPG_CONFIG.MAX_DOM_ELEMENTS = 200).\n\n
\n
\n
src/modules/ui/epg/__tests__/EPGVirtualizer.test.ts (3)
\n\n`44-131`: **LGTM! Comprehensive positioning tests.**\n\nThe `positionCell` tests effectively validate deterministic calculations, correct positioning based on start time, and minimum width enforcement (20px). The test coverage is thorough.\n\n---\n\n`133-187`: **LGTM! Visible range calculation is well tested.**\n\nThe tests properly validate buffer rows, boundary clamping, and time buffer calculations. Edge cases at top and bottom boundaries are handled correctly.\n\n---\n\n`300-347`: **LGTM! Pool management tests are solid.**\n\nThe tests correctly validate element reuse from the pool and that `forceRecycleAll` clears both elements and the pool.\n\n
\n
\n
src/modules/player/index.ts (1)
\n\n`1-28`: **LGTM! Clean barrel export structure.**\n\nThe module exports are well-organized, with clear separation between classes, interfaces, and types. The re-export of `AppErrorCode` for convenience is a good developer experience choice.\n\n
\n
\n
src/modules/player/KeepAliveManager.ts (1)
\n\n`42-50`: **LGTM! Proper cleanup of interval resources.**\n\nThe `stop()` method correctly clears the interval and resets the state.\n\n
\n
\n
src/modules/ui/epg/utils.ts (3)
\n\n`6-20`: **LGTM! Time formatting is correct.**\n\nThe 12-hour format conversion and AM/PM handling are implemented correctly, including proper padding for minutes.\n\n---\n\n`22-51`: **LGTM! Time range and duration formatting are solid.**\n\nBoth functions handle edge cases appropriately (zero hours, zero minutes).\n\n---\n\n`53-87`: **LGTM! RAF throttling with test environment fallback.**\n\nThe test environment detection and fallback to synchronous execution is a good approach for reliable testing. The null check on line 81 is technically redundant since `latestArgs` is always set before scheduling, but it's defensive programming and doesn't hurt performance.\n\n
\n
\n
src/modules/player/ErrorHandler.ts (1)
\n\n`79-96`: **LGTM! Backoff and retry limit utilities are correct.**\n\nBoth helper functions implement their logic correctly. The retry attempt cap ensures compliance with the MAX_RETRY_ATTEMPTS constant.\n\n
\n
\n
src/modules/ui/epg/index.ts (1)
\n\n`1-29`: **Well-structured barrel file.**\n\nClean organization of public API exports with logical grouping of components, types, constants, and utilities. The type-only exports for interfaces follow TypeScript best practices.\n\n
\n
\n
src/modules/player/__tests__/VideoPlayer.test.ts (5)
\n\n`265-282`: **Potential timing issue in seek test setup.**\n\nThe test accesses `container.querySelector('video')` before `loadStream` completes but after `initialize`. This works because `initialize` creates the video element, but accessing it before `loadStream` and then redefining `currentTime` could cause issues if `loadStream` internally recreates or modifies the element.\n\nConsider moving the video element query after `loadStream` completes for clarity:\n\n```diff\n it('should seek to startPositionMs', async () => {\n- const videoElement = container.querySelector('video')!;\n let currentTimeSet = 0;\n\n+ const descriptor = createMockDescriptor({ startPositionMs: 60000 });\n+ await player.loadStream(descriptor);\n+\n+ const videoElement = container.querySelector('video')!;\n Object.defineProperty(videoElement, 'currentTime', {\n get: (): number => currentTimeSet,\n set: (val: number) => {\n currentTimeSet = val;\n },\n configurable: true,\n });\n\n- const descriptor = createMockDescriptor({ startPositionMs: 60000 });\n- await player.loadStream(descriptor);\n-\n- // Should have set currentTime to 60 seconds\n- expect(currentTimeSet).toBe(60);\n+ // Verify via state or trigger a new load to test startPositionMs\n });\n```\n\nHowever, this changes test semantics. Verify the current test reliably passes.\n\n---\n\n`1-88`: **Solid test coverage for error mapping.**\n\nThe `mapMediaErrorCodeToPlaybackError` tests comprehensively cover network timeout recoverability, decode errors, format unsupported, and unknown codes. The exponential backoff calculation verification (1s, 4s for retry counts 0, 2) aligns with the implementation formula `baseDelay * 2^retryCount`.\n\n---\n\n`94-203`: **Initialization tests are well-structured.**\n\nGood coverage of video element creation, default volume application, and container-not-found error handling. The mock setup with `originalCreateElement` binding ensures proper isolation.\n\n---\n\n`311-460`: **Playback and seeking tests look correct.**\n\nThe seeking tests properly simulate the `seeked` event dispatch via setTimeout and use fake timers to advance. The relative seek calculations (60s + 10s = 70s, 60s - 10s = 50s) are verified correctly.\n\n---\n\n`519-593`: **Error handling retry test is comprehensive.**\n\nThe test correctly demonstrates:\n1. First 3 errors schedule retries (recoverable)\n2. Fourth error exhausts retries and becomes unrecoverable\n3. Final error includes `retryCount: 3`\n\nThe intentional registration of `errorHandler` after the first error dispatch verifies recoverable errors don't immediately call the handler.\n\n
\n
\n
spec-pack/artifact-10-implementation-state.json (1)
\n\n`1-391`: **Implementation state tracking looks consistent.**\n\nThe phase and module status updates correctly reflect the PR progress. Both `video-player` and `epg-ui` modules are marked complete with appropriate review metadata, timestamps, and retry counts.\n\n
\n
\n
src/modules/player/__tests__/AudioTrackManager.test.ts (3)
\n\n`38-66`: **Well-designed mock video element with audioTracks.**\n\nThe `preventEnable` option is a clever way to simulate timeout scenarios where track switching never completes. The getter/setter pattern for `enabled` properly mimics browser behavior.\n\n---\n\n`145-161`: **Good documentation of implementation behavior.**\n\nThe test at lines 145-160 explicitly documents that `activeTrackId` is preserved when `setTracks` is called again, even if the new array has a different default track. This prevents accidental behavior changes.\n\n---\n\n`281-340`: **Timeout handling tests are thorough.**\n\nThe tests properly verify:\n1. `TRACK_SWITCH_TIMEOUT` error code (not `TRACK_SWITCH_FAILED`)\n2. Error structure completeness (`recoverable: false`, `retryCount: 0`)\n3. State preservation after timeout failure (`activeTrackId` unchanged)\n\nUsing `jest.runAllTimersAsync()` ensures proper async handling with fake timers.\n\n
\n
\n
src/modules/player/RetryManager.ts (2)
\n\n`72-88`: **Retry logic correctly caps attempts.**\n\nThe `Math.min(this._configRetryAttempts, MAX_RETRY_ATTEMPTS)` ensures the retry count never exceeds the spec-defined maximum of 3, even if config specifies a higher value.\n\n---\n\n`22-40`: **LGTM: Clean initialization with sensible defaults.**\n\nPrivate fields are properly initialized with constants, and optional config parameters in `initialize()` correctly fall back to defaults using nullish coalescing.\n\n
\n
\n
src/modules/player/constants.ts (1)
\n\n`1-104`: **Well-organized constants module.**\n\nGood separation of concerns with clear section headers. The `as const` assertion on `DEFAULT_CONFIG` ensures type narrowing for literal values. MIME type mappings and subtitle format arrays are appropriately typed.\n\n
\n
\n
src/modules/ui/epg/EPGInfoPanel.ts (1)
\n\n`26-46`: **Static analysis warning is a false positive.**\n\nThe `innerHTML` assignment at line 29 uses `createTemplate()` which returns a hardcoded HTML string with no user input interpolation. This is safe as no dynamic content flows into the template. The actual content (title, meta, description) is set via `textContent` property which automatically escapes HTML.\n\n
\n
\n
src/modules/ui/epg/EPGChannelList.ts (1)
\n\n`61-74`: **LGTM - Safe DOM clearing pattern.**\n\nThe static analysis hint for `innerHTML = ''` on line 64 is a false positive. Clearing innerHTML with an empty string is safe and is a common pattern for removing all child elements before re-rendering. The subsequent rendering uses `document.createElement` and `textContent`, which properly escapes content.\n\n
\n
\n
src/modules/ui/epg/EPGTimeHeader.ts (2)
\n\n`16-24`: **Timezone handling may be inconsistent.**\n\n`formatTimeSlot` uses the browser's local timezone via `new Date(timestamp)`. If the EPG schedule data uses a specific timezone (e.g., server/broadcast timezone), this could display incorrect times. Consider whether you need explicit timezone handling or if local timezone is the intended behavior for this use case.\n\n\n\nVerify that the timestamps passed to this function are already adjusted for display timezone, or consider using a library like `date-fns-tz` for explicit timezone handling if needed.\n\n---\n\n`73-89`: **LGTM - Slot rendering logic is correct.**\n\nThe `innerHTML = ''` on line 76 is safe (clearing content). The slot calculation and rendering logic properly creates positioned time labels. The loop correctly calculates slot times based on the anchor time and slot interval.\n\n
\n
\n
src/modules/ui/epg/EPGErrorBoundary.ts (2)
\n\n`60-100`: **LGTM - Well-structured error boundary.**\n\nThe error handling logic correctly:\n- Tracks per-type error counts with safe undefined handling\n- Invokes type-specific recovery callbacks when registered\n- Emits `degradedMode` event when threshold is reached\n- Covers all defined `EPGErrorType` cases in the switch statement\n\n---\n\n`110-125`: **LGTM - Wrapper utility is well-designed.**\n\nThe `wrap` method provides a clean try/catch pattern that properly converts unknown errors to `Error` instances before delegating to `handleError`. Returning `undefined` on error is appropriate for this use case.\n\n
\n
\n
src/modules/ui/epg/interfaces.ts (2)
\n\n`19-157`: **LGTM - Comprehensive interface definition.**\n\nThe `IEPGComponent` interface provides a well-organized public API contract covering lifecycle, visibility, data loading, navigation, input handling, state, and events. The generic event methods properly constrain to `EPGEventMap` keys.\n\n---\n\n`163-180`: **LGTM - Clean info panel interface.**\n\nThe `IEPGInfoPanel` interface is appropriately minimal for an overlay panel component.\n\n
\n
\n
src/modules/ui/epg/constants.ts (1)
\n\n`10-37`: **LGTM - Well-organized constants.**\n\nThe constants are properly typed with `as const`, use readable numeric separators (`60_000`), and reference ADR documentation for rationale. The separation between layout constants, CSS classes, errors, and default config promotes maintainability.\n\n
\n
\n
src/modules/player/VideoPlayerEvents.ts (1)
\n\n`105-143`: **LGTM - Robust waitForCanPlay implementation.**\n\nThe promise-based wait correctly handles:\n- Early return if already ready (`readyState >= 3`)\n- Cleanup on success, error, or timeout\n- Proper event listener removal to prevent memory leaks\n\n
\n
\n
src/modules/player/SubtitleManager.ts (1)
\n\n`152-175`: **LGTM - Good defensive coding for track element creation.**\n\nThe null check for `trackElement.track` (line 170) handles jsdom/test environment compatibility. The `forced` flag is correctly stored in `dataset` since there's no native property for it.\n\n
\n
\n
src/modules/ui/epg/types.ts (1)
\n\n`1-211`: **LGTM!**\n\nThe type definitions are well-structured with clear JSDoc comments. The re-exports from scheduler types provide a clean API surface, and the index signature on `EPGEventMap` properly enables EventEmitter compatibility.\n\n
\n
\n
src/modules/ui/epg/EPGVirtualizer.ts (3)
\n\n`255-271`: **innerHTML usage is safe here.**\n\nThe static analysis tool flagged this `innerHTML` assignment, but it's a false positive. The template only contains hardcoded CSS class names from `EPG_CLASSES` constants—no user input is interpolated. User-provided content (program title/time) is correctly assigned via `textContent` in `renderCell()`, which automatically escapes any special characters.\n\n---\n\n`187-247`: **Well-implemented DOM recycling logic.**\n\nThe virtualization approach correctly:\n1. Recycles elements that scroll out of view\n2. Reuses existing elements when possible\n3. Creates new elements only when the pool is empty\n\nThis should maintain the target of <200 DOM elements as stated in the module docs.\n\n---\n\n`31-48`: **Pure positioning function is well-designed.**\n\n`positionCell` is correctly implemented as a pure function with sensible defaults. The minimum 20px width prevents cells from becoming invisibly small for very short programs.\n\n
\n
\n
src/modules/ui/epg/EPGComponent.ts (4)
\n\n`172-184`: **Safe innerHTML usage for DOM scaffolding.**\n\nThe static analysis warnings for `innerHTML` here are false positives. The template contains only hardcoded CSS class names from `EPG_CLASSES` constants. No user-supplied data is interpolated into this HTML structure—user content (program titles, etc.) flows through the virtualizer which uses `textContent`.\n\n---\n\n`800-808`: **Good error boundary integration for rendering resilience.**\n\nWrapping the render logic in `errorBoundary.wrap()` ensures that rendering failures don't crash the entire EPG component. Combined with the recovery callbacks set up in `initializeErrorBoundary()`, this provides graceful degradation.\n\n---\n\n`32-32`: **No action required - type structures match.**\n\nThe `DEFAULT_EPG_CONFIG` structure fully satisfies the `EPGConfig` interface. All nine properties are present with matching types. The double assertion `as unknown as EPGConfig` is a necessary TypeScript pattern when assigning a const-asserted object to a regular interface, not a sign of type incompatibility. If the intent is to avoid the double assertion, consider removing `as const` from `DEFAULT_EPG_CONFIG`, but the current implementation is safe and correct.\n\n---\n\n`571-576`: **`elapsedMs` property is correctly defined and maintained.**\n\nThe `ScheduledProgram` interface defines `elapsedMs: number` (src/modules/scheduler/scheduler/types.ts:55) with documentation \"Time elapsed since program started (ms)\". The property is initialized during schedule calculation in ScheduleCalculator.ts and properly maintained throughout the application lifecycle, as evidenced by comprehensive test coverage. The navigation logic in EPGComponent correctly uses this property to preserve the timeline position when moving between channels.\n\n
\n
\n
src/modules/ui/epg/styles.css (2)
\n\n`260-265`: **CSS variables defined for theming support.**\n\nGood use of CSS custom properties for theming. The variables are correctly placed in `:root` and used consistently throughout the stylesheet with fallback values.\n\n---\n\n`1-265`: **Well-structured EPG stylesheet.**\n\nThe CSS is cleanly organized with logical groupings, appropriate use of CSS Grid and Flexbox, and smooth 150ms transitions suitable for TV interfaces. The `z-index` layering (container: 1000, time indicator: 100, focused cell: 10) is sensible.\n\n
\n\n

\n\n

\n\n","_⚠️ Potential issue_ | _🟡 Minor_\n\n**Potential null reference in seek timeout handler.**\n\nIf `destroy()` is called during an in-flight `seekTo()`, `this._videoElement` may become null before the timeout fires or the `seeked` event is received, causing the cleanup function to silently fail to remove the listener.\n\n\n

🔧 Proposed fix

\n\n\n> Committable suggestion skipped: line range outside the PR's diff.\n\n

🤖 Prompt for AI Agents

\n\n\n\n\n\n✅ Addressed in commit 34be8cc",364,"_⚠️ Potential issue_ | _🟠 Major_\n\n

🧩 Analysis chain

🔧 Suggested fix

\n\n\n\n

📝 Committable suggestion

\n\n\n\n

🤖 Prompt for AI Agents

\n\n\n\n","src/modules/player/SubtitleManager.ts",108,"_⚠️ Potential issue_ | _🟠 Major_\n\n**Potential issue: `currentTime` set before video is ready.**\n\nSetting `currentTime` immediately after `load()` (line 167) may fail silently because the video element's metadata hasn't loaded yet. The seek position should be restored after the `canplay` or `loadedmetadata` event.\n\nConsider deferring the seek:\n\n```diff\n this._videoElement.load();\n-this._videoElement.currentTime = currentTime;\n+\n+const onCanPlay = (): void => {\n+ this._videoElement?.removeEventListener('canplay', onCanPlay);\n+ if (this._videoElement) {\n+ this._videoElement.currentTime = currentTime;\n+ }\n+};\n+this._videoElement.addEventListener('canplay', onCanPlay, { once: true });\n+\n this._videoElement.play().catch(() => {\n // Error will be handled by error event\n });\n```\n\nAlternatively, if VideoPlayer's `loadStream` already handles seek restoration after retry, this may be intentional duplication. Verify the retry flow doesn't lose playback position.\n\n\n\n

📝 Committable suggestion

\n\n\n\n

🤖 Prompt for AI Agents

\n\n\n\n\n\n✅ Addressed in commit 34be8cc",189,"_🛠️ Refactor suggestion_ | _🟠 Major_\n\n**Refactor to use `calculateBackoffDelay` to eliminate duplication.**\n\nLine 73 duplicates the backoff calculation logic that's already implemented in `calculateBackoffDelay` (line 86). Use the existing function to avoid code duplication.\n\n\n\n

♻️ Proposed refactor

\n\n\n> Committable suggestion skipped: line range outside the PR's diff.\n\n

🤖 Prompt for AI Agents

\n\n\n\n\n\n✅ Addressed in commit 34be8cc","src/modules/player/ErrorHandler.ts",77,"\n### 💡 Codex Review\n\nHere are some automated review suggestions for this pull request.\n\n**Reviewed commit:** `cbd2514c23`\n \n\n

ℹ️ About Codex in GitHub

","**_{_{![P2 Badge](https://img.shields.io/badge/P2-yellow?style=flat)}} Avoid dispatching synthetic document click**\n\nThe keep-alive dispatches `document.dispatchEvent(new Event('click'))`. With pointer mode enabled by default, `NavigationManager` installs a document-level click handler that assumes `event.target` is an `HTMLElement` and calls `target.closest(...)` (see `_handlePointerClick`), but a synthetic click on `document` makes `event.target` the `Document`, which lacks `closest`. This causes an uncaught exception every keep-alive tick during playback and can break pointer-mode input handling. Use a non-click event, or gate the synthetic click so it targets an `HTMLElement`/safe custom event.\n\nUseful? React with 👍 / 👎.","**_{_{![P2 Badge](https://img.shields.io/badge/P2-yellow?style=flat)}} Defer retry seek until metadata is loaded**\n\nCalling `load()` resets `currentTime` back to 0 in most browsers; setting `currentTime` immediately afterward is often overwritten once metadata finishes loading. Because `_retryPlayback()` sets `currentTime` right after `load()`, retries can restart playback from 0 instead of the pre-error position (the main player path avoids this by waiting for readiness). This shows up whenever a recoverable error triggers a retry. Consider waiting for `loadedmetadata`/`canplay` before seeking, or reusing the same readiness helper as `loadStream`.\n\nUseful? React with 👍 / 👎.","\n\n\n## Walkthrough\n\nAdds a complete webOS video player subsystem (player, managers, types, constants, tests) and a fully virtualized EPG UI subsystem (components, virtualizer, error boundary, utils, styles, tests); also advances project implementation-state metadata and timestamps.\n\n## Changes\n\n| Cohort / File(s) | Summary |\n|---|---|\n| **Project State**
`\\`spec-pack/artifact-10-implementation-state.json\\`` | Updated implementation-state: phases advanced (currentPhase → 4), phase status updates (1–3 → complete, 4 → in-progress), new Phase 5 added pending, and review/verification timestamps/metadata populated for modules (notably `video-player`, `epg-ui`). |\n| **Player — Core & Events**
`\\`src/modules/player/VideoPlayer.ts\\``, `\\`src/modules/player/VideoPlayerEvents.ts\\``, `\\`src/modules/player/index.ts\\`` | New VideoPlayer implementation with lifecycle, stream load/unload, playback controls, track APIs, event wiring, state emission, and module re-exports. |\n| **Player — Managers & Helpers**
`\\`src/modules/player/AudioTrackManager.ts\\``, `\\`src/modules/player/SubtitleManager.ts\\``, `\\`src/modules/player/RetryManager.ts\\``, `\\`src/modules/player/KeepAliveManager.ts\\``, `\\`src/modules/player/ErrorHandler.ts\\`` | Added AudioTrackManager (switch with timeout/retry), SubtitleManager (track element management & burn-in detection), RetryManager (retry orchestration/backoff), KeepAliveManager (periodic DOM touch), and error/backoff mapping helpers. |\n| **Player — Types, Interfaces & Constants**
`\\`src/modules/player/types.ts\\``, `\\`src/modules/player/interfaces.ts\\``, `\\`src/modules/player/constants.ts\\`` | New typed model (AppErrorCode, PlaybackError, StreamDescriptor, events/state types), IVideoPlayer interface, and centralized player constants/defaults. |\n| **Player — Tests**
`\\`src/modules/player/__tests__/*.test.ts\\`` | Extensive unit tests for AudioTrackManager, SubtitleManager, and VideoPlayer covering codec handling, switching/timeouts, retry/backoff, keep-alive, seeking, and events. |\n| **EPG — Core Components**
`\\`src/modules/ui/epg/EPGComponent.ts\\``, `\\`src/modules/ui/epg/EPGVirtualizer.ts\\``, `\\`src/modules/ui/epg/EPGChannelList.ts\\``, `\\`src/modules/ui/epg/EPGTimeHeader.ts\\``, `\\`src/modules/ui/epg/EPGInfoPanel.ts\\`` | New EPG orchestrator and subcomponents: virtualized grid with DOM pooling, channel list, time header, info panel, navigation/focus/visibility APIs. |\n| **EPG — Error Handling, Types & Constants**
`\\`src/modules/ui/epg/EPGErrorBoundary.ts\\``, `\\`src/modules/ui/epg/types.ts\\``, `\\`src/modules/ui/epg/interfaces.ts\\``, `\\`src/modules/ui/epg/constants.ts\\`` | Error boundary with per-type thresholds and recovery callbacks; EPG public/internal types and constants (layout, classes, errors). |\n| **EPG — Utils, Styles & Barrel**
`\\`src/modules/ui/epg/utils.ts\\``, `\\`src/modules/ui/epg/styles.css\\``, `\\`src/modules/ui/epg/index.ts\\`` | Time/format utilities, raf-based throttling, comprehensive EPG stylesheet, and module re-exports. |\n| **EPG — Tests**
`\\`src/modules/ui/epg/__tests__/*.test.ts\\`` | Unit tests for EPGComponent, EPGVirtualizer, and EPGErrorBoundary covering lifecycle, virtualization/pooling, navigation, degraded-mode behavior. |\n| **Docs / Notes**
`\\`todo.md\\`` | Added webOS device testing notes for seek preservation across load() and keep-alive validation. |\n\n## Sequence Diagram(s)\n\n```mermaid\nsequenceDiagram\n participant App\n participant VideoPlayer\n participant Events as VideoPlayerEvents\n participant Retry as RetryManager\n participant Audio as AudioTrackManager\n participant Sub as SubtitleManager\n participant KeepAlive as KeepAliveManager\n participant DOM as HTMLVideoElement\n\n App->>VideoPlayer: initialize(config)\n VideoPlayer->>DOM: create/configure element\n VideoPlayer->>Sub: initialize(video)\n VideoPlayer->>Audio: setTracks(...)\n VideoPlayer->>Retry: initialize(...)\n VideoPlayer->>KeepAlive: setIsPlayingCheck(...)\n App->>VideoPlayer: loadStream(descriptor)\n VideoPlayer->>DOM: set src / load()\n Events->>DOM: attach listeners\n DOM-->>Events: canplay / playing / timeupdate\n Events->>VideoPlayer: updateStatus / timeUpdate\n DOM-->>Events: error\n Events->>Retry: handleMediaError(code)\n Retry->>Retry: schedule retry (backoff)\n Retry->>DOM: reconstruct source / load() / play()\n VideoPlayer->>KeepAlive: start/stop based on playing state\n```\n\n```mermaid\nsequenceDiagram\n participant App\n participant EPG as EPGComponent\n participant Virt as EPGVirtualizer\n participant ChList as EPGChannelList\n participant TimeHdr as EPGTimeHeader\n participant Info as EPGInfoPanel\n participant Err as EPGErrorBoundary\n participant DOM as BrowserDOM\n\n App->>EPG: initialize(config)\n EPG->>DOM: create grid DOM\n EPG->>Virt: initialize(gridContainer, config)\n EPG->>ChList: initialize(parent)\n EPG->>TimeHdr: initialize(parent)\n EPG->>Info: initialize(parent)\n App->>EPG: loadChannels(channels)\n EPG->>ChList: updateChannels(...)\n App->>EPG: loadScheduleForChannel(id, schedule)\n EPG->>Err: wrap(RENDER_ERROR, renderGrid)\n Err->>Virt: renderVisibleCells(range)\n Virt->>DOM: reuse/create/recycle cell elements\n App->>EPG: handleNavigation(direction)\n EPG->>Virt: setFocusedCell(...)\n EPG->>ChList: setFocusedChannel(...)\n EPG->>Info: show(program) on select\n```\n\n## Estimated code review effort\n\n🎯 5 (Critical) | ⏱️ ~120 minutes\n\n\n\n\n\n\n

🚥 Pre-merge checks | ✅ 2 | ❌ 1

\n\n

❌ Failed checks (1 inconclusive)

✅ Passed checks (2 passed)

\n\n_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}\n\n

\n\n\n\n\n\n

✨ Finishing touches

\n\n- [ ] 📝 Generate docstrings\n\n

❤️ Share

\n\n_{Comment `@coderabbitai help` to get the list of available commands and usage tips.}\n\n\n\n\n\n\n\n\n","\n\n\n## Summary by CodeRabbit\n\n* **New Features**\n * Full-featured video player with native HLS, audio/subtitle track managers, retry/backoff, keep-alive, event handling, and a virtualized EPG UI (time header, channel list, program grid, info panel, error boundary, styles, and public APIs).\n\n* **Tests**\n * Extensive unit test suites for player, track managers, EPG virtualization, error boundary, and UI components.\n\n* **Documentation**\n * Updated implementation state manifest and webOS device testing notes (player seek/keep-alive).\n\n_{✏️ Tip: You can customize this high-level summary in your review settings.}\n","base_ref","head_ref","b57176fb7f5cc92dfba8514b897331c7c87fcace","pull_request_info",[3276],{"_2582":45,"_45":3277},"@codex review commits cbd2514c2351099829263e077a19b78277b59b71, 34be8cc821ab9ba431dc9b24b4b220b7237f55d8 and b57176fb7f5cc92dfba8514b897331c7c87fcace from this PR. report ALL issues you find",[4997,4998],[],{"_2587":2588,"_45":2589,"_2590":2591},{"_2561":4988},{"_444":4403},{"_444":3371},{"_410":411,"_402":412,"_413":414,"_415":57,"_416":15,"_417":15,"_418":419,"_420":421,"_422":423,"_424":125,"_425":426,"_427":428,"_429":430,"_431":-5,"_432":-5,"_433":3370,"_435":436,"_437":438,"_439":440,"_441":442},{"_41":121,"_303":304,"_305":306,"_307":15,"_308":309,"_310":311,"_312":3359,"_314":-5,"_315":-5,"_316":3360,"_318":309,"_319":309,"_320":3361,"_322":3362,"_324":3363,"_326":-5,"_327":328,"_329":330,"_331":332,"_333":3364,"_53":-5,"_117":335,"_336":3365,"_338":3366,"_340":341,"_342":15,"_343":15},{"_131":3354},[3288,3289,3290,3291,3292,3293,3294,3295,3296,3297,3298,3299,3300,3301,3302,3303,3304,3305,3306,3307,3308,3309,3310,3311,3312,3313,3314,3315,3316,3317,3318,3319,3320,3321,3322,3323,3324,3325,3326,3327,3328,3329,3330,3331,3332,3333,3334,3335,3336,3337,3338,3339,3340,3341,3342,3343,3344,3345,3346,3347,3348,3349,3350,3351,3352,3353],{"_206":287,"_208":209,"_210":211,"_212":222,"_214":215,"_216":217,"_218":31,"_220":-5},{"_206":286,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":230,"_220":-5},{"_206":285,"_208":209,"_210":211,"_212":222,"_214":215,"_216":217,"_218":31,"_220":-5},{"_206":284,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":-5},{"_206":283,"_208":209,"_210":211,"_212":222,"_214":215,"_216":217,"_218":31,"_220":-5},{"_206":282,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":230,"_220":-5},{"_206":281,"_208":209,"_210":211,"_212":222,"_214":215,"_216":217,"_218":31,"_220":-5},{"_206":280,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":-5},{"_206":279,"_208":209,"_210":211,"_212":222,"_214":215,"_216":217,"_218":31,"_220":-5},{"_206":278,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":230,"_220":-5},{"_206":277,"_208":209,"_210":211,"_212":222,"_214":215,"_216":217,"_218":31,"_220":-5},{"_206":276,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":230,"_220":-5},{"_206":275,"_208":209,"_210":211,"_212":222,"_214":215,"_216":217,"_218":31,"_220":-5},{"_206":274,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":-5},{"_206":273,"_208":209,"_210":211,"_212":222,"_214":215,"_216":217,"_218":31,"_220":-5},{"_206":272,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":-5},{"_206":271,"_208":209,"_210":211,"_212":222,"_214":215,"_216":217,"_218":31,"_220":-5},{"_206":270,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":-5},{"_206":269,"_208":209,"_210":211,"_212":222,"_214":215,"_216":217,"_218":31,"_220":-5},{"_206":268,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":-5},{"_206":267,"_208":209,"_210":211,"_212":222,"_214":215,"_216":217,"_218":31,"_220":-5},{"_206":266,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":230,"_220":-5},{"_206":265,"_208":209,"_210":211,"_212":222,"_214":215,"_216":217,"_218":31,"_220":-5},{"_206":264,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":-5},{"_206":263,"_208":209,"_210":211,"_212":222,"_214":215,"_216":217,"_218":31,"_220":-5},{"_206":262,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":-5},{"_206":261,"_208":209,"_210":211,"_212":222,"_214":215,"_216":217,"_218":31,"_220":-5},{"_206":260,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":-5},{"_206":259,"_208":209,"_210":211,"_212":222,"_214":215,"_216":217,"_218":31,"_220":-5},{"_206":258,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":230,"_220":-5},{"_206":257,"_208":209,"_210":211,"_212":222,"_214":215,"_216":217,"_218":31,"_220":-5},{"_206":256,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":230,"_220":-5},{"_206":255,"_208":209,"_210":211,"_212":222,"_214":215,"_216":217,"_218":31,"_220":-5},{"_206":254,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":-5},{"_206":253,"_208":209,"_210":211,"_212":222,"_214":215,"_216":217,"_218":31,"_220":-5},{"_206":252,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":230,"_220":-5},{"_206":251,"_208":209,"_210":211,"_212":222,"_214":215,"_216":217,"_218":31,"_220":-5},{"_206":250,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":230,"_220":-5},{"_206":249,"_208":209,"_210":211,"_212":222,"_214":215,"_216":217,"_218":31,"_220":-5},{"_206":248,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":230,"_220":-5},{"_206":247,"_208":209,"_210":211,"_212":222,"_214":215,"_216":217,"_218":31,"_220":-5},{"_206":246,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":-5},{"_206":245,"_208":209,"_210":211,"_212":222,"_214":215,"_216":217,"_218":31,"_220":-5},{"_206":244,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":-5},{"_206":243,"_208":209,"_210":211,"_212":222,"_214":215,"_216":217,"_218":31,"_220":-5},{"_206":242,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":-5},{"_206":241,"_208":209,"_210":211,"_212":222,"_214":215,"_216":217,"_218":31,"_220":-5},{"_206":240,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":230,"_220":-5},{"_206":239,"_208":209,"_210":211,"_212":222,"_214":215,"_216":217,"_218":31,"_220":-5},{"_206":238,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":-5},{"_206":237,"_208":209,"_210":211,"_212":222,"_214":215,"_216":217,"_218":31,"_220":-5},{"_206":236,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":230,"_220":-5},{"_206":235,"_208":209,"_210":211,"_212":222,"_214":215,"_216":217,"_218":31,"_220":-5},{"_206":234,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":230,"_220":-5},{"_206":233,"_208":209,"_210":211,"_212":222,"_214":215,"_216":217,"_218":31,"_220":-5},{"_206":232,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":-5},{"_206":231,"_208":209,"_210":211,"_212":222,"_214":215,"_216":217,"_218":31,"_220":-5},{"_206":229,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":230,"_220":-5},{"_206":228,"_208":209,"_210":211,"_212":222,"_214":215,"_216":217,"_218":31,"_220":-5},{"_206":227,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":-5},{"_206":226,"_208":209,"_210":211,"_212":222,"_214":215,"_216":217,"_218":31,"_220":-5},{"_206":225,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":-5},{"_206":224,"_208":209,"_210":211,"_212":222,"_214":215,"_216":217,"_218":31,"_220":-5},{"_206":223,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":-5},{"_206":221,"_208":209,"_210":211,"_212":222,"_214":215,"_216":217,"_218":31,"_220":-5},{"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":-5},[3355,3356],{"_291":3358,"_293":300},{"_291":3357,"_293":294},{"_295":296,"_90":297,"_117":298},{"_295":301,"_90":297,"_117":302},{"_404":405,"_406":67,"_407":-5,"_408":-5,"_409":-5},[365],{"_365":3367},{"_347":348,"_349":350,"_351":352,"_353":354,"_355":356,"_357":358,"_359":360,"_361":362,"_363":364},{},[],{"_346":57},{"_344":57,"_345":309},{"_41":367,"_295":368,"_369":3368,"_371":306,"_372":373,"_374":375,"_376":377,"_378":379,"_380":381,"_382":62,"_383":-5,"_384":15,"_385":57,"_386":57,"_387":57,"_388":15,"_389":-5,"_218":390,"_391":-5,"_53":3369},{"_396":397,"_41":398,"_90":399,"_400":401,"_402":403},{"_393":57,"_394":57,"_395":57},{"_396":397,"_295":397,"_443":-5,"_400":401,"_41":398},[3372,3373,3374,3375,3376,3377,3378,3379,3380,3381,3382,3383,3384,3385,3386,3387,3388,3389,3390,3391,3392,3393,3394,3395,3396,3397,3398,3399,3400,3401,3402,3403,3404,3405,3406,3407,3408,3409,3410,3411,3412,3413,3414,3415,3416,3417,3418,3419,3420,3421,3422,3423,3424,3425,3426,3427,3428,3429,3430,3431,3432,3433,3434,3435,3436,3437,3438,3439,3440,3441,3442,3443,3444,3445,3446,3447,3448,3449,3450,3451,3452,3453,3454,3455,3456,3457,3458,3459,3460,3461,3462,3463,3464,3465,3466,3467,3468,3469,3470,3471,3472,3473,3474,3475,3476,3477,3478,3479,3480,3481,3482,3483,3484,3485,3486,3487,3488,3489,3490,3491,3492,3493,3494,3495,3496,3497,3498,3499,3500,3501,3502,3503,3504,3505,3506,3507,3508,3509,3510,3511,3512,3513,3514,3515,3516,3517,3518,3519,3520,3521,3522,3523,3524,3525,3526,3527,3528,3529,3530,3531,3532,3533,3534,3535,3536,3537,3538,3539,3540,3541,3542,3543,3544,3545,3546,3547,3548,3549,3550,3551,3552,3553,3554,3555,3556,3557,3558,3559,3560,3561,3562,3563,3564,3565,3566,3567,3568,3569,3570,3571,3572,3573,3574,3575,3576,3577,3578,3579,3580,3581,3582,3583,3584,3585,3586,3587,3588,3589,3590,3591,3592,3593,3594,3595,3596,3597],{"_212":681,"_673":4399},{"_212":681,"_673":4395},{"_212":699,"_673":4390},{"_212":694,"_673":4385},{"_212":699,"_673":4381},{"_212":694,"_673":4377},{"_212":681,"_673":4373},{"_212":681,"_673":4371},{"_212":699,"_673":4367},{"_212":694,"_673":4363},{"_212":681,"_673":4360},{"_212":699,"_673":4356},{"_212":694,"_673":4352},{"_212":681,"_673":4348},{"_212":681,"_673":4346},{"_212":699,"_673":4342},{"_212":694,"_673":4338},{"_212":681,"_673":4335},{"_212":699,"_673":4331},{"_212":694,"_673":4327},{"_212":681,"_673":4323},{"_212":681,"_673":4321},{"_212":699,"_673":4317},{"_212":694,"_673":4313},{"_212":681,"_673":4310},{"_212":699,"_673":4306},{"_212":694,"_673":4302},{"_212":681,"_673":4298},{"_212":681,"_673":4296},{"_212":699,"_673":4292},{"_212":694,"_673":4288},{"_212":681,"_673":4285},{"_212":699,"_673":4281},{"_212":694,"_673":4277},{"_212":681,"_673":4273},{"_212":681,"_673":4271},{"_212":699,"_673":4267},{"_212":694,"_673":4263},{"_212":681,"_673":4260},{"_212":699,"_673":4256},{"_212":694,"_673":4252},{"_212":681,"_673":4248},{"_212":681,"_673":4246},{"_212":699,"_673":4242},{"_212":694,"_673":4238},{"_212":681,"_673":4235},{"_212":699,"_673":4231},{"_212":694,"_673":4227},{"_212":681,"_673":4223},{"_212":681,"_673":4221},{"_212":699,"_673":4217},{"_212":694,"_673":4213},{"_212":681,"_673":4210},{"_212":699,"_673":4206},{"_212":694,"_673":4202},{"_212":681,"_673":4198},{"_212":681,"_673":4196},{"_212":699,"_673":4192},{"_212":694,"_673":4188},{"_212":681,"_673":4185},{"_212":699,"_673":4181},{"_212":694,"_673":4177},{"_212":681,"_673":4173},{"_212":681,"_673":4171},{"_212":699,"_673":4167},{"_212":694,"_673":4163},{"_212":681,"_673":4160},{"_212":699,"_673":4156},{"_212":694,"_673":4152},{"_212":681,"_673":4148},{"_212":681,"_673":4146},{"_212":699,"_673":4142},{"_212":694,"_673":4138},{"_212":681,"_673":4135},{"_212":699,"_673":4131},{"_212":694,"_673":4127},{"_212":681,"_673":4123},{"_212":681,"_673":4121},{"_212":699,"_673":4117},{"_212":694,"_673":4113},{"_212":681,"_673":4110},{"_212":699,"_673":4106},{"_212":694,"_673":4102},{"_212":681,"_673":4098},{"_212":681,"_673":4096},{"_212":699,"_673":4092},{"_212":694,"_673":4088},{"_212":681,"_673":4085},{"_212":699,"_673":4081},{"_212":694,"_673":4077},{"_212":681,"_673":4073},{"_212":681,"_673":4071},{"_212":699,"_673":4067},{"_212":694,"_673":4063},{"_212":681,"_673":4060},{"_212":699,"_673":4056},{"_212":694,"_673":4052},{"_212":681,"_673":4048},{"_212":681,"_673":4046},{"_212":699,"_673":4042},{"_212":694,"_673":4038},{"_212":681,"_673":4035},{"_212":699,"_673":4031},{"_212":694,"_673":4027},{"_212":681,"_673":4023},{"_212":681,"_673":4021},{"_212":699,"_673":4017},{"_212":694,"_673":4013},{"_212":681,"_673":4010},{"_212":699,"_673":4006},{"_212":694,"_673":4002},{"_212":681,"_673":3998},{"_212":681,"_673":3996},{"_212":699,"_673":3992},{"_212":694,"_673":3988},{"_212":681,"_673":3985},{"_212":699,"_673":3981},{"_212":694,"_673":3977},{"_212":681,"_673":3973},{"_212":681,"_673":3971},{"_212":699,"_673":3967},{"_212":694,"_673":3963},{"_212":681,"_673":3960},{"_212":681,"_673":3958},{"_212":699,"_673":3954},{"_212":694,"_673":3950},{"_212":681,"_673":3947},{"_212":699,"_673":3943},{"_212":694,"_673":3939},{"_212":681,"_673":3935},{"_212":681,"_673":3933},{"_212":699,"_673":3929},{"_212":694,"_673":3925},{"_212":681,"_673":3922},{"_212":699,"_673":3918},{"_212":694,"_673":3914},{"_212":681,"_673":3910},{"_212":681,"_673":3908},{"_212":699,"_673":3904},{"_212":694,"_673":3900},{"_212":681,"_673":3897},{"_212":699,"_673":3893},{"_212":694,"_673":3889},{"_212":681,"_673":3885},{"_212":681,"_673":3883},{"_212":699,"_673":3879},{"_212":694,"_673":3875},{"_212":681,"_673":3872},{"_212":699,"_673":3868},{"_212":694,"_673":3864},{"_212":681,"_673":3860},{"_212":681,"_673":3858},{"_212":699,"_673":3854},{"_212":694,"_673":3850},{"_212":681,"_673":3847},{"_212":699,"_673":3843},{"_212":694,"_673":3839},{"_212":681,"_673":3835},{"_212":681,"_673":3833},{"_212":699,"_673":3829},{"_212":694,"_673":3825},{"_212":681,"_673":3822},{"_212":681,"_673":3820},{"_212":699,"_673":3816},{"_212":694,"_673":3812},{"_212":681,"_673":3809},{"_212":699,"_673":3805},{"_212":694,"_673":3801},{"_212":681,"_673":3797},{"_212":681,"_673":3795},{"_212":699,"_673":3791},{"_212":694,"_673":3787},{"_212":681,"_673":3784},{"_212":699,"_673":3780},{"_212":694,"_673":3776},{"_212":681,"_673":3772},{"_212":681,"_673":3770},{"_212":699,"_673":3766},{"_212":694,"_673":3762},{"_212":681,"_673":3759},{"_212":681,"_673":3757},{"_212":699,"_673":3753},{"_212":694,"_673":3749},{"_212":681,"_673":3746},{"_212":699,"_673":3742},{"_212":694,"_673":3738},{"_212":681,"_673":3734},{"_212":681,"_673":3732},{"_212":699,"_673":3728},{"_212":694,"_673":3724},{"_212":681,"_673":3721},{"_212":699,"_673":3717},{"_212":694,"_673":3713},{"_212":681,"_673":3709},{"_212":681,"_673":3707},{"_212":699,"_673":3703},{"_212":694,"_673":3699},{"_212":681,"_673":3696},{"_212":699,"_673":3692},{"_212":694,"_673":3688},{"_212":681,"_673":3684},{"_212":681,"_673":3682},{"_212":699,"_673":3678},{"_212":694,"_673":3674},{"_212":681,"_673":3671},{"_212":699,"_673":3667},{"_212":694,"_673":3663},{"_212":681,"_673":3659},{"_212":681,"_673":3657},{"_212":699,"_673":3653},{"_212":694,"_673":3649},{"_212":681,"_673":3646},{"_212":699,"_673":3642},{"_212":694,"_673":3638},{"_212":681,"_673":3634},{"_212":681,"_673":3632},{"_212":699,"_673":3628},{"_212":694,"_673":3624},{"_212":681,"_673":3621},{"_212":699,"_673":3617},{"_212":694,"_673":3613},{"_212":681,"_673":3609},{"_212":699,"_673":3607},{"_212":694,"_673":3605},{"_212":681,"_673":3601},{"_212":672,"_673":3598},{"_675":676,"_85":3599},{"_101":-5,"_41":81,"_678":3600,"_680":111},[],{"_683":3602,"_675":676,"_685":81},{"_686":3603,"_688":-5,"_41":-5,"_689":-5,"_94":91,"_90":690},[3604],{"_45":692,"_90":693},{"_683":3606,"_675":676,"_685":81},{"_41":697,"_689":-5,"_45":692,"_90":698},{"_683":3608,"_675":676,"_685":81},{"_41":697,"_689":-5,"_45":309,"_90":698},{"_683":3610,"_675":676,"_685":81},{"_686":-5,"_704":705,"_41":706,"_707":3611,"_90":709},[3612],{"_45":711,"_90":712},{"_683":3614,"_675":676,"_685":81},{"_686":3615,"_41":716,"_707":3616,"_90":709},[711],[],{"_683":3618,"_675":676,"_685":81},{"_686":3619,"_41":716,"_707":3620,"_90":709},[],[],{"_683":3622,"_675":676,"_685":81},{"_724":725,"_726":3623,"_90":728},{"_420":729,"_730":-5},{"_683":3625,"_675":676,"_685":81},{"_733":734,"_735":736,"_737":3626,"_739":740,"_741":742,"_743":31,"_41":725,"_744":745,"_746":747,"_680":111,"_90":748},[3627],{"_735":750,"_295":751,"_220":752,"_90":753},{"_683":3629,"_675":676,"_685":81},{"_733":-5,"_735":736,"_737":3630,"_739":740,"_741":-5,"_743":-5,"_41":725,"_744":745,"_746":747,"_680":757,"_90":748},[3631],{"_735":750,"_295":751,"_220":752,"_90":753},{"_683":3633,"_675":676,"_685":81},{"_761":762,"_724":725,"_41":-5,"_295":763,"_764":-5,"_90":765},{"_683":3635,"_675":676,"_685":81},{"_686":-5,"_704":768,"_41":769,"_707":3636,"_90":709},[3637],{"_45":772,"_90":712},{"_683":3639,"_675":676,"_685":81},{"_686":3640,"_41":776,"_707":3641,"_90":709},[772],[],{"_683":3643,"_675":676,"_685":81},{"_686":3644,"_41":776,"_707":3645,"_90":709},[],[],{"_683":3647,"_675":676,"_685":81},{"_724":784,"_726":3648,"_90":728},{"_420":786,"_730":-5},{"_683":3650,"_675":676,"_685":81},{"_733":789,"_735":790,"_737":3651,"_739":740,"_741":742,"_743":31,"_41":784,"_744":792,"_746":747,"_680":111,"_90":748},[3652],{"_735":794,"_295":795,"_220":796,"_90":753},{"_683":3654,"_675":676,"_685":81},{"_733":-5,"_735":790,"_737":3655,"_739":740,"_741":-5,"_743":-5,"_41":784,"_744":792,"_746":747,"_680":757,"_90":748},[3656],{"_735":794,"_295":795,"_220":796,"_90":753},{"_683":3658,"_675":676,"_685":81},{"_761":803,"_724":784,"_41":-5,"_295":763,"_764":-5,"_90":765},{"_683":3660,"_675":676,"_685":81},{"_686":-5,"_704":806,"_41":807,"_707":3661,"_90":709},[3662],{"_45":810,"_90":712},{"_683":3664,"_675":676,"_685":81},{"_686":3665,"_41":814,"_707":3666,"_90":709},[810],[],{"_683":3668,"_675":676,"_685":81},{"_686":3669,"_41":814,"_707":3670,"_90":709},[],[],{"_683":3672,"_675":676,"_685":81},{"_724":822,"_726":3673,"_90":728},{"_420":824,"_730":-5},{"_683":3675,"_675":676,"_685":81},{"_733":827,"_735":828,"_737":3676,"_739":740,"_741":742,"_743":31,"_41":822,"_744":830,"_746":747,"_680":111,"_90":748},[3677],{"_735":832,"_295":833,"_220":834,"_90":753},{"_683":3679,"_675":676,"_685":81},{"_733":-5,"_735":828,"_737":3680,"_739":740,"_741":-5,"_743":-5,"_41":822,"_744":830,"_746":747,"_680":757,"_90":748},[3681],{"_735":832,"_295":833,"_220":834,"_90":753},{"_683":3683,"_675":676,"_685":81},{"_761":841,"_724":822,"_41":-5,"_295":763,"_764":-5,"_90":765},{"_683":3685,"_675":676,"_685":81},{"_686":-5,"_704":844,"_41":845,"_707":3686,"_90":709},[3687],{"_45":848,"_90":712},{"_683":3689,"_675":676,"_685":81},{"_686":3690,"_41":852,"_707":3691,"_90":709},[848],[],{"_683":3693,"_675":676,"_685":81},{"_686":3694,"_41":852,"_707":3695,"_90":709},[],[],{"_683":3697,"_675":676,"_685":81},{"_724":860,"_726":3698,"_90":728},{"_420":862,"_730":-5},{"_683":3700,"_675":676,"_685":81},{"_733":865,"_735":866,"_737":3701,"_739":740,"_741":742,"_743":31,"_41":860,"_744":868,"_746":747,"_680":111,"_90":748},[3702],{"_735":870,"_295":871,"_220":872,"_90":753},{"_683":3704,"_675":676,"_685":81},{"_733":-5,"_735":866,"_737":3705,"_739":740,"_741":-5,"_743":-5,"_41":860,"_744":868,"_746":747,"_680":757,"_90":748},[3706],{"_735":870,"_295":871,"_220":872,"_90":753},{"_683":3708,"_675":676,"_685":81},{"_761":879,"_724":860,"_41":-5,"_295":763,"_764":-5,"_90":765},{"_683":3710,"_675":676,"_685":81},{"_686":-5,"_704":882,"_41":883,"_707":3711,"_90":709},[3712],{"_45":886,"_90":712},{"_683":3714,"_675":676,"_685":81},{"_686":3715,"_41":890,"_707":3716,"_90":709},[886],[],{"_683":3718,"_675":676,"_685":81},{"_686":3719,"_41":890,"_707":3720,"_90":709},[],[],{"_683":3722,"_675":676,"_685":81},{"_724":898,"_726":3723,"_90":728},{"_420":900,"_730":-5},{"_683":3725,"_675":676,"_685":81},{"_733":903,"_735":904,"_737":3726,"_739":740,"_741":742,"_743":31,"_41":898,"_744":906,"_746":747,"_680":111,"_90":748},[3727],{"_735":908,"_295":909,"_220":910,"_90":753},{"_683":3729,"_675":676,"_685":81},{"_733":-5,"_735":904,"_737":3730,"_739":740,"_741":-5,"_743":-5,"_41":898,"_744":906,"_746":747,"_680":757,"_90":748},[3731],{"_735":908,"_295":909,"_220":910,"_90":753},{"_683":3733,"_675":676,"_685":81},{"_761":917,"_724":898,"_41":-5,"_295":763,"_764":-5,"_90":765},{"_683":3735,"_675":676,"_685":81},{"_686":-5,"_704":920,"_41":921,"_707":3736,"_90":709},[3737],{"_45":924,"_90":712},{"_683":3739,"_675":676,"_685":81},{"_686":3740,"_41":928,"_707":3741,"_90":709},[924],[],{"_683":3743,"_675":676,"_685":81},{"_686":3744,"_41":928,"_707":3745,"_90":709},[],[],{"_683":3747,"_675":676,"_685":81},{"_724":936,"_726":3748,"_90":728},{"_420":938,"_730":-5},{"_683":3750,"_675":676,"_685":81},{"_733":941,"_735":942,"_737":3751,"_739":740,"_741":742,"_743":31,"_41":936,"_744":944,"_746":747,"_680":111,"_90":748},[3752],{"_735":946,"_295":795,"_220":796,"_90":753},{"_683":3754,"_675":676,"_685":81},{"_733":-5,"_735":942,"_737":3755,"_739":740,"_741":-5,"_743":-5,"_41":936,"_744":944,"_746":747,"_680":757,"_90":748},[3756],{"_735":946,"_295":795,"_220":796,"_90":753},{"_683":3758,"_675":676,"_685":81},{"_761":953,"_724":936,"_41":-5,"_295":763,"_764":-5,"_90":765},{"_683":3760,"_675":676,"_685":81},{"_724":956,"_726":3761,"_90":728},{"_420":958,"_730":-5},{"_683":3763,"_675":676,"_685":81},{"_733":961,"_735":962,"_737":3764,"_739":740,"_741":742,"_743":31,"_41":956,"_744":964,"_746":747,"_680":111,"_90":748},[3765],{"_735":966,"_220":967,"_968":969,"_90":970},{"_683":3767,"_675":676,"_685":81},{"_733":-5,"_735":962,"_737":3768,"_739":740,"_741":-5,"_743":-5,"_41":956,"_744":964,"_746":747,"_680":757,"_90":748},[3769],{"_735":966,"_220":967,"_968":969,"_90":970},{"_683":3771,"_675":676,"_685":81},{"_761":977,"_724":956,"_41":-5,"_295":763,"_764":-5,"_90":765},{"_683":3773,"_675":676,"_685":81},{"_686":-5,"_704":980,"_41":981,"_707":3774,"_90":709},[3775],{"_45":984,"_90":712},{"_683":3777,"_675":676,"_685":81},{"_686":3778,"_41":988,"_707":3779,"_90":709},[984],[],{"_683":3781,"_675":676,"_685":81},{"_686":3782,"_41":988,"_707":3783,"_90":709},[],[],{"_683":3785,"_675":676,"_685":81},{"_724":996,"_726":3786,"_90":728},{"_420":998,"_730":-5},{"_683":3788,"_675":676,"_685":81},{"_733":1001,"_735":1002,"_737":3789,"_739":740,"_741":1004,"_743":31,"_41":996,"_744":1005,"_746":747,"_680":111,"_90":748},[3790],{"_735":1007,"_220":795,"_968":1008,"_90":970},{"_683":3792,"_675":676,"_685":81},{"_733":-5,"_735":1002,"_737":3793,"_739":740,"_741":-5,"_743":-5,"_41":996,"_744":1005,"_746":747,"_680":757,"_90":748},[3794],{"_735":1007,"_220":795,"_968":1008,"_90":970},{"_683":3796,"_675":676,"_685":81},{"_761":1015,"_724":996,"_41":-5,"_295":763,"_764":-5,"_90":765},{"_683":3798,"_675":676,"_685":81},{"_686":-5,"_704":1018,"_41":1019,"_707":3799,"_90":709},[3800],{"_45":1022,"_90":712},{"_683":3802,"_675":676,"_685":81},{"_686":3803,"_41":1026,"_707":3804,"_90":709},[1022],[],{"_683":3806,"_675":676,"_685":81},{"_686":3807,"_41":1026,"_707":3808,"_90":709},[],[],{"_683":3810,"_675":676,"_685":81},{"_724":1034,"_726":3811,"_90":728},{"_420":1036,"_730":-5},{"_683":3813,"_675":676,"_685":81},{"_733":1039,"_735":1040,"_737":3814,"_739":740,"_741":1004,"_743":31,"_41":1034,"_744":1042,"_746":747,"_680":111,"_90":748},[3815],{"_735":1044,"_295":751,"_220":752,"_90":753},{"_683":3817,"_675":676,"_685":81},{"_733":-5,"_735":1040,"_737":3818,"_739":740,"_741":-5,"_743":-5,"_41":1034,"_744":1042,"_746":747,"_680":757,"_90":748},[3819],{"_735":1044,"_295":751,"_220":752,"_90":753},{"_683":3821,"_675":676,"_685":81},{"_761":1051,"_724":1034,"_41":-5,"_295":763,"_764":-5,"_90":765},{"_683":3823,"_675":676,"_685":81},{"_724":1054,"_726":3824,"_90":728},{"_420":1056,"_730":-5},{"_683":3826,"_675":676,"_685":81},{"_733":1059,"_735":1060,"_737":3827,"_739":740,"_741":742,"_743":31,"_41":1054,"_744":1062,"_746":747,"_680":111,"_90":748},[3828],{"_735":1064,"_220":751,"_968":1065,"_90":970},{"_683":3830,"_675":676,"_685":81},{"_733":-5,"_735":1060,"_737":3831,"_739":740,"_741":-5,"_743":-5,"_41":1054,"_744":1062,"_746":747,"_680":757,"_90":748},[3832],{"_735":1064,"_220":751,"_968":1065,"_90":970},{"_683":3834,"_675":676,"_685":81},{"_761":1072,"_724":1054,"_41":-5,"_295":763,"_764":-5,"_90":765},{"_683":3836,"_675":676,"_685":81},{"_686":-5,"_704":1075,"_41":1076,"_707":3837,"_90":709},[3838],{"_45":1079,"_90":712},{"_683":3840,"_675":676,"_685":81},{"_686":3841,"_41":1083,"_707":3842,"_90":709},[1079],[],{"_683":3844,"_675":676,"_685":81},{"_686":3845,"_41":1083,"_707":3846,"_90":709},[],[],{"_683":3848,"_675":676,"_685":81},{"_724":1091,"_726":3849,"_90":728},{"_420":1093,"_730":-5},{"_683":3851,"_675":676,"_685":81},{"_733":1096,"_735":1097,"_737":3852,"_739":740,"_741":742,"_743":31,"_41":1091,"_744":1099,"_746":747,"_680":111,"_90":748},[3853],{"_735":1101,"_295":909,"_220":910,"_90":753},{"_683":3855,"_675":676,"_685":81},{"_733":-5,"_735":1097,"_737":3856,"_739":740,"_741":-5,"_743":-5,"_41":1091,"_744":1099,"_746":747,"_680":757,"_90":748},[3857],{"_735":1101,"_295":909,"_220":910,"_90":753},{"_683":3859,"_675":676,"_685":81},{"_761":1108,"_724":1091,"_41":-5,"_295":763,"_764":-5,"_90":765},{"_683":3861,"_675":676,"_685":81},{"_686":-5,"_704":1111,"_41":1112,"_707":3862,"_90":709},[3863],{"_45":1115,"_90":712},{"_683":3865,"_675":676,"_685":81},{"_686":3866,"_41":1119,"_707":3867,"_90":709},[1115],[],{"_683":3869,"_675":676,"_685":81},{"_686":3870,"_41":1119,"_707":3871,"_90":709},[],[],{"_683":3873,"_675":676,"_685":81},{"_724":1127,"_726":3874,"_90":728},{"_420":1129,"_730":-5},{"_683":3876,"_675":676,"_685":81},{"_733":309,"_735":1132,"_737":3877,"_739":740,"_741":742,"_743":328,"_41":1127,"_744":1134,"_746":747,"_680":1135,"_90":748},[3878],{"_735":1137,"_220":1138,"_968":1139,"_90":970},{"_683":3880,"_675":676,"_685":81},{"_733":-5,"_735":1132,"_737":3881,"_739":740,"_741":-5,"_743":-5,"_41":1127,"_744":1134,"_746":747,"_680":757,"_90":748},[3882],{"_735":1137,"_220":1138,"_968":1139,"_90":970},{"_683":3884,"_675":676,"_685":81},{"_761":1146,"_724":1127,"_41":-5,"_295":763,"_764":-5,"_90":765},{"_683":3886,"_675":676,"_685":81},{"_686":-5,"_704":1149,"_41":1150,"_707":3887,"_90":709},[3888],{"_45":1153,"_90":712},{"_683":3890,"_675":676,"_685":81},{"_686":3891,"_41":1157,"_707":3892,"_90":709},[1153],[],{"_683":3894,"_675":676,"_685":81},{"_686":3895,"_41":1157,"_707":3896,"_90":709},[],[],{"_683":3898,"_675":676,"_685":81},{"_724":1165,"_726":3899,"_90":728},{"_420":1167,"_730":-5},{"_683":3901,"_675":676,"_685":81},{"_733":309,"_735":1170,"_737":3902,"_739":740,"_741":742,"_743":328,"_41":1165,"_744":1172,"_746":747,"_680":1135,"_90":748},[3903],{"_735":1174,"_220":1175,"_968":1139,"_90":970},{"_683":3905,"_675":676,"_685":81},{"_733":-5,"_735":1170,"_737":3906,"_739":740,"_741":-5,"_743":-5,"_41":1165,"_744":1172,"_746":747,"_680":757,"_90":748},[3907],{"_735":1174,"_220":1175,"_968":1139,"_90":970},{"_683":3909,"_675":676,"_685":81},{"_761":1182,"_724":1165,"_41":-5,"_295":763,"_764":-5,"_90":765},{"_683":3911,"_675":676,"_685":81},{"_686":-5,"_704":1185,"_41":1186,"_707":3912,"_90":709},[3913],{"_45":1189,"_90":712},{"_683":3915,"_675":676,"_685":81},{"_686":3916,"_41":1193,"_707":3917,"_90":709},[1189],[],{"_683":3919,"_675":676,"_685":81},{"_686":3920,"_41":1193,"_707":3921,"_90":709},[],[],{"_683":3923,"_675":676,"_685":81},{"_724":1201,"_726":3924,"_90":728},{"_420":1203,"_730":-5},{"_683":3926,"_675":676,"_685":81},{"_733":1206,"_735":1207,"_737":3927,"_739":740,"_741":1004,"_743":31,"_41":1201,"_744":1209,"_746":747,"_680":111,"_90":748},[3928],{"_735":1211,"_220":1175,"_968":1212,"_90":970},{"_683":3930,"_675":676,"_685":81},{"_733":-5,"_735":1207,"_737":3931,"_739":740,"_741":-5,"_743":-5,"_41":1201,"_744":1209,"_746":747,"_680":757,"_90":748},[3932],{"_735":1211,"_220":1175,"_968":1212,"_90":970},{"_683":3934,"_675":676,"_685":81},{"_761":1219,"_724":1201,"_41":-5,"_295":763,"_764":-5,"_90":765},{"_683":3936,"_675":676,"_685":81},{"_686":-5,"_704":1222,"_41":1223,"_707":3937,"_90":709},[3938],{"_45":1226,"_90":712},{"_683":3940,"_675":676,"_685":81},{"_686":3941,"_41":1230,"_707":3942,"_90":709},[1226],[],{"_683":3944,"_675":676,"_685":81},{"_686":3945,"_41":1230,"_707":3946,"_90":709},[],[],{"_683":3948,"_675":676,"_685":81},{"_724":1238,"_726":3949,"_90":728},{"_420":1240,"_730":-5},{"_683":3951,"_675":676,"_685":81},{"_733":1243,"_735":1244,"_737":3952,"_739":740,"_741":1004,"_743":31,"_41":1238,"_744":1246,"_746":747,"_680":111,"_90":748},[3953],{"_735":1248,"_295":871,"_220":872,"_90":753},{"_683":3955,"_675":676,"_685":81},{"_733":-5,"_735":1244,"_737":3956,"_739":740,"_741":-5,"_743":-5,"_41":1238,"_744":1246,"_746":747,"_680":757,"_90":748},[3957],{"_735":1248,"_295":871,"_220":872,"_90":753},{"_683":3959,"_675":676,"_685":81},{"_761":1255,"_724":1238,"_41":-5,"_295":763,"_764":-5,"_90":765},{"_683":3961,"_675":676,"_685":81},{"_724":1258,"_726":3962,"_90":728},{"_420":1260,"_730":-5},{"_683":3964,"_675":676,"_685":81},{"_733":1263,"_735":1264,"_737":3965,"_739":740,"_741":742,"_743":31,"_41":1258,"_744":1266,"_746":747,"_680":111,"_90":748},[3966],{"_735":1268,"_220":871,"_968":1269,"_90":970},{"_683":3968,"_675":676,"_685":81},{"_733":-5,"_735":1264,"_737":3969,"_739":740,"_741":-5,"_743":-5,"_41":1258,"_744":1266,"_746":747,"_680":757,"_90":748},[3970],{"_735":1268,"_220":871,"_968":1269,"_90":970},{"_683":3972,"_675":676,"_685":81},{"_761":1276,"_724":1258,"_41":-5,"_295":763,"_764":-5,"_90":765},{"_683":3974,"_675":676,"_685":81},{"_686":-5,"_704":1279,"_41":1280,"_707":3975,"_90":709},[3976],{"_45":1283,"_90":712},{"_683":3978,"_675":676,"_685":81},{"_686":3979,"_41":1287,"_707":3980,"_90":709},[1283],[],{"_683":3982,"_675":676,"_685":81},{"_686":3983,"_41":1287,"_707":3984,"_90":709},[],[],{"_683":3986,"_675":676,"_685":81},{"_724":1295,"_726":3987,"_90":728},{"_420":1297,"_730":-5},{"_683":3989,"_675":676,"_685":81},{"_733":1300,"_735":1301,"_737":3990,"_739":740,"_741":742,"_743":31,"_41":1295,"_744":1303,"_746":747,"_680":111,"_90":748},[3991],{"_735":1305,"_295":833,"_220":834,"_90":753},{"_683":3993,"_675":676,"_685":81},{"_733":-5,"_735":1301,"_737":3994,"_739":740,"_741":-5,"_743":-5,"_41":1295,"_744":1303,"_746":747,"_680":757,"_90":748},[3995],{"_735":1305,"_295":833,"_220":834,"_90":753},{"_683":3997,"_675":676,"_685":81},{"_761":1312,"_724":1295,"_41":-5,"_295":763,"_764":-5,"_90":765},{"_683":3999,"_675":676,"_685":81},{"_686":-5,"_704":1315,"_41":1316,"_707":4000,"_90":709},[4001],{"_45":1319,"_90":712},{"_683":4003,"_675":676,"_685":81},{"_686":4004,"_41":1323,"_707":4005,"_90":709},[1319],[],{"_683":4007,"_675":676,"_685":81},{"_686":4008,"_41":1323,"_707":4009,"_90":709},[],[],{"_683":4011,"_675":676,"_685":81},{"_724":1331,"_726":4012,"_90":728},{"_420":1333,"_730":-5},{"_683":4014,"_675":676,"_685":81},{"_733":1336,"_735":1337,"_737":4015,"_739":740,"_741":742,"_743":31,"_41":1331,"_744":1339,"_746":747,"_680":111,"_90":748},[4016],{"_735":1341,"_295":751,"_220":752,"_90":753},{"_683":4018,"_675":676,"_685":81},{"_733":-5,"_735":1337,"_737":4019,"_739":740,"_741":-5,"_743":-5,"_41":1331,"_744":1339,"_746":747,"_680":757,"_90":748},[4020],{"_735":1341,"_295":751,"_220":752,"_90":753},{"_683":4022,"_675":676,"_685":81},{"_761":1348,"_724":1331,"_41":-5,"_295":763,"_764":-5,"_90":765},{"_683":4024,"_675":676,"_685":81},{"_686":-5,"_704":1351,"_41":1352,"_707":4025,"_90":709},[4026],{"_45":1355,"_90":712},{"_683":4028,"_675":676,"_685":81},{"_686":4029,"_41":1359,"_707":4030,"_90":709},[1355],[],{"_683":4032,"_675":676,"_685":81},{"_686":4033,"_41":1359,"_707":4034,"_90":709},[],[],{"_683":4036,"_675":676,"_685":81},{"_724":1367,"_726":4037,"_90":728},{"_420":1369,"_730":-5},{"_683":4039,"_675":676,"_685":81},{"_733":309,"_735":1372,"_737":4040,"_739":740,"_741":742,"_743":328,"_41":1367,"_744":1374,"_746":747,"_680":1135,"_90":748},[4041],{"_735":1376,"_220":751,"_968":1377,"_90":970},{"_683":4043,"_675":676,"_685":81},{"_733":-5,"_735":1372,"_737":4044,"_739":740,"_741":-5,"_743":-5,"_41":1367,"_744":1374,"_746":747,"_680":757,"_90":748},[4045],{"_735":1376,"_220":751,"_968":1377,"_90":970},{"_683":4047,"_675":676,"_685":81},{"_761":1384,"_724":1367,"_41":-5,"_295":763,"_764":-5,"_90":765},{"_683":4049,"_675":676,"_685":81},{"_686":-5,"_704":1387,"_41":1388,"_707":4050,"_90":709},[4051],{"_45":1391,"_90":712},{"_683":4053,"_675":676,"_685":81},{"_686":4054,"_41":1395,"_707":4055,"_90":709},[1391],[],{"_683":4057,"_675":676,"_685":81},{"_686":4058,"_41":1395,"_707":4059,"_90":709},[],[],{"_683":4061,"_675":676,"_685":81},{"_724":1403,"_726":4062,"_90":728},{"_420":1405,"_730":-5},{"_683":4064,"_675":676,"_685":81},{"_733":1408,"_735":1409,"_737":4065,"_739":740,"_741":742,"_743":31,"_41":1403,"_744":1411,"_746":747,"_680":111,"_90":748},[4066],{"_735":1413,"_295":1414,"_220":1415,"_90":753},{"_683":4068,"_675":676,"_685":81},{"_733":-5,"_735":1409,"_737":4069,"_739":740,"_741":-5,"_743":-5,"_41":1403,"_744":1411,"_746":747,"_680":757,"_90":748},[4070],{"_735":1413,"_295":1414,"_220":1415,"_90":753},{"_683":4072,"_675":676,"_685":81},{"_761":1422,"_724":1403,"_41":-5,"_295":763,"_764":-5,"_90":765},{"_683":4074,"_675":676,"_685":81},{"_686":-5,"_704":1425,"_41":1426,"_707":4075,"_90":709},[4076],{"_45":1429,"_90":712},{"_683":4078,"_675":676,"_685":81},{"_686":4079,"_41":1433,"_707":4080,"_90":709},[1429],[],{"_683":4082,"_675":676,"_685":81},{"_686":4083,"_41":1433,"_707":4084,"_90":709},[],[],{"_683":4086,"_675":676,"_685":81},{"_724":1441,"_726":4087,"_90":728},{"_420":1443,"_730":-5},{"_683":4089,"_675":676,"_685":81},{"_733":1446,"_735":1447,"_737":4090,"_739":740,"_741":742,"_743":31,"_41":1441,"_744":1449,"_746":747,"_680":111,"_90":748},[4091],{"_735":1451,"_220":1452,"_968":1453,"_90":970},{"_683":4093,"_675":676,"_685":81},{"_733":-5,"_735":1447,"_737":4094,"_739":740,"_741":-5,"_743":-5,"_41":1441,"_744":1449,"_746":747,"_680":757,"_90":748},[4095],{"_735":1451,"_220":1452,"_968":1453,"_90":970},{"_683":4097,"_675":676,"_685":81},{"_761":1460,"_724":1441,"_41":-5,"_295":763,"_764":-5,"_90":765},{"_683":4099,"_675":676,"_685":81},{"_686":-5,"_704":1463,"_41":1464,"_707":4100,"_90":709},[4101],{"_45":1467,"_90":712},{"_683":4103,"_675":676,"_685":81},{"_686":4104,"_41":1471,"_707":4105,"_90":709},[1467],[],{"_683":4107,"_675":676,"_685":81},{"_686":4108,"_41":1471,"_707":4109,"_90":709},[],[],{"_683":4111,"_675":676,"_685":81},{"_724":1479,"_726":4112,"_90":728},{"_420":1481,"_730":-5},{"_683":4114,"_675":676,"_685":81},{"_733":1484,"_735":1485,"_737":4115,"_739":740,"_741":742,"_743":31,"_41":1479,"_744":1487,"_746":747,"_680":111,"_90":748},[4116],{"_735":1489,"_295":1452,"_220":1490,"_90":753},{"_683":4118,"_675":676,"_685":81},{"_733":-5,"_735":1485,"_737":4119,"_739":740,"_741":-5,"_743":-5,"_41":1479,"_744":1487,"_746":747,"_680":757,"_90":748},[4120],{"_735":1489,"_295":1452,"_220":1490,"_90":753},{"_683":4122,"_675":676,"_685":81},{"_761":1497,"_724":1479,"_41":-5,"_295":763,"_764":-5,"_90":765},{"_683":4124,"_675":676,"_685":81},{"_686":-5,"_704":1500,"_41":1501,"_707":4125,"_90":709},[4126],{"_45":1504,"_90":712},{"_683":4128,"_675":676,"_685":81},{"_686":4129,"_41":1508,"_707":4130,"_90":709},[1504],[],{"_683":4132,"_675":676,"_685":81},{"_686":4133,"_41":1508,"_707":4134,"_90":709},[],[],{"_683":4136,"_675":676,"_685":81},{"_724":1516,"_726":4137,"_90":728},{"_420":1518,"_730":-5},{"_683":4139,"_675":676,"_685":81},{"_733":1521,"_735":1522,"_737":4140,"_739":740,"_741":742,"_743":31,"_41":1516,"_744":1524,"_746":747,"_680":111,"_90":748},[4141],{"_735":1526,"_220":795,"_968":1527,"_90":970},{"_683":4143,"_675":676,"_685":81},{"_733":-5,"_735":1522,"_737":4144,"_739":740,"_741":-5,"_743":-5,"_41":1516,"_744":1524,"_746":747,"_680":757,"_90":748},[4145],{"_735":1526,"_220":795,"_968":1527,"_90":970},{"_683":4147,"_675":676,"_685":81},{"_761":1534,"_724":1516,"_41":-5,"_295":763,"_764":-5,"_90":765},{"_683":4149,"_675":676,"_685":81},{"_686":-5,"_704":1537,"_41":1538,"_707":4150,"_90":709},[4151],{"_45":1541,"_90":712},{"_683":4153,"_675":676,"_685":81},{"_686":4154,"_41":1545,"_707":4155,"_90":709},[1541],[],{"_683":4157,"_675":676,"_685":81},{"_686":4158,"_41":1545,"_707":4159,"_90":709},[],[],{"_683":4161,"_675":676,"_685":81},{"_724":1553,"_726":4162,"_90":728},{"_420":1555,"_730":-5},{"_683":4164,"_675":676,"_685":81},{"_733":1558,"_735":1559,"_737":4165,"_739":740,"_741":742,"_743":31,"_41":1553,"_744":1561,"_746":747,"_680":111,"_90":748},[4166],{"_735":1563,"_295":871,"_220":872,"_90":753},{"_683":4168,"_675":676,"_685":81},{"_733":-5,"_735":1559,"_737":4169,"_739":740,"_741":-5,"_743":-5,"_41":1553,"_744":1561,"_746":747,"_680":757,"_90":748},[4170],{"_735":1563,"_295":871,"_220":872,"_90":753},{"_683":4172,"_675":676,"_685":81},{"_761":1570,"_724":1553,"_41":-5,"_295":763,"_764":-5,"_90":765},{"_683":4174,"_675":676,"_685":81},{"_686":-5,"_704":1573,"_41":1574,"_707":4175,"_90":709},[4176],{"_45":1577,"_90":712},{"_683":4178,"_675":676,"_685":81},{"_686":4179,"_41":1581,"_707":4180,"_90":709},[1577],[],{"_683":4182,"_675":676,"_685":81},{"_686":4183,"_41":1581,"_707":4184,"_90":709},[],[],{"_683":4186,"_675":676,"_685":81},{"_724":1589,"_726":4187,"_90":728},{"_420":1591,"_730":-5},{"_683":4189,"_675":676,"_685":81},{"_733":1594,"_735":1595,"_737":4190,"_739":740,"_741":742,"_743":31,"_41":1589,"_744":1597,"_746":747,"_680":111,"_90":748},[4191],{"_735":1599,"_295":1600,"_220":1601,"_90":753},{"_683":4193,"_675":676,"_685":81},{"_733":-5,"_735":1595,"_737":4194,"_739":740,"_741":-5,"_743":-5,"_41":1589,"_744":1597,"_746":747,"_680":757,"_90":748},[4195],{"_735":1599,"_295":1600,"_220":1601,"_90":753},{"_683":4197,"_675":676,"_685":81},{"_761":1608,"_724":1589,"_41":-5,"_295":763,"_764":-5,"_90":765},{"_683":4199,"_675":676,"_685":81},{"_686":-5,"_704":1611,"_41":1612,"_707":4200,"_90":709},[4201],{"_45":1615,"_90":712},{"_683":4203,"_675":676,"_685":81},{"_686":4204,"_41":1619,"_707":4205,"_90":709},[1615],[],{"_683":4207,"_675":676,"_685":81},{"_686":4208,"_41":1619,"_707":4209,"_90":709},[],[],{"_683":4211,"_675":676,"_685":81},{"_724":1627,"_726":4212,"_90":728},{"_420":1629,"_730":-5},{"_683":4214,"_675":676,"_685":81},{"_733":1632,"_735":1633,"_737":4215,"_739":740,"_741":742,"_743":31,"_41":1627,"_744":1635,"_746":747,"_680":111,"_90":748},[4216],{"_735":1637,"_295":751,"_220":752,"_90":753},{"_683":4218,"_675":676,"_685":81},{"_733":-5,"_735":1633,"_737":4219,"_739":740,"_741":-5,"_743":-5,"_41":1627,"_744":1635,"_746":747,"_680":757,"_90":748},[4220],{"_735":1637,"_295":751,"_220":752,"_90":753},{"_683":4222,"_675":676,"_685":81},{"_761":1644,"_724":1627,"_41":-5,"_295":763,"_764":-5,"_90":765},{"_683":4224,"_675":676,"_685":81},{"_686":-5,"_704":1647,"_41":1648,"_707":4225,"_90":709},[4226],{"_45":1651,"_90":712},{"_683":4228,"_675":676,"_685":81},{"_686":4229,"_41":1655,"_707":4230,"_90":709},[1651],[],{"_683":4232,"_675":676,"_685":81},{"_686":4233,"_41":1655,"_707":4234,"_90":709},[],[],{"_683":4236,"_675":676,"_685":81},{"_724":1663,"_726":4237,"_90":728},{"_420":1665,"_730":-5},{"_683":4239,"_675":676,"_685":81},{"_733":1668,"_735":1669,"_737":4240,"_739":740,"_741":742,"_743":31,"_41":1663,"_744":1671,"_746":747,"_680":111,"_90":748},[4241],{"_735":1673,"_220":833,"_968":1674,"_90":970},{"_683":4243,"_675":676,"_685":81},{"_733":-5,"_735":1669,"_737":4244,"_739":740,"_741":-5,"_743":-5,"_41":1663,"_744":1671,"_746":747,"_680":757,"_90":748},[4245],{"_735":1673,"_220":833,"_968":1674,"_90":970},{"_683":4247,"_675":676,"_685":81},{"_761":1681,"_724":1663,"_41":-5,"_295":763,"_764":-5,"_90":765},{"_683":4249,"_675":676,"_685":81},{"_686":-5,"_704":1684,"_41":1685,"_707":4250,"_90":709},[4251],{"_45":1688,"_90":712},{"_683":4253,"_675":676,"_685":81},{"_686":4254,"_41":1692,"_707":4255,"_90":709},[1688],[],{"_683":4257,"_675":676,"_685":81},{"_686":4258,"_41":1692,"_707":4259,"_90":709},[],[],{"_683":4261,"_675":676,"_685":81},{"_724":1700,"_726":4262,"_90":728},{"_420":1702,"_730":-5},{"_683":4264,"_675":676,"_685":81},{"_733":1705,"_735":1706,"_737":4265,"_739":740,"_741":742,"_743":31,"_41":1700,"_744":1708,"_746":747,"_680":111,"_90":748},[4266],{"_735":1710,"_90":1711},{"_683":4268,"_675":676,"_685":81},{"_733":-5,"_735":1706,"_737":4269,"_739":740,"_741":-5,"_743":-5,"_41":1700,"_744":1708,"_746":747,"_680":757,"_90":748},[4270],{"_735":1710,"_90":1711},{"_683":4272,"_675":676,"_685":81},{"_761":1718,"_724":1700,"_41":-5,"_295":763,"_764":-5,"_90":765},{"_683":4274,"_675":676,"_685":81},{"_686":-5,"_704":1721,"_41":1722,"_707":4275,"_90":709},[4276],{"_45":1725,"_90":712},{"_683":4278,"_675":676,"_685":81},{"_686":4279,"_41":1729,"_707":4280,"_90":709},[1725],[],{"_683":4282,"_675":676,"_685":81},{"_686":4283,"_41":1729,"_707":4284,"_90":709},[],[],{"_683":4286,"_675":676,"_685":81},{"_724":1737,"_726":4287,"_90":728},{"_420":1739,"_730":-5},{"_683":4289,"_675":676,"_685":81},{"_733":1742,"_735":1743,"_737":4290,"_739":740,"_741":742,"_743":31,"_41":1737,"_744":1745,"_746":747,"_680":111,"_90":748},[4291],{"_735":1747,"_90":1711},{"_683":4293,"_675":676,"_685":81},{"_733":-5,"_735":1743,"_737":4294,"_739":740,"_741":-5,"_743":-5,"_41":1737,"_744":1745,"_746":747,"_680":757,"_90":748},[4295],{"_735":1747,"_90":1711},{"_683":4297,"_675":676,"_685":81},{"_761":1754,"_724":1737,"_41":-5,"_295":763,"_764":-5,"_90":765},{"_683":4299,"_675":676,"_685":81},{"_686":-5,"_704":1757,"_41":1758,"_707":4300,"_90":709},[4301],{"_45":1761,"_90":712},{"_683":4303,"_675":676,"_685":81},{"_686":4304,"_41":1765,"_707":4305,"_90":709},[1761],[],{"_683":4307,"_675":676,"_685":81},{"_686":4308,"_41":1765,"_707":4309,"_90":709},[],[],{"_683":4311,"_675":676,"_685":81},{"_724":1773,"_726":4312,"_90":728},{"_420":1775,"_730":-5},{"_683":4314,"_675":676,"_685":81},{"_733":1778,"_735":1779,"_737":4315,"_739":740,"_741":742,"_743":31,"_41":1773,"_744":1781,"_746":747,"_680":111,"_90":748},[4316],{"_735":1783,"_90":1711},{"_683":4318,"_675":676,"_685":81},{"_733":-5,"_735":1779,"_737":4319,"_739":740,"_741":-5,"_743":-5,"_41":1773,"_744":1781,"_746":747,"_680":757,"_90":748},[4320],{"_735":1783,"_90":1711},{"_683":4322,"_675":676,"_685":81},{"_761":1790,"_724":1773,"_41":-5,"_295":763,"_764":-5,"_90":765},{"_683":4324,"_675":676,"_685":81},{"_686":-5,"_704":1793,"_41":1794,"_707":4325,"_90":709},[4326],{"_45":1797,"_90":712},{"_683":4328,"_675":676,"_685":81},{"_686":4329,"_41":1801,"_707":4330,"_90":709},[1797],[],{"_683":4332,"_675":676,"_685":81},{"_686":4333,"_41":1801,"_707":4334,"_90":709},[],[],{"_683":4336,"_675":676,"_685":81},{"_724":1809,"_726":4337,"_90":728},{"_420":1811,"_730":-5},{"_683":4339,"_675":676,"_685":81},{"_733":1814,"_735":1815,"_737":4340,"_739":740,"_741":742,"_743":31,"_41":1809,"_744":1817,"_746":747,"_680":111,"_90":748},[4341],{"_735":1819,"_295":1820,"_220":1820,"_90":753},{"_683":4343,"_675":676,"_685":81},{"_733":-5,"_735":1815,"_737":4344,"_739":740,"_741":-5,"_743":-5,"_41":1809,"_744":1817,"_746":747,"_680":757,"_90":748},[4345],{"_735":1819,"_295":1820,"_220":1820,"_90":753},{"_683":4347,"_675":676,"_685":81},{"_761":1827,"_724":1809,"_41":-5,"_295":763,"_764":-5,"_90":765},{"_683":4349,"_675":676,"_685":81},{"_686":-5,"_704":1830,"_41":1831,"_707":4350,"_90":709},[4351],{"_45":1834,"_90":712},{"_683":4353,"_675":676,"_685":81},{"_686":4354,"_41":1838,"_707":4355,"_90":709},[1834],[],{"_683":4357,"_675":676,"_685":81},{"_686":4358,"_41":1838,"_707":4359,"_90":709},[],[],{"_683":4361,"_675":676,"_685":81},{"_724":1846,"_726":4362,"_90":728},{"_420":1848,"_730":-5},{"_683":4364,"_675":676,"_685":81},{"_733":1851,"_735":1852,"_737":4365,"_739":740,"_741":742,"_743":31,"_41":1846,"_744":1854,"_746":747,"_680":111,"_90":748},[4366],{"_735":1856,"_220":-5,"_90":1857},{"_683":4368,"_675":676,"_685":81},{"_733":-5,"_735":1852,"_737":4369,"_739":740,"_741":-5,"_743":-5,"_41":1846,"_744":1854,"_746":747,"_680":757,"_90":748},[4370],{"_735":1856,"_220":-5,"_90":1857},{"_683":4372,"_675":676,"_685":81},{"_761":1864,"_724":1846,"_41":-5,"_295":763,"_764":-5,"_90":765},{"_683":4374,"_675":676,"_685":81},{"_686":-5,"_704":1867,"_41":1868,"_707":4375,"_90":709},[4376],{"_45":1871,"_90":712},{"_683":4378,"_675":676,"_685":81},{"_686":4379,"_41":1875,"_707":4380,"_90":709},[1871],[],{"_683":4382,"_675":676,"_685":81},{"_686":4383,"_41":1875,"_707":4384,"_90":709},[],[],{"_683":4386,"_675":676,"_685":81},{"_686":4387,"_41":1884,"_90":1885},[4388],{"_45":1887,"_1888":4389,"_90":45},[],{"_683":4391,"_675":676,"_685":81},{"_686":4392,"_41":1884,"_90":1885},[4393],{"_45":1887,"_1888":4394,"_90":45},[],{"_683":4396,"_675":676,"_685":81},{"_686":4397,"_688":-5,"_41":-5,"_689":-5,"_94":433,"_90":690},[4398],{"_45":1887,"_90":1899},{"_683":4400,"_675":676,"_685":81},{"_686":4401,"_688":-5,"_41":-5,"_689":-5,"_94":433,"_90":690},[4402],{"_45":1904,"_90":1899},[4404,4405,4406,4407,4408,4409,4410,4411,4412,4413,4414,4415,4416,4417,4418,4419,4420,4421,4422,4423,4424,4425,4426,4427,4428,4429,4430,4431,4432,4433,4434,4435,4436,4437,4438,4439,4440,4441,4442,4443,4444,4445,4446,4447,4448,4449,4450,4451,4452,4453,4454,4455,4456,4457,4458,4459,4460,4461,4462,4463,4464,4465,4466,4467,4468,4469,4470,4471,4472,4473,4474,4475,4476,4477,4478,4479,4480,4481,4482,4483,4484,4485,4486,4487,4488,4489,4490,4491,4492,4493,4494,4495,4496,4497,4498,4499,4500,4501,4502,4503,4504,4505,4506,4507,4508,4509,4510,4511,4512,4513,4514,4515,4516,4517,4518,4519,4520,4521,4522,4523,4524,4525,4526,4527,4528,4529,4530,4531,4532,4533,4534,4535,4536,4537,4538,4539,4540,4541,4542,4543,4544,4545,4546,4547,4548,4549,4550,4551,4552,4553,4554,4555,4556,4557,4558,4559,4560,4561,4562,4563,4564,4565,4566,4567,4568,4569,4570,4571,4572,4573,4574,4575,4576,4577,4578,4579,4580,4581,4582,4583,4584,4585,4586,4587,4588,4589,4590,4591,4592,4593,4594,4595,4596,4597],{"_683":4985,"_90":2103},{"_683":4982,"_90":2103},{"_2549":4979,"_2551":4980,"_690":1887,"_1888":4981,"_90":2554},{"_45":1871,"_90":2110},{"_683":4976,"_90":2103},{"_683":4975,"_90":2103},{"_724":1846,"_735":4972,"_739":740,"_2118":-5,"_2119":4973,"_2136":1854,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1851,"_724":1846,"_735":4968,"_739":740,"_2114":4969,"_2116":31,"_2117":1851,"_2118":-5,"_2119":4970,"_746":2121,"_2122":309,"_2123":1851,"_2124":2125,"_90":2126},{"_683":4967,"_90":2103},{"_45":1834,"_90":2110},{"_683":4964,"_90":2103},{"_683":4963,"_90":2103},{"_724":1809,"_735":4960,"_739":740,"_2118":-5,"_2119":4961,"_2136":1817,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1814,"_724":1809,"_735":4956,"_739":740,"_2114":4957,"_2116":31,"_2117":1814,"_2118":-5,"_2119":4958,"_746":2121,"_2122":309,"_2123":1814,"_2124":2125,"_90":2126},{"_683":4955,"_90":2103},{"_45":1797,"_90":2110},{"_683":4952,"_90":2103},{"_683":4951,"_90":2103},{"_724":1773,"_735":4948,"_739":740,"_2118":-5,"_2119":4949,"_2136":1781,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1778,"_724":1773,"_735":4944,"_739":740,"_2114":4945,"_2116":31,"_2117":1778,"_2118":-5,"_2119":4946,"_746":2121,"_2122":309,"_2123":1778,"_2124":2125,"_90":2126},{"_683":4943,"_90":2103},{"_45":1761,"_90":2110},{"_683":4940,"_90":2103},{"_683":4939,"_90":2103},{"_724":1737,"_735":4936,"_739":740,"_2118":-5,"_2119":4937,"_2136":1745,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1742,"_724":1737,"_735":4932,"_739":740,"_2114":4933,"_2116":31,"_2117":1742,"_2118":-5,"_2119":4934,"_746":2121,"_2122":309,"_2123":1742,"_2124":2125,"_90":2126},{"_683":4931,"_90":2103},{"_45":1725,"_90":2110},{"_683":4928,"_90":2103},{"_683":4927,"_90":2103},{"_724":1700,"_735":4924,"_739":740,"_2118":-5,"_2119":4925,"_2136":1708,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1705,"_724":1700,"_735":4920,"_739":740,"_2114":4921,"_2116":31,"_2117":1705,"_2118":-5,"_2119":4922,"_746":2121,"_2122":309,"_2123":1705,"_2124":2125,"_90":2126},{"_683":4919,"_90":2103},{"_45":1688,"_90":2110},{"_683":4916,"_90":2103},{"_683":4915,"_90":2103},{"_724":1663,"_735":4912,"_739":740,"_2118":-5,"_2119":4913,"_2136":1671,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1668,"_724":1663,"_735":4908,"_739":740,"_2114":4909,"_2116":31,"_2117":1668,"_2118":-5,"_2119":4910,"_746":2121,"_2122":309,"_2123":1668,"_2124":2125,"_90":2126},{"_683":4907,"_90":2103},{"_45":1651,"_90":2110},{"_683":4904,"_90":2103},{"_683":4903,"_90":2103},{"_724":1627,"_735":4900,"_739":740,"_2118":-5,"_2119":4901,"_2136":1635,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1632,"_724":1627,"_735":4896,"_739":740,"_2114":4897,"_2116":31,"_2117":1632,"_2118":-5,"_2119":4898,"_746":2121,"_2122":309,"_2123":1632,"_2124":2125,"_90":2126},{"_683":4895,"_90":2103},{"_45":1615,"_90":2110},{"_683":4892,"_90":2103},{"_683":4891,"_90":2103},{"_724":1589,"_735":4888,"_739":740,"_2118":-5,"_2119":4889,"_2136":1597,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1594,"_724":1589,"_735":4884,"_739":740,"_2114":4885,"_2116":31,"_2117":1594,"_2118":-5,"_2119":4886,"_746":2121,"_2122":309,"_2123":1594,"_2124":2125,"_90":2126},{"_683":4883,"_90":2103},{"_45":1577,"_90":2110},{"_683":4880,"_90":2103},{"_683":4879,"_90":2103},{"_724":1553,"_735":4876,"_739":740,"_2118":-5,"_2119":4877,"_2136":1561,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1558,"_724":1553,"_735":4872,"_739":740,"_2114":4873,"_2116":31,"_2117":1558,"_2118":-5,"_2119":4874,"_746":2121,"_2122":309,"_2123":1558,"_2124":2125,"_90":2126},{"_683":4871,"_90":2103},{"_45":1541,"_90":2110},{"_683":4868,"_90":2103},{"_683":4867,"_90":2103},{"_724":1516,"_735":4864,"_739":740,"_2118":-5,"_2119":4865,"_2136":1524,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1521,"_724":1516,"_735":4860,"_739":740,"_2114":4861,"_2116":31,"_2117":1521,"_2118":-5,"_2119":4862,"_746":2121,"_2122":309,"_2123":1521,"_2124":2125,"_90":2126},{"_683":4859,"_90":2103},{"_45":1504,"_90":2110},{"_683":4856,"_90":2103},{"_683":4855,"_90":2103},{"_724":1479,"_735":4852,"_739":740,"_2118":-5,"_2119":4853,"_2136":1487,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1484,"_724":1479,"_735":4848,"_739":740,"_2114":4849,"_2116":31,"_2117":1484,"_2118":-5,"_2119":4850,"_746":2121,"_2122":309,"_2123":1484,"_2124":2125,"_90":2126},{"_683":4847,"_90":2103},{"_45":1467,"_90":2110},{"_683":4844,"_90":2103},{"_683":4843,"_90":2103},{"_724":1441,"_735":4840,"_739":740,"_2118":-5,"_2119":4841,"_2136":1449,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1446,"_724":1441,"_735":4836,"_739":740,"_2114":4837,"_2116":31,"_2117":1446,"_2118":-5,"_2119":4838,"_746":2121,"_2122":309,"_2123":1446,"_2124":2125,"_90":2126},{"_683":4835,"_90":2103},{"_45":1429,"_90":2110},{"_683":4832,"_90":2103},{"_683":4831,"_90":2103},{"_724":1403,"_735":4828,"_739":740,"_2118":-5,"_2119":4829,"_2136":1411,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1408,"_724":1403,"_735":4824,"_739":740,"_2114":4825,"_2116":31,"_2117":1408,"_2118":-5,"_2119":4826,"_746":2121,"_2122":309,"_2123":1408,"_2124":2125,"_90":2126},{"_683":4823,"_90":2103},{"_45":1391,"_90":2110},{"_683":4820,"_90":2103},{"_683":4819,"_90":2103},{"_724":1367,"_735":4816,"_739":740,"_2118":-5,"_2119":4817,"_2136":1374,"_746":2121,"_2124":2125,"_90":2137},{"_2112":309,"_724":1367,"_735":4812,"_739":740,"_2114":4813,"_2116":328,"_2117":309,"_2118":-5,"_2119":4814,"_746":2121,"_2122":309,"_2123":309,"_2124":2125,"_90":2126},{"_683":4811,"_90":2103},{"_45":1355,"_90":2110},{"_683":4808,"_90":2103},{"_683":4807,"_90":2103},{"_724":1331,"_735":4804,"_739":740,"_2118":-5,"_2119":4805,"_2136":1339,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1336,"_724":1331,"_735":4800,"_739":740,"_2114":4801,"_2116":31,"_2117":1336,"_2118":-5,"_2119":4802,"_746":2121,"_2122":309,"_2123":1336,"_2124":2125,"_90":2126},{"_683":4799,"_90":2103},{"_45":1319,"_90":2110},{"_683":4796,"_90":2103},{"_683":4795,"_90":2103},{"_724":1295,"_735":4792,"_739":740,"_2118":-5,"_2119":4793,"_2136":1303,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1300,"_724":1295,"_735":4788,"_739":740,"_2114":4789,"_2116":31,"_2117":1300,"_2118":-5,"_2119":4790,"_746":2121,"_2122":309,"_2123":1300,"_2124":2125,"_90":2126},{"_683":4787,"_90":2103},{"_45":1283,"_90":2110},{"_683":4784,"_90":2103},{"_683":4783,"_90":2103},{"_724":1258,"_735":4780,"_739":740,"_2118":-5,"_2119":4781,"_2136":1266,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1263,"_724":1258,"_735":4776,"_739":740,"_2114":4777,"_2116":31,"_2117":1263,"_2118":-5,"_2119":4778,"_746":2121,"_2122":309,"_2123":1263,"_2124":2125,"_90":2126},{"_683":4775,"_90":2103},{"_683":4774,"_90":2103},{"_724":1238,"_735":4771,"_739":740,"_2118":-5,"_2119":4772,"_2136":1246,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1243,"_724":1238,"_735":4767,"_739":740,"_2114":4768,"_2116":31,"_2117":1243,"_2118":-5,"_2119":4769,"_746":2121,"_2122":309,"_2123":1243,"_2124":2125,"_90":2126},{"_683":4766,"_90":2103},{"_45":1226,"_90":2110},{"_683":4763,"_90":2103},{"_683":4762,"_90":2103},{"_724":1201,"_735":4759,"_739":740,"_2118":-5,"_2119":4760,"_2136":1209,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1206,"_724":1201,"_735":4755,"_739":740,"_2114":4756,"_2116":31,"_2117":1206,"_2118":-5,"_2119":4757,"_746":2121,"_2122":309,"_2123":1206,"_2124":2125,"_90":2126},{"_683":4754,"_90":2103},{"_45":1189,"_90":2110},{"_683":4751,"_90":2103},{"_683":4750,"_90":2103},{"_724":1165,"_735":4747,"_739":740,"_2118":-5,"_2119":4748,"_2136":1172,"_746":2121,"_2124":2125,"_90":2137},{"_2112":309,"_724":1165,"_735":4743,"_739":740,"_2114":4744,"_2116":328,"_2117":309,"_2118":-5,"_2119":4745,"_746":2121,"_2122":309,"_2123":309,"_2124":2125,"_90":2126},{"_683":4742,"_90":2103},{"_45":1153,"_90":2110},{"_683":4739,"_90":2103},{"_683":4738,"_90":2103},{"_724":1127,"_735":4735,"_739":740,"_2118":-5,"_2119":4736,"_2136":1134,"_746":2121,"_2124":2125,"_90":2137},{"_2112":309,"_724":1127,"_735":4731,"_739":740,"_2114":4732,"_2116":328,"_2117":309,"_2118":-5,"_2119":4733,"_746":2121,"_2122":309,"_2123":309,"_2124":2125,"_90":2126},{"_683":4730,"_90":2103},{"_45":1115,"_90":2110},{"_683":4727,"_90":2103},{"_683":4726,"_90":2103},{"_724":1091,"_735":4723,"_739":740,"_2118":-5,"_2119":4724,"_2136":1099,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1096,"_724":1091,"_735":4719,"_739":740,"_2114":4720,"_2116":31,"_2117":1096,"_2118":-5,"_2119":4721,"_746":2121,"_2122":309,"_2123":1096,"_2124":2125,"_90":2126},{"_683":4718,"_90":2103},{"_45":1079,"_90":2110},{"_683":4715,"_90":2103},{"_683":4714,"_90":2103},{"_724":1054,"_735":4711,"_739":740,"_2118":-5,"_2119":4712,"_2136":1062,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1059,"_724":1054,"_735":4707,"_739":740,"_2114":4708,"_2116":31,"_2117":1059,"_2118":-5,"_2119":4709,"_746":2121,"_2122":309,"_2123":1059,"_2124":2125,"_90":2126},{"_683":4706,"_90":2103},{"_683":4705,"_90":2103},{"_724":1034,"_735":4702,"_739":740,"_2118":-5,"_2119":4703,"_2136":1042,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1039,"_724":1034,"_735":4698,"_739":740,"_2114":4699,"_2116":31,"_2117":1039,"_2118":-5,"_2119":4700,"_746":2121,"_2122":309,"_2123":1039,"_2124":2125,"_90":2126},{"_683":4697,"_90":2103},{"_45":1022,"_90":2110},{"_683":4694,"_90":2103},{"_683":4693,"_90":2103},{"_724":996,"_735":4690,"_739":740,"_2118":-5,"_2119":4691,"_2136":1005,"_746":2121,"_2124":2125,"_90":2137},{"_2112":1001,"_724":996,"_735":4686,"_739":740,"_2114":4687,"_2116":31,"_2117":1001,"_2118":-5,"_2119":4688,"_746":2121,"_2122":309,"_2123":1001,"_2124":2125,"_90":2126},{"_683":4685,"_90":2103},{"_45":984,"_90":2110},{"_683":4682,"_90":2103},{"_683":4681,"_90":2103},{"_724":956,"_735":4678,"_739":740,"_2118":-5,"_2119":4679,"_2136":964,"_746":2121,"_2124":2125,"_90":2137},{"_2112":961,"_724":956,"_735":4674,"_739":740,"_2114":4675,"_2116":31,"_2117":961,"_2118":-5,"_2119":4676,"_746":2121,"_2122":309,"_2123":961,"_2124":2125,"_90":2126},{"_683":4673,"_90":2103},{"_683":4672,"_90":2103},{"_724":936,"_735":4669,"_739":740,"_2118":-5,"_2119":4670,"_2136":944,"_746":2121,"_2124":2125,"_90":2137},{"_2112":941,"_724":936,"_735":4665,"_739":740,"_2114":4666,"_2116":31,"_2117":941,"_2118":-5,"_2119":4667,"_746":2121,"_2122":309,"_2123":941,"_2124":2125,"_90":2126},{"_683":4664,"_90":2103},{"_45":924,"_90":2110},{"_683":4661,"_90":2103},{"_683":4660,"_90":2103},{"_724":898,"_735":4657,"_739":740,"_2118":-5,"_2119":4658,"_2136":906,"_746":2121,"_2124":2125,"_90":2137},{"_2112":903,"_724":898,"_735":4653,"_739":740,"_2114":4654,"_2116":31,"_2117":903,"_2118":-5,"_2119":4655,"_746":2121,"_2122":309,"_2123":903,"_2124":2125,"_90":2126},{"_683":4652,"_90":2103},{"_45":886,"_90":2110},{"_683":4649,"_90":2103},{"_683":4648,"_90":2103},{"_724":860,"_735":4645,"_739":740,"_2118":-5,"_2119":4646,"_2136":868,"_746":2121,"_2124":2125,"_90":2137},{"_2112":865,"_724":860,"_735":4641,"_739":740,"_2114":4642,"_2116":31,"_2117":865,"_2118":-5,"_2119":4643,"_746":2121,"_2122":309,"_2123":865,"_2124":2125,"_90":2126},{"_683":4640,"_90":2103},{"_45":848,"_90":2110},{"_683":4637,"_90":2103},{"_683":4636,"_90":2103},{"_724":822,"_735":4633,"_739":740,"_2118":-5,"_2119":4634,"_2136":830,"_746":2121,"_2124":2125,"_90":2137},{"_2112":827,"_724":822,"_735":4629,"_739":740,"_2114":4630,"_2116":31,"_2117":827,"_2118":-5,"_2119":4631,"_746":2121,"_2122":309,"_2123":827,"_2124":2125,"_90":2126},{"_683":4628,"_90":2103},{"_45":810,"_90":2110},{"_683":4625,"_90":2103},{"_683":4624,"_90":2103},{"_724":784,"_735":4621,"_739":740,"_2118":-5,"_2119":4622,"_2136":792,"_746":2121,"_2124":2125,"_90":2137},{"_2112":789,"_724":784,"_735":4617,"_739":740,"_2114":4618,"_2116":31,"_2117":789,"_2118":-5,"_2119":4619,"_746":2121,"_2122":309,"_2123":789,"_2124":2125,"_90":2126},{"_683":4616,"_90":2103},{"_45":772,"_90":2110},{"_683":4613,"_90":2103},{"_683":4612,"_90":2103},{"_724":725,"_735":4609,"_739":740,"_2118":-5,"_2119":4610,"_2136":745,"_746":2121,"_2124":2125,"_90":2137},{"_2112":734,"_724":725,"_735":4605,"_739":740,"_2114":4606,"_2116":31,"_2117":734,"_2118":-5,"_2119":4607,"_746":2121,"_2122":309,"_2123":734,"_2124":2125,"_90":2126},{"_683":4604,"_90":2103},{"_45":711,"_90":2110},{"_683":4601,"_90":2103},{"_690":692,"_90":2106},{"_683":4598,"_90":2103},{"_2100":692,"_90":2101},{"_686":4599,"_41":-5,"_94":91,"_90":690},[4600],{"_45":692,"_90":693},{"_686":-5,"_704":705,"_41":-5,"_707":4602,"_90":709},[4603],{"_45":711,"_90":712},{"_724":725,"_726":729,"_90":728},[2132,2133,750],{"_2129":2130,"_2131":31},[4608],{"_2128":750,"_295":751,"_220":752,"_90":753},[2132,2133,750],[4611],{"_2128":750,"_295":751,"_220":752,"_90":753},{"_761":762,"_724":725,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":768,"_41":-5,"_707":4614,"_90":709},[4615],{"_45":772,"_90":712},{"_724":784,"_726":786,"_90":728},[2132,2133,794],{"_2129":2148,"_2131":31},[4620],{"_2128":794,"_295":795,"_220":796,"_90":753},[2132,2133,794],[4623],{"_2128":794,"_295":795,"_220":796,"_90":753},{"_761":803,"_724":784,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":806,"_41":-5,"_707":4626,"_90":709},[4627],{"_45":810,"_90":712},{"_724":822,"_726":824,"_90":728},[2132,2133,832],{"_2129":2161,"_2131":31},[4632],{"_2128":832,"_295":833,"_220":834,"_90":753},[2132,2133,832],[4635],{"_2128":832,"_295":833,"_220":834,"_90":753},{"_761":841,"_724":822,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":844,"_41":-5,"_707":4638,"_90":709},[4639],{"_45":848,"_90":712},{"_724":860,"_726":862,"_90":728},[2132,2133,870],{"_2129":2174,"_2131":31},[4644],{"_2128":870,"_295":871,"_220":872,"_90":753},[2132,2133,870],[4647],{"_2128":870,"_295":871,"_220":872,"_90":753},{"_761":879,"_724":860,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":882,"_41":-5,"_707":4650,"_90":709},[4651],{"_45":886,"_90":712},{"_724":898,"_726":900,"_90":728},[2132,2133,908],{"_2129":2187,"_2131":31},[4656],{"_2128":908,"_295":909,"_220":910,"_90":753},[2132,2133,908],[4659],{"_2128":908,"_295":909,"_220":910,"_90":753},{"_761":917,"_724":898,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":920,"_41":-5,"_707":4662,"_90":709},[4663],{"_45":924,"_90":712},{"_724":936,"_726":938,"_90":728},[2132,2133,946],{"_2129":2200,"_2131":31},[4668],{"_2128":946,"_295":795,"_220":796,"_90":753},[2132,2133,946],[4671],{"_2128":946,"_295":795,"_220":796,"_90":753},{"_761":953,"_724":936,"_41":-5,"_295":763,"_90":765},{"_724":956,"_726":958,"_90":728},[2132,2133,2211],{"_2129":2210,"_2131":31},[4677],{"_2128":966,"_220":967,"_968":969,"_90":970},[2132,2133,2211],[4680],{"_2128":966,"_220":967,"_968":969,"_90":970},{"_761":977,"_724":956,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":980,"_41":-5,"_707":4683,"_90":709},[4684],{"_45":984,"_90":712},{"_724":996,"_726":998,"_90":728},[2132,2133,2225],{"_2129":2224,"_2131":31},[4689],{"_2128":1007,"_220":795,"_968":1008,"_90":970},[2132,2133,2225],[4692],{"_2128":1007,"_220":795,"_968":1008,"_90":970},{"_761":1015,"_724":996,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1018,"_41":-5,"_707":4695,"_90":709},[4696],{"_45":1022,"_90":712},{"_724":1034,"_726":1036,"_90":728},[2132,2133,1044],{"_2129":2238,"_2131":31},[4701],{"_2128":1044,"_295":751,"_220":752,"_90":753},[2132,2133,1044],[4704],{"_2128":1044,"_295":751,"_220":752,"_90":753},{"_761":1051,"_724":1034,"_41":-5,"_295":763,"_90":765},{"_724":1054,"_726":1056,"_90":728},[2132,2133,2249],{"_2129":2248,"_2131":31},[4710],{"_2128":1064,"_220":751,"_968":1065,"_90":970},[2132,2133,2249],[4713],{"_2128":1064,"_220":751,"_968":1065,"_90":970},{"_761":1072,"_724":1054,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1075,"_41":-5,"_707":4716,"_90":709},[4717],{"_45":1079,"_90":712},{"_724":1091,"_726":1093,"_90":728},[2132,2133,1101],{"_2129":2262,"_2131":31},[4722],{"_2128":1101,"_295":909,"_220":910,"_90":753},[2132,2133,1101],[4725],{"_2128":1101,"_295":909,"_220":910,"_90":753},{"_761":1108,"_724":1091,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1111,"_41":-5,"_707":4728,"_90":709},[4729],{"_45":1115,"_90":712},{"_724":1127,"_726":1129,"_90":728},[2132,2133,2276],{"_2129":2275,"_2131":31},[4734],{"_2128":1137,"_220":1138,"_968":1139,"_90":970},[2132,2133,2276],[4737],{"_2128":1137,"_220":1138,"_968":1139,"_90":970},{"_761":1146,"_724":1127,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1149,"_41":-5,"_707":4740,"_90":709},[4741],{"_45":1153,"_90":712},{"_724":1165,"_726":1167,"_90":728},[2132,2133,2290],{"_2129":2289,"_2131":31},[4746],{"_2128":1174,"_220":1175,"_968":1139,"_90":970},[2132,2133,2290],[4749],{"_2128":1174,"_220":1175,"_968":1139,"_90":970},{"_761":1182,"_724":1165,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1185,"_41":-5,"_707":4752,"_90":709},[4753],{"_45":1189,"_90":712},{"_724":1201,"_726":1203,"_90":728},[2132,2133,2304],{"_2129":2303,"_2131":31},[4758],{"_2128":1211,"_220":1175,"_968":1212,"_90":970},[2132,2133,2304],[4761],{"_2128":1211,"_220":1175,"_968":1212,"_90":970},{"_761":1219,"_724":1201,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1222,"_41":-5,"_707":4764,"_90":709},[4765],{"_45":1226,"_90":712},{"_724":1238,"_726":1240,"_90":728},[2132,2133,1248],{"_2129":2317,"_2131":31},[4770],{"_2128":1248,"_295":871,"_220":872,"_90":753},[2132,2133,1248],[4773],{"_2128":1248,"_295":871,"_220":872,"_90":753},{"_761":1255,"_724":1238,"_41":-5,"_295":763,"_90":765},{"_724":1258,"_726":1260,"_90":728},[2132,2133,2328],{"_2129":2327,"_2131":31},[4779],{"_2128":1268,"_220":871,"_968":1269,"_90":970},[2132,2133,2328],[4782],{"_2128":1268,"_220":871,"_968":1269,"_90":970},{"_761":1276,"_724":1258,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1279,"_41":-5,"_707":4785,"_90":709},[4786],{"_45":1283,"_90":712},{"_724":1295,"_726":1297,"_90":728},[2132,2133,1305],{"_2129":2341,"_2131":31},[4791],{"_2128":1305,"_295":833,"_220":834,"_90":753},[2132,2133,1305],[4794],{"_2128":1305,"_295":833,"_220":834,"_90":753},{"_761":1312,"_724":1295,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1315,"_41":-5,"_707":4797,"_90":709},[4798],{"_45":1319,"_90":712},{"_724":1331,"_726":1333,"_90":728},[2132,2133,1341],{"_2129":2354,"_2131":31},[4803],{"_2128":1341,"_295":751,"_220":752,"_90":753},[2132,2133,1341],[4806],{"_2128":1341,"_295":751,"_220":752,"_90":753},{"_761":1348,"_724":1331,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1351,"_41":-5,"_707":4809,"_90":709},[4810],{"_45":1355,"_90":712},{"_724":1367,"_726":1369,"_90":728},[2132,2133,2368],{"_2129":2367,"_2131":31},[4815],{"_2128":1376,"_220":751,"_968":1377,"_90":970},[2132,2133,2368],[4818],{"_2128":1376,"_220":751,"_968":1377,"_90":970},{"_761":1384,"_724":1367,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1387,"_41":-5,"_707":4821,"_90":709},[4822],{"_45":1391,"_90":712},{"_724":1403,"_726":1405,"_90":728},[2132,2133,1413],{"_2129":2381,"_2131":31},[4827],{"_2128":1413,"_295":1414,"_220":1415,"_90":753},[2132,2133,1413],[4830],{"_2128":1413,"_295":1414,"_220":1415,"_90":753},{"_761":1422,"_724":1403,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1425,"_41":-5,"_707":4833,"_90":709},[4834],{"_45":1429,"_90":712},{"_724":1441,"_726":1443,"_90":728},[2132,2133,2395],{"_2129":2394,"_2131":31},[4839],{"_2128":1451,"_220":1452,"_968":1453,"_90":970},[2132,2133,2395],[4842],{"_2128":1451,"_220":1452,"_968":1453,"_90":970},{"_761":1460,"_724":1441,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1463,"_41":-5,"_707":4845,"_90":709},[4846],{"_45":1467,"_90":712},{"_724":1479,"_726":1481,"_90":728},[2132,2133,1489],{"_2129":2408,"_2131":31},[4851],{"_2128":1489,"_295":1452,"_220":1490,"_90":753},[2132,2133,1489],[4854],{"_2128":1489,"_295":1452,"_220":1490,"_90":753},{"_761":1497,"_724":1479,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1500,"_41":-5,"_707":4857,"_90":709},[4858],{"_45":1504,"_90":712},{"_724":1516,"_726":1518,"_90":728},[2132,2133,2422],{"_2129":2421,"_2131":31},[4863],{"_2128":1526,"_220":795,"_968":1527,"_90":970},[2132,2133,2422],[4866],{"_2128":1526,"_220":795,"_968":1527,"_90":970},{"_761":1534,"_724":1516,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1537,"_41":-5,"_707":4869,"_90":709},[4870],{"_45":1541,"_90":712},{"_724":1553,"_726":1555,"_90":728},[2132,2133,1563],{"_2129":2435,"_2131":31},[4875],{"_2128":1563,"_295":871,"_220":872,"_90":753},[2132,2133,1563],[4878],{"_2128":1563,"_295":871,"_220":872,"_90":753},{"_761":1570,"_724":1553,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1573,"_41":-5,"_707":4881,"_90":709},[4882],{"_45":1577,"_90":712},{"_724":1589,"_726":1591,"_90":728},[2132,2133,1599],{"_2129":2448,"_2131":31},[4887],{"_2128":1599,"_295":1600,"_220":1601,"_90":753},[2132,2133,1599],[4890],{"_2128":1599,"_295":1600,"_220":1601,"_90":753},{"_761":1608,"_724":1589,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1611,"_41":-5,"_707":4893,"_90":709},[4894],{"_45":1615,"_90":712},{"_724":1627,"_726":1629,"_90":728},[2132,2133,1637],{"_2129":2461,"_2131":31},[4899],{"_2128":1637,"_295":751,"_220":752,"_90":753},[2132,2133,1637],[4902],{"_2128":1637,"_295":751,"_220":752,"_90":753},{"_761":1644,"_724":1627,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1647,"_41":-5,"_707":4905,"_90":709},[4906],{"_45":1651,"_90":712},{"_724":1663,"_726":1665,"_90":728},[2132,2133,2475],{"_2129":2474,"_2131":31},[4911],{"_2128":1673,"_220":833,"_968":1674,"_90":970},[2132,2133,2475],[4914],{"_2128":1673,"_220":833,"_968":1674,"_90":970},{"_761":1681,"_724":1663,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1684,"_41":-5,"_707":4917,"_90":709},[4918],{"_45":1688,"_90":712},{"_724":1700,"_726":1702,"_90":728},[2132,2133,1710],{"_2129":2488,"_2131":31},[4923],{"_2128":1710,"_90":1711},[2132,2133,1710],[4926],{"_2128":1710,"_90":1711},{"_761":1718,"_724":1700,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1721,"_41":-5,"_707":4929,"_90":709},[4930],{"_45":1725,"_90":712},{"_724":1737,"_726":1739,"_90":728},[2132,2133,1747],{"_2129":2501,"_2131":31},[4935],{"_2128":1747,"_90":1711},[2132,2133,1747],[4938],{"_2128":1747,"_90":1711},{"_761":1754,"_724":1737,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1757,"_41":-5,"_707":4941,"_90":709},[4942],{"_45":1761,"_90":712},{"_724":1773,"_726":1775,"_90":728},[2132,2133,1783],{"_2129":2514,"_2131":31},[4947],{"_2128":1783,"_90":1711},[2132,2133,1783],[4950],{"_2128":1783,"_90":1711},{"_761":1790,"_724":1773,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1793,"_41":-5,"_707":4953,"_90":709},[4954],{"_45":1797,"_90":712},{"_724":1809,"_726":1811,"_90":728},[2132,2133,1819],{"_2129":2527,"_2131":31},[4959],{"_2128":1819,"_295":1820,"_220":1820,"_90":753},[2132,2133,1819],[4962],{"_2128":1819,"_295":1820,"_220":1820,"_90":753},{"_761":1827,"_724":1809,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1830,"_41":-5,"_707":4965,"_90":709},[4966],{"_45":1834,"_90":712},{"_724":1846,"_726":1848,"_90":728},[2132,2133,1856],{"_2129":2541,"_2131":31},[4971],{"_2128":1856,"_220":-5,"_90":2540},[2132,2133,1856],[4974],{"_2128":1856,"_220":-5,"_90":2540},{"_761":1864,"_724":1846,"_41":-5,"_295":763,"_90":765},{"_686":-5,"_704":1867,"_41":-5,"_707":4977,"_90":709},[4978],{"_45":1871,"_90":712},[],[],[],{"_686":4983,"_41":-5,"_94":433,"_90":690},[4984],{"_45":1887,"_90":1899},{"_686":4986,"_41":-5,"_94":433,"_90":690},[4987],{"_45":1904,"_90":1899},[4989],{"_41":2564,"_2565":4990,"_2567":2568,"_2569":2568,"_686":4991,"_680":2571,"_688":-5,"_2572":31,"_2573":4992,"_2575":2576,"_2577":-5},{"_94":433,"_295":-5,"_2573":4996},{"_2582":45,"_2583":4995},{"_2578":4993},{"_2580":4994},[],[2585],{},{"_90":690,"_94":91,"_686":5016},{"_90":2594,"_2595":4999},[5000,5001,5002,5003],{"_220":872,"_2601":-5,"_2602":5013,"_2604":-5},{"_220":796,"_2601":-5,"_2602":5010,"_2604":-5},{"_220":834,"_2601":-5,"_2602":5007,"_2604":-5},{"_220":752,"_2601":-5,"_2602":5004,"_2604":-5},[5005],{"_2606":328,"_2607":2608,"_686":5006,"_2610":57},[2611,2612,2613,2614,2615,2616,309,2617,2618,2619,309,2611,2620,2616,2621,2622,2623,309,2611,2624,2616,2625,2626,2627,309,2628,2629,309,2630,2631,309,2632,2633,309,2634,2635,309,2636,2637,309,2638,2639,2640,2641,2642,2643,2644,2645,2646,2647,2648,2649,309,2638,2650,2640,2651,2652,2649,309,2638,2653,2640,2654,2655,2649,309,2638,2656,2657,2640,2658,2659,2660,309,2661,2662,2663,2664,2665,2666,309,2667,2668,2669,309,2670,2649,309,2638,2671,2640,2672,2673,2674,2649,309,2638,2675,2640,2676,2677,2678,2679,2669,2649,309,2638,2680,2640,2681,2674,2682,2683,2673,2649,309,2684,2685,2684,309,2638,2686,2640,2687,2674,2688,309,2689,309,2690,2679,2691,2692,2649,309,2638,2693,2694,2640,2695,2696,2697,2669,309,2698,2699,2700,309,2701,2702,2703,2669,2704,309,2705,2706,2707,2708,2709,2710,2711,2712,2713,2714,2669,309,2715,309,2716,2717,2718,2719,2720,2721,2722,2723,2724,2725,309,2726,2719,2720,2727,2725,309,2728,2729,2649,2623],[5008],{"_2606":328,"_2607":2732,"_686":5009,"_2610":57},[2611,2734,2735,2615,2616,309,2736,2737,309,2611,2738,2739,2616,2740,2741,2742,2743,2744,2745,309,2638,2746,2747,2748,2749,2640,2750,2751,309,2752,2753,2754,2649,309,2638,2755,2640,2756,2757,2758,2759,2669,2760,2761,2762,2649,309,2638,2763,2747,2764,2640,2765,2766,2767,2649,309,2638,2768,2640,2769,2770,309,2771,2760,309,2772,2773,2774,2775,2776,2777,2669,2649,309,2638,2778,2747,2779,2780,2640,2781,2782,2783,309,2784,2785,2669,309,2786,2787,2788,2789,309,2790,2791,2792,2793,309,2794,2795,2796,2797,2798,2799,2800,2801,2802,2803,2804,2805,2669,309,2806,2807,309,2808,2809,2810,2811,2812,2813,2814,2815,2816,2817,2818,2805,2669,309,2819,2649,309,2638,2820,2747,2821,2640,2822,2770,309,2823,2824,2649,309,2638,2825,2747,2826,2640,2827,2828,2829,2830,2831,2832,2805,2669,309,2833,2834,2835,2836,2837,2805,2669,309,2838,2649,309,2638,2839,2747,2840,2841,2640,2842,2843,2844,2845,2669,2846,2649,309,2638,2847,2747,2848,2640,2849,2850,2649,2623],[5011],{"_2606":328,"_2607":2853,"_686":5012,"_2610":57},[2611,2855,2856,2615,2616,309,2857,2858,2857,309,2611,2859,2616,2860,2861,2862,2863,309,2611,2864,2616,2865,2866,2867,2868,2869,309,2611,2870,2616,2871,2872,2873,2874,2875,2876,2877,2878,309,2611,2879,2616,2880,2881,2882,2883,2884,2885,309,2611,2886,2616,2887,309,2857,2888,2857,309,2611,2889,2616,2890,2891,2892,2893,2894,2895,2896,2623,309,2857,2897,2857,309,2611,2898,2616,2899,2900,2623,309,2611,2901,2616,2902,2903,2904,2905,2906,2907,2908,2909,2623,309,2611,2910,2616,2911,2912,2913,2914,2915,2916,2623,309,2611,2917,2616,2918,2919,2920,2921,2922,2923,2924,2925,2623,309,2611,2926,2616,2927,2928,2929,2930,2931,2932,2623,309,2611,2933,2616,2934,2935,2936,2937,2938,2939,2940,2623,309,2611,2941,2616,2942,2943,2944,2945,2623,309,2611,2946,2616,2947,2948,2949,2950,2951,2952,2623,309,2611,2953,2616,2954,2955,2956,2957,2958,2959,2960,309,2857,2961,2857,309,2611,2962,2616,2963,2964,2965,2966,2967,2968,2969,2970,2971,2972,2973,2974,2975,309,2976,2977,2978,309,2979,2980,2981,2982,2983,2984,2985,309,2986,2987,2988,2989,2990,309,2991,2992,2993,2994,2995,2996,2997,2998,2999,309,3000,3001,3002,3003,3004,3005,3006,3007,3008,3009,3010,2623,309,2857,3011,2857,309,2611,3012,2616,3013,3014,2936,3015,3016,3017,2938,3018,3019,3020,2940,3021,3022,3023,3024,3025,3026,3027,3028,3029,3030,3031,3032,3033,3034,3035,3036,3037,3038,3039,3040,3041,2623,309,2611,3042,2616,3043,3044,3045,3046,3047,3048,3049,3050,3010,3051,3052,3053,3054,3055,3056,3057,3058,3059,2623,309,2857,3060,2857,309,2611,3061,2616,3062,3063,3064,3065,3066,3067,3068,3069,3070,2623,309,2857,3071,2857,309,2611,3072,2616,3073,3074,3075,3076,3077,3078,3079,2623,309,2857,3080,2857,309,2611,3081,2616,3082,3083,3084,3085,3086,2623,309,2611,3087,2616,3088,3089,3090,3086,3085,3091,2623],[5014],{"_2606":328,"_2607":3094,"_686":5015,"_2610":57},[2611,3096,3097,2615,2616,309,2736,3098,3099,3100,309,2611,3101,3102,2616,3103,2741,3104,3105,309,2638,3106,2747,3107,2640,3108,2752,3109,3110,3111,2754,2649,309,2638,3112,2640,3113,3114,3115,3116,3117,3118,3119,3120,3121,2649,309,2638,3122,2640,2756,2757,2758,2759,2669,3123,3124,2649,309,2638,3125,2747,3126,2640,3127,3128,309,3129,3130,3131,3132,2649,309,2638,3133,2640,3134,3128,309,3111,3124,2649,309,2638,3135,3136,2747,3126,2640,3137,3138,3139,2649,309,2638,3140,2640,3141,3128,309,3142,309,3143,3144,3145,3146,3147,3148,3149,3150,3151,3152,3153,3154,3155,2805,2669,309,3156,3157,3158,3159,2669,309,3160,3161,3162,3163,3164,3165,3166,309,3167,2669,309,3168,3169,3170,3171,3172,3173,2669,2649,309,2638,3174,2747,3175,2640,3176,3177,2649,309,2638,3178,2747,3179,2640,3180,3181,2649,2623],[5017,5018,5019,5020,5021,5022,5023,5024],{"_2582":45,"_45":3203},{"_2582":3192,"_220":872,"_2606":3201,"_2607":3202},{"_2582":45,"_45":3200},{"_2582":3192,"_220":796,"_2606":3198,"_2607":3199},{"_2582":3192,"_220":834,"_2606":3196,"_2607":3197},{"_2582":45,"_45":3195},{"_2582":3192,"_220":752,"_2606":3193,"_2607":3194},{"_2582":45,"_45":3191},[5027,5028,5029,5030,5031,5032,5033,5034,5035,5036,5037,5038,5039,5040,5041],{"_3213":3214,"_371":306,"_3215":411,"_382":-5,"_3216":365,"_3217":-5,"_3218":3219,"_3220":3221,"_3222":-5,"_3223":-5,"_3224":3225,"_3226":15,"_3227":57,"_3228":52,"_3229":15},{"_90":690,"_94":433,"_686":5042},{"_418":419,"_420":3270,"_3271":426,"_3272":3273,"_429":-5,"_90":3274},{"_90":3245,"_420":3269,"_220":-5,"_3247":-5,"_3248":-5},{"_90":3245,"_420":3268,"_220":752,"_3247":3250,"_3248":-5},{"_90":3245,"_420":3267,"_220":1601,"_3247":3250,"_3248":-5},{"_90":3245,"_420":3266,"_220":-5,"_3247":-5,"_3248":-5},{"_90":3245,"_420":3263,"_220":3264,"_3247":3250,"_3248":3265},{"_90":3245,"_420":3261,"_220":752,"_3247":3250,"_3248":3262},{"_90":3245,"_420":3258,"_220":3259,"_3247":3250,"_3248":3260},{"_90":3245,"_420":3256,"_220":1490,"_3247":3250,"_3248":3257},{"_90":3245,"_420":3255,"_220":-5,"_3247":-5,"_3248":-5},{"_90":3245,"_420":3254,"_220":-5,"_3247":-5,"_3248":-5},{"_90":3245,"_420":3252,"_220":834,"_3247":3250,"_3248":3253},{"_90":3245,"_420":3249,"_220":834,"_3247":3250,"_3248":3251},{"_90":3245,"_420":3246,"_220":-5,"_3247":-5,"_3248":-5},[5043],{"_2582":45,"_45":3277},1767856975.182548,"Github Mention: feat: video player and UI","has_generated_title","has_unread_turn","denormalized_metadata",{"_5073":31,"_5074":5075,"_5076":-5,"_5077":-5,"_5068":5078,"_5079":-5,"_5080":-5,"_5081":-5,"_5082":-5},"task_status_display",{"_5062":5063,"_5064":306,"_128":125,"_5065":-5,"_5066":5067},"creator_workspace","external_pull_requests",[5055],{"_41":5056,"_5057":81,"_5058":5059,"_5060":3273},"github-1125212739-6","assistant_turn_id","pull_request",{"_410":411,"_402":412,"_413":414,"_415":57,"_416":15,"_417":15,"_418":419,"_420":421,"_422":423,"_424":125,"_425":426,"_427":428,"_429":430,"_431":-5,"_432":-5,"_433":5061,"_435":436,"_437":438,"_439":440,"_441":442},"codex_updated_sha",{"_396":397,"_295":397,"_443":-5,"_400":401,"_41":398},"latest_turn_status_display",{"_2124":81,"_110":111,"_5068":-5,"_92":5069,"_5070":-5,"_5071":-5,"_5072":5067,"_112":-5},"environment_label","fix_task_id","initial_intent","pr","diff_stats",[],"image_asset_pointer_citations","issue_counts","intent","num_follow_ups","repo_name_map",{},"last_user_turn_created_at","last_turn_status",{"_5083":-5,"_5084":-5,"_5085":-5},"last_pushed_turn_id","start_branch_name","pushed_branch_name","cached_pull_request_data","files_modified","lines_added","lines_removed","dd",{"_5097":5098,"_5099":5100},"disablePrefetch","shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",5096],"traceId","16217960282325402922","traceTime",1778523406570]