retold-remote 0.0.7 → 0.0.10

package/css/retold-remote.css

@@ -21,8 +21,6 @@ html, body
 	line-height: 1.5;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
-	/* Safe area insets for notched devices */
-	padding-bottom: env(safe-area-inset-bottom);
 }
 
 /* Scrollbar styling */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "retold-remote",
-	"version": "0.0.7",
+	"version": "0.0.10",
 	"description": "Retold Remote - NAS media browser with gallery views and keyboard navigation",
 	"main": "source/Pict-RetoldRemote-Bundle.js",
 	"bin": {

package/source/Pict-Application-RetoldRemote.js

@@ -13,6 +13,8 @@ const libProviderToastNotification = require('./providers/Pict-Provider-ToastNot
 const libProviderCollectionManager = require('./providers/Pict-Provider-CollectionManager.js');
 const libProviderAISortManager = require('./providers/Pict-Provider-AISortManager.js');
 
+const libExtensionMaps = require('./RetoldRemote-ExtensionMaps.js');
+
 // Views (replace parent views)
 const libViewLayout = require('./views/PictView-Remote-Layout.js');
 const libViewTopBar = require('./views/PictView-Remote-TopBar.js');
@@ -149,6 +151,11 @@ class RetoldRemoteApplication extends libContentEditorApplication
 			BrowsingCollection: false,		// true when viewer is navigating collection items
 			BrowsingCollectionIndex: -1,	// index into ActiveCollection.Items
 
+			// Favorites
+			FavoritesGUID: null,
+			FavoritesCollection: null,
+			FavoritesPathSet: {},			// path → itemID for O(1) favorited-state checks
+
 			// AI Sort settings
 			AISortSettings:
 			{
@@ -206,11 +213,14 @@ class RetoldRemoteApplication extends libContentEditorApplication
 		// Render the collections panel (starts collapsed)
 		this.pict.views['RetoldRemote-CollectionsPanel'].render();
 
-		// Fetch collections list
+		// Fetch collections list and ensure favorites collection exists
 		let tmpCollManager = this.pict.providers['RetoldRemote-CollectionManager'];
 		if (tmpCollManager)
 		{
-			tmpCollManager.fetchCollections();
+			tmpCollManager.fetchCollections(() =>
+			{
+				tmpCollManager.ensureFavoritesCollection();
+			});
 		}
 
 		// Update the collections button icon
@@ -306,19 +316,17 @@ class RetoldRemoteApplication extends libContentEditorApplication
 	}
 
 	/**
-	 * Override _getMediaType to add document category.
+	 * Override _getMediaType to use comprehensive extension maps.
+	 *
+	 * The parent class has a hardcoded subset of video/audio/image extensions.
+	 * We use RetoldRemote-ExtensionMaps which covers many more formats
+	 * (mpg, mpeg, ts, mts, 3gp, heic, etc.).
 	 *
 	 * @param {string} pExtension - Lowercase extension without dot
-	 * @returns {string} 'image', 'video', 'audio', 'document', or 'other'
+	 * @returns {string} 'image', 'video', 'audio', 'document', 'text', or 'other'
 	 */
 	_getMediaType(pExtension)
 	{
-		let tmpDocumentExtensions = { 'pdf': true, 'epub': true, 'mobi': true };
-		if (tmpDocumentExtensions[pExtension])
-		{
-			return 'document';
-		}
-
 		let tmpTextExtensions =
 		{
 			'js': true, 'mjs': true, 'cjs': true, 'ts': true, 'tsx': true, 'jsx': true,
@@ -338,7 +346,8 @@ class RetoldRemoteApplication extends libContentEditorApplication
 			return 'text';
 		}
 
-		return super._getMediaType(pExtension);
+		// Use the comprehensive extension maps (covers mpg, mpeg, ts, heic, etc.)
+		return libExtensionMaps.getCategory(pExtension);
 	}
 
 	/**
@@ -409,6 +418,10 @@ class RetoldRemoteApplication extends libContentEditorApplication
 		if (tmpTopBar)
 		{
 			tmpTopBar.updateInfo();
+			if (typeof tmpTopBar.updateFavoritesIcon === 'function')
+			{
+				tmpTopBar.updateFavoritesIcon();
+			}
 		}
 	}
 
@@ -447,6 +460,10 @@ class RetoldRemoteApplication extends libContentEditorApplication
 		if (tmpTopBar)
 		{
 			tmpTopBar.updateInfo();
+			if (typeof tmpTopBar.updateFavoritesIcon === 'function')
+			{
+				tmpTopBar.updateFavoritesIcon();
+			}
 		}
 	}
 
@@ -758,6 +775,7 @@ class RetoldRemoteApplication extends libContentEditorApplication
 				CollectionsPanelOpen: tmpRemote.CollectionsPanelOpen,
 				CollectionsPanelWidth: tmpRemote.CollectionsPanelWidth,
 				LastUsedCollectionGUID: tmpRemote.LastUsedCollectionGUID,
+				FavoritesGUID: tmpRemote.FavoritesGUID,
 				AISortSettings: tmpRemote.AISortSettings
 			};
 			localStorage.setItem('retold-remote-settings', JSON.stringify(tmpSettings));
@@ -806,6 +824,7 @@ class RetoldRemoteApplication extends libContentEditorApplication
 				if (typeof (tmpSettings.CollectionsPanelOpen) === 'boolean') tmpRemote.CollectionsPanelOpen = tmpSettings.CollectionsPanelOpen;
 				if (tmpSettings.CollectionsPanelWidth) tmpRemote.CollectionsPanelWidth = tmpSettings.CollectionsPanelWidth;
 				if (tmpSettings.LastUsedCollectionGUID) tmpRemote.LastUsedCollectionGUID = tmpSettings.LastUsedCollectionGUID;
+				if (tmpSettings.FavoritesGUID) tmpRemote.FavoritesGUID = tmpSettings.FavoritesGUID;
 				if (tmpSettings.AISortSettings && typeof tmpSettings.AISortSettings === 'object')
 				{
 					if (tmpSettings.AISortSettings.AIEndpoint) tmpRemote.AISortSettings.AIEndpoint = tmpSettings.AISortSettings.AIEndpoint;

package/source/providers/Pict-Provider-CollectionManager.js

@@ -158,7 +158,7 @@ class CollectionManagerProvider extends libPictProvider
 				let tmpToast = tmpSelf._getToast();
 				if (tmpToast)
 				{
-					tmpToast.show('Collection created: ' + (pData.Name || pName));
+					tmpToast.showToast('Collection created: ' + (pData.Name || pName));
 				}
 
 				return tmpCallback(null, pData);
@@ -255,7 +255,7 @@ class CollectionManagerProvider extends libPictProvider
 				let tmpToast = tmpSelf._getToast();
 				if (tmpToast)
 				{
-					tmpToast.show('Collection deleted');
+					tmpToast.showToast('Collection deleted');
 				}
 
 				return tmpCallback(null);
@@ -310,7 +310,7 @@ class CollectionManagerProvider extends libPictProvider
 				if (tmpToast)
 				{
 					let tmpCollectionName = pData.Name || 'collection';
-					tmpToast.show('Added ' + pItems.length + ' item' + (pItems.length > 1 ? 's' : '') + ' to ' + tmpCollectionName);
+					tmpToast.showToast('Added ' + pItems.length + ' item' + (pItems.length > 1 ? 's' : '') + ' to ' + tmpCollectionName);
 				}
 
 				return tmpCallback(null, pData);
@@ -443,7 +443,7 @@ class CollectionManagerProvider extends libPictProvider
 				let tmpToast = tmpSelf._getToast();
 				if (tmpToast)
 				{
-					tmpToast.show('Copied ' + pItemIDs.length + ' item' + (pItemIDs.length > 1 ? 's' : ''));
+					tmpToast.showToast('Copied ' + pItemIDs.length + ' item' + (pItemIDs.length > 1 ? 's' : ''));
 				}
 
 				return tmpCallback(null, pData);
@@ -463,6 +463,39 @@ class CollectionManagerProvider extends libPictProvider
 	togglePanel()
 	{
 		let tmpRemote = this._getRemote();
+
+		// On mobile, delegate to the sidebar collections tab instead of the right-side panel
+		let tmpLayoutView = this.pict.views['ContentEditor-Layout'];
+		if (tmpLayoutView && tmpLayoutView.isMobileDrawer())
+		{
+			// Check if collections tab is already active
+			let tmpActiveTab = document.querySelector('.content-editor-sidebar-tab.active');
+			let tmpIsCollectionsActive = tmpActiveTab && tmpActiveTab.getAttribute('data-tab') === 'collections';
+
+			if (tmpIsCollectionsActive)
+			{
+				// Switch back to files tab
+				tmpLayoutView.switchSidebarTab('files');
+			}
+			else
+			{
+				// Open sidebar if collapsed, then switch to collections tab
+				if (tmpRemote.SidebarCollapsed)
+				{
+					tmpLayoutView.toggleSidebar();
+				}
+				tmpLayoutView.switchSidebarTab('collections');
+			}
+
+			// Update topbar button state
+			let tmpTopBar = this.pict.views['ContentEditor-TopBar'];
+			if (tmpTopBar && typeof tmpTopBar.updateCollectionsIcon === 'function')
+			{
+				tmpTopBar.updateCollectionsIcon();
+			}
+			return;
+		}
+
 		tmpRemote.CollectionsPanelOpen = !tmpRemote.CollectionsPanelOpen;
 
 		let tmpWrap = document.getElementById('RetoldRemote-Collections-Wrap');
@@ -531,6 +564,264 @@ class CollectionManagerProvider extends libPictProvider
 		}
 	}
 
+	// -- Favorites Methods ------------------------------------------------
+
+	/**
+	 * Ensure the favorites collection exists.
+	 * If FavoritesGUID is set, loads it.  Otherwise searches existing
+	 * collections for CollectionType === 'favorites'.  If not found,
+	 * creates one with a well-known GUID.
+	 *
+	 * @param {Function} [fCallback] - Optional callback(pError)
+	 */
+	ensureFavoritesCollection(fCallback)
+	{
+		let tmpSelf = this;
+		let tmpCallback = (typeof fCallback === 'function') ? fCallback : () => {};
+		let tmpRemote = this._getRemote();
+
+		// If we already have a GUID, just load it
+		if (tmpRemote.FavoritesGUID)
+		{
+			return this._loadFavoritesCollection(tmpRemote.FavoritesGUID, tmpCallback);
+		}
+
+		// Search existing collections for a favorites-type collection
+		let tmpCollections = tmpRemote.Collections || [];
+		for (let i = 0; i < tmpCollections.length; i++)
+		{
+			if (tmpCollections[i].CollectionType === 'favorites')
+			{
+				tmpRemote.FavoritesGUID = tmpCollections[i].GUID;
+				this.pict.PictApplication.saveSettings();
+				return this._loadFavoritesCollection(tmpCollections[i].GUID, tmpCallback);
+			}
+		}
+
+		// Not found — create one
+		let tmpGUID = 'favorites-default';
+
+		fetch('/api/collections/' + encodeURIComponent(tmpGUID),
+		{
+			method: 'PUT',
+			headers: { 'Content-Type': 'application/json' },
+			body: JSON.stringify({ Name: 'Favorites', CollectionType: 'favorites', Icon: 'heart' })
+		})
+			.then((pResponse) => pResponse.json())
+			.then((pData) =>
+			{
+				tmpRemote.FavoritesGUID = tmpGUID;
+				tmpSelf.pict.PictApplication.saveSettings();
+				tmpSelf._loadFavoritesCollection(tmpGUID, tmpCallback);
+			})
+			.catch((pError) =>
+			{
+				tmpSelf.log.error('Failed to create favorites collection: ' + pError.message);
+				return tmpCallback(pError);
+			});
+	}
+
+	/**
+	 * Load the favorites collection and rebuild the path set.
+	 *
+	 * @param {string} pGUID - Collection GUID
+	 * @param {Function} [fCallback] - Optional callback(pError)
+	 */
+	_loadFavoritesCollection(pGUID, fCallback)
+	{
+		let tmpSelf = this;
+		let tmpCallback = (typeof fCallback === 'function') ? fCallback : () => {};
+
+		fetch('/api/collections/' + encodeURIComponent(pGUID))
+			.then((pResponse) =>
+			{
+				if (!pResponse.ok)
+				{
+					throw new Error('Favorites collection not found');
+				}
+				return pResponse.json();
+			})
+			.then((pData) =>
+			{
+				let tmpRemote = tmpSelf._getRemote();
+				tmpRemote.FavoritesCollection = pData;
+				tmpSelf._rebuildFavoritesPathSet(pData);
+
+				// Update heart icon in topbar
+				let tmpTopBar = tmpSelf.pict.views['ContentEditor-TopBar'];
+				if (tmpTopBar && typeof tmpTopBar.updateFavoritesIcon === 'function')
+				{
+					tmpTopBar.updateFavoritesIcon();
+				}
+
+				// Update favorites pane if visible
+				tmpSelf._renderFavoritesPane();
+
+				return tmpCallback(null);
+			})
+			.catch((pError) =>
+			{
+				tmpSelf.log.error('Failed to load favorites collection: ' + pError.message);
+				return tmpCallback(pError);
+			});
+	}
+
+	/**
+	 * Rebuild the FavoritesPathSet from a collection's Items array.
+	 *
+	 * @param {Object} pCollection - Collection object with Items array
+	 */
+	_rebuildFavoritesPathSet(pCollection)
+	{
+		let tmpRemote = this._getRemote();
+		tmpRemote.FavoritesPathSet = {};
+
+		if (!pCollection || !Array.isArray(pCollection.Items))
+		{
+			return;
+		}
+
+		for (let i = 0; i < pCollection.Items.length; i++)
+		{
+			let tmpItem = pCollection.Items[i];
+			if (tmpItem.Path)
+			{
+				tmpRemote.FavoritesPathSet[tmpItem.Path] = tmpItem.ID;
+			}
+		}
+	}
+
+	/**
+	 * Check if a file path is in favorites.
+	 *
+	 * @param {string} [pPath] - File path (defaults to currently viewed file)
+	 * @returns {boolean} True if favorited
+	 */
+	isFavorited(pPath)
+	{
+		let tmpRemote = this._getRemote();
+		let tmpFilePath = pPath || this.pict.AppData.ContentEditor.CurrentFile;
+		return !!(tmpRemote.FavoritesPathSet[tmpFilePath]);
+	}
+
+	/**
+	 * Toggle a file in/out of favorites.
+	 *
+	 * @param {string} [pPath] - File path (defaults to currently viewed file)
+	 */
+	toggleFavorite(pPath)
+	{
+		let tmpSelf = this;
+		let tmpRemote = this._getRemote();
+		let tmpFilePath = pPath || this.pict.AppData.ContentEditor.CurrentFile;
+
+		if (!tmpFilePath)
+		{
+			return;
+		}
+
+		if (!tmpRemote.FavoritesGUID)
+		{
+			// Favorites collection not ready yet
+			return;
+		}
+
+		if (this.isFavorited(tmpFilePath))
+		{
+			// Remove from favorites
+			let tmpItemID = tmpRemote.FavoritesPathSet[tmpFilePath];
+			this.removeItemFromCollection(tmpRemote.FavoritesGUID, tmpItemID, (pError, pData) =>
+			{
+				if (!pError && pData)
+				{
+					tmpRemote.FavoritesCollection = pData;
+					tmpSelf._rebuildFavoritesPathSet(pData);
+				}
+
+				// Update heart icon
+				let tmpTopBar = tmpSelf.pict.views['ContentEditor-TopBar'];
+				if (tmpTopBar && typeof tmpTopBar.updateFavoritesIcon === 'function')
+				{
+					tmpTopBar.updateFavoritesIcon();
+				}
+
+				tmpSelf._renderFavoritesPane();
+
+				let tmpToast = tmpSelf._getToast();
+				if (tmpToast)
+				{
+					tmpToast.showToast('Removed from favorites');
+				}
+			});
+		}
+		else
+		{
+			// Add to favorites — build item using same logic as addCurrentFileToCollection
+			let tmpItem =
+			{
+				Type: 'file',
+				Path: tmpFilePath,
+				Label: '',
+				Note: ''
+			};
+
+			// Detect archive subfile
+			let tmpArchiveMatch = tmpFilePath.match(/^(.*?\.(zip|7z|rar|tar|tgz|cbz|cbr|tar\.gz|tar\.bz2|tar\.xz))\/(.*)/i);
+			if (tmpArchiveMatch)
+			{
+				tmpItem.Type = 'subfile';
+				tmpItem.ArchivePath = tmpArchiveMatch[1];
+			}
+
+			// Include hash if available
+			let tmpProvider = this.pict.providers['RetoldRemote-Provider'];
+			if (tmpProvider)
+			{
+				let tmpHash = tmpProvider.getHashForPath(tmpFilePath);
+				if (tmpHash)
+				{
+					tmpItem.Hash = tmpHash;
+				}
+			}
+
+			this.addItemsToCollection(tmpRemote.FavoritesGUID, [tmpItem], (pError, pData) =>
+			{
+				if (!pError && pData)
+				{
+					tmpRemote.FavoritesCollection = pData;
+					tmpSelf._rebuildFavoritesPathSet(pData);
+				}
+
+				// Update heart icon
+				let tmpTopBar = tmpSelf.pict.views['ContentEditor-TopBar'];
+				if (tmpTopBar && typeof tmpTopBar.updateFavoritesIcon === 'function')
+				{
+					tmpTopBar.updateFavoritesIcon();
+				}
+
+				tmpSelf._renderFavoritesPane();
+
+				let tmpToast = tmpSelf._getToast();
+				if (tmpToast)
+				{
+					tmpToast.showToast('Added to favorites');
+				}
+			});
+		}
+	}
+
+	/**
+	 * Render the favorites pane if the favorites tab is active.
+	 */
+	_renderFavoritesPane()
+	{
+		let tmpLayoutView = this.pict.views['ContentEditor-Layout'];
+		if (tmpLayoutView && typeof tmpLayoutView.renderFavoritesList === 'function')
+		{
+			tmpLayoutView.renderFavoritesList();
+		}
+	}
+
 	// -- Convenience Methods ----------------------------------------------
 
 	/**
@@ -985,7 +1276,7 @@ class CollectionManagerProvider extends libPictProvider
 				let tmpToast = tmpSelf._getToast();
 				if (tmpToast)
 				{
-					tmpToast.show('Sort plan created: ' + (pData.Name || pName));
+					tmpToast.showToast('Sort plan created: ' + (pData.Name || pName));
 				}
 
 				return tmpCallback(null, pData);
@@ -1035,11 +1326,11 @@ class CollectionManagerProvider extends libPictProvider
 				{
 					if (pData.TotalFailed > 0)
 					{
-						tmpToast.show('Moved ' + pData.TotalMoved + ' files (' + pData.TotalFailed + ' failed)');
+						tmpToast.showToast('Moved ' + pData.TotalMoved + ' files (' + pData.TotalFailed + ' failed)');
 					}
 					else
 					{
-						tmpToast.show('Successfully moved ' + pData.TotalMoved + ' files');
+						tmpToast.showToast('Successfully moved ' + pData.TotalMoved + ' files');
 					}
 				}
 
@@ -1051,7 +1342,7 @@ class CollectionManagerProvider extends libPictProvider
 				let tmpToast = tmpSelf._getToast();
 				if (tmpToast)
 				{
-					tmpToast.show('Failed to execute operations: ' + pError.message);
+					tmpToast.showToast('Failed to execute operations: ' + pError.message);
 				}
 				return tmpCallback(pError);
 			});
@@ -1075,7 +1366,7 @@ class CollectionManagerProvider extends libPictProvider
 			let tmpToast = tmpSelf._getToast();
 			if (tmpToast)
 			{
-				tmpToast.show('No batch to undo');
+				tmpToast.showToast('No batch to undo');
 			}
 			return tmpCallback(new Error('No batch to undo'));
 		}
@@ -1114,7 +1405,7 @@ class CollectionManagerProvider extends libPictProvider
 				let tmpToast = tmpSelf._getToast();
 				if (tmpToast)
 				{
-					tmpToast.show('Undo complete: ' + pData.TotalReversed + ' files restored');
+					tmpToast.showToast('Undo complete: ' + pData.TotalReversed + ' files restored');
 				}
 
 				return tmpCallback(null, pData);
@@ -1125,7 +1416,7 @@ class CollectionManagerProvider extends libPictProvider
 				let tmpToast = tmpSelf._getToast();
 				if (tmpToast)
 				{
-					tmpToast.show('Failed to undo: ' + pError.message);
+					tmpToast.showToast('Failed to undo: ' + pError.message);
 				}
 				return tmpCallback(pError);
 			});

package/source/providers/Pict-Provider-GalleryNavigation.js

@@ -1277,10 +1277,11 @@ class GalleryNavigationProvider extends libPictProvider
 		let tmpProvider = this.pict.providers['RetoldRemote-Provider'];
 		let tmpContentPath = tmpProvider ? tmpProvider.getContentURL(tmpFilePath) : ('/content/' + encodeURIComponent(tmpFilePath));
 		let tmpStreamURL = window.location.origin + tmpContentPath;
-		// On Windows, VLC's native handler expects the raw URL.
+		// On Windows and mobile (iOS/Android), VLC handles the raw URL natively.
 		// On macOS/Linux our custom handlers URL-decode, so we encode.
 		let tmpIsWindows = /Windows/.test(navigator.userAgent);
-		let tmpVLCURL = tmpIsWindows
+		let tmpIsMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
+		let tmpVLCURL = (tmpIsWindows || tmpIsMobile)
 			? ('vlc://' + tmpStreamURL)
 			: ('vlc://' + encodeURIComponent(tmpStreamURL));
 

package/source/providers/Pict-Provider-RetoldRemoteIcons.js

@@ -470,6 +470,22 @@ class RetoldRemoteIconProvider extends libPictProvider
 					+ '</svg>';
 			},
 
+			'heart': (pSize) =>
+			{
+				let c = tmpSelf._colors;
+				return '<svg width="' + pSize + '" height="' + pSize + '" viewBox="0 0 24 24" fill="none">'
+					+ '<path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" stroke="' + c.Primary + '" stroke-width="1.8" fill="none" />'
+					+ '</svg>';
+			},
+
+			'heart-filled': (pSize) =>
+			{
+				let c = tmpSelf._colors;
+				return '<svg width="' + pSize + '" height="' + pSize + '" viewBox="0 0 24 24" fill="none">'
+					+ '<path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" stroke="#e74c3c" stroke-width="1.8" fill="#e74c3c" />'
+					+ '</svg>';
+			},
+
 			'drag-handle': (pSize) =>
 			{
 				let c = tmpSelf._colors;

package/source/providers/Pict-Provider-RetoldRemoteTheme.js

@@ -759,6 +759,58 @@ class RetoldRemoteThemeProvider extends libPictProvider
 				PdfText: '#CC4422'
 			}
 		});
+
+		// ===================================================================
+		// DEBUG THEME (unique color per container for layout debugging)
+		// ===================================================================
+
+		tmpSelf._addTheme('mobile-debug',
+		{
+			Name: 'Mobile Container Debug',
+			Category: 'Debug',
+			Description: 'Unique color per container for layout debugging',
+			Variables:
+			{
+				'--retold-bg-primary': '#FF0000',
+				'--retold-bg-secondary': '#00CCCC',
+				'--retold-bg-tertiary': '#00AA00',
+				'--retold-bg-panel': '#FFAA00',
+				'--retold-bg-viewer': '#333333',
+				'--retold-bg-hover': 'rgba(255, 255, 255, 0.2)',
+				'--retold-bg-selected': 'rgba(255, 255, 255, 0.3)',
+				'--retold-bg-thumb': '#AA00AA',
+				'--retold-text-primary': '#FFFFFF',
+				'--retold-text-secondary': '#EEEEEE',
+				'--retold-text-muted': '#CCCCCC',
+				'--retold-text-dim': '#AAAAAA',
+				'--retold-text-placeholder': '#888888',
+				'--retold-accent': '#FFFF00',
+				'--retold-accent-hover': '#FFFF88',
+				'--retold-border': '#FFFFFF',
+				'--retold-border-light': '#CCCCCC',
+				'--retold-danger': '#FF0000',
+				'--retold-danger-muted': '#CC4444',
+				'--retold-scrollbar': '#888888',
+				'--retold-scrollbar-hover': '#AAAAAA',
+				'--retold-selection-bg': 'rgba(255, 255, 0, 0.3)',
+				'--retold-focus-outline': '#FFFF00',
+				'--retold-font-family': "system-ui, -apple-system, sans-serif",
+				'--retold-font-mono': "'SF Mono', 'Consolas', monospace"
+			},
+			IconColors:
+			{
+				Primary: '#FFFFFF',
+				Accent: '#FFFF00',
+				Muted: '#CCCCCC',
+				Light: '#333333',
+				WarmBeige: '#FFAA00',
+				TealTint: '#00CCCC',
+				Lavender: '#AA00AA',
+				AmberTint: '#FFAA00',
+				PdfFill: '#FF4444',
+				PdfText: '#FFFFFF'
+			}
+		});
 	}
 
 	/**

package/source/providers/keyboard-handlers/KeyHandler-AudioExplorer.js

@@ -82,6 +82,17 @@ function handleAudioExplorerKey(pGalleryNav, pEvent)
 				}
 			}
 			break;
+
+		case 'h':
+			pEvent.preventDefault();
+			{
+				let tmpFavCollManager = pGalleryNav.pict.providers['RetoldRemote-CollectionManager'];
+				if (tmpFavCollManager)
+				{
+					tmpFavCollManager.toggleFavorite();
+				}
+			}
+			break;
 	}
 }
 

package/source/providers/keyboard-handlers/KeyHandler-Gallery.js

@@ -184,6 +184,17 @@ function handleGalleryKey(pGalleryNav, pEvent)
 			}
 			break;
 
+		case 'h':
+			pEvent.preventDefault();
+			{
+				let tmpFavCollManager = pGalleryNav.pict.providers['RetoldRemote-CollectionManager'];
+				if (tmpFavCollManager)
+				{
+					tmpFavCollManager.toggleFavorite();
+				}
+			}
+			break;
+
 	}
 }
 

package/source/providers/keyboard-handlers/KeyHandler-VideoExplorer.js

@@ -51,6 +51,17 @@ function handleVideoExplorerKey(pGalleryNav, pEvent)
 				}
 			}
 			break;
+
+		case 'h':
+			pEvent.preventDefault();
+			{
+				let tmpFavCollManager = pGalleryNav.pict.providers['RetoldRemote-CollectionManager'];
+				if (tmpFavCollManager)
+				{
+					tmpFavCollManager.toggleFavorite();
+				}
+			}
+			break;
 	}
 }
 

package/source/providers/keyboard-handlers/KeyHandler-Viewer.js

@@ -191,6 +191,17 @@ function handleViewerKey(pGalleryNav, pEvent)
 			pEvent.preventDefault();
 			pGalleryNav.switchViewerType('text');
 			break;
+
+		case 'h':
+			pEvent.preventDefault();
+			{
+				let tmpFavCollManager = pGalleryNav.pict.providers['RetoldRemote-CollectionManager'];
+				if (tmpFavCollManager)
+				{
+					tmpFavCollManager.toggleFavorite();
+				}
+			}
+			break;
 	}
 }