-
Navigation Overview
+
Navigation overview
- The application uses a left sidebar navigation with the following pages. Click on any page to learn more about it:
+ Use the left sidebar to move between pages. Pick a page below for a short walkthrough.
-
+
-
Main Pages
+
Main pages
{mainNavItems.map((item) => (
-
onPageClick(item.id)}
- className="flex items-center gap-4 p-4 hover:bg-muted/40 rounded-lg border border-border text-left transition-colors"
- >
- {item.icon}
-
-
- {item.label}
-
-
{item.description}
-
→
-
+
))}
-
Maintenance Tab
-
These pages are located under the Maintenance tab in the navigation sidebar:
+
Maintenance
+
+ These pages live under the Maintenance section in the sidebar.
+
{maintenanceNavItems.map((item) => (
-
onPageClick(item.id)}
- className="flex items-center gap-4 p-4 hover:bg-muted/40 rounded-lg border border-border text-left transition-colors"
- >
- {item.icon}
-
-
- {item.label}
-
-
{item.description}
-
→
-
+
))}
@@ -144,15 +163,17 @@ function NavigationOverview({ onPageClick }: { onPageClick: (page: PageId) => vo
)
}
-function PageHelpLayout({ title, onBack, children }: { title: string; onBack: () => void; children: React.ReactNode }) {
+function PageHelpLayout({ title, onBack, children }: { title: string; onBack: () => void; children: ReactNode }) {
return (
- ← Back
+
{title}
@@ -352,10 +373,10 @@ function IdentifyPageHelp({ onBack }: { onBack: () => void }) {
View the current face on the left panel
To exclude a face from identification:
- Click the 🚫 button next to the face counter
+ Click the Exclude button next to the face counter
The face will be marked as excluded and automatically skipped
Excluded faces are hidden by default (check "Include excluded faces" in filters to see them)
- Click the 🚫 button again to include the face back in identification
+ Click Exclude again to include the face back in identification
Choose how to identify:
@@ -379,11 +400,11 @@ function IdentifyPageHelp({ onBack }: { onBack: () => void }) {
Confidence Colors (Similar Faces):
- 🟢 80%+ = Very High (Almost Certain)
- 🟡 70%+ = High (Likely Match)
- 🟠 60%+ = Medium (Possible Match)
- 🔴 50%+ = Low (Questionable)
- ⚫ <50% = Very Low (Unlikely)
+ 80%+ — very high (almost certain)70%+ — high (likely match)60%+ — medium (possible match)50%+ — low (questionable)<50% — very low (unlikely)
@@ -435,7 +456,7 @@ function IdentifyPageHelp({ onBack }: { onBack: () => void }) {
Tag filtering lets you identify faces only from photos with specific tags
Click on face images to open the full photo in a new window
For videos, you can identify multiple people in the same video
-
Use the exclude (🚫) button to exclude unknown, unwanted faces, or low-quality faces from appearing in your identification workflow
+
Use the Exclude button to skip unknown, unwanted, or low-quality faces in your identification workflow
Excluded faces are hidden by default, but you can view them by checking "Include excluded faces" in the filters
@@ -471,7 +492,7 @@ function AutoMatchPageHelp({ onBack }: { onBack: () => void }) {
Automatic Matching:
Navigate to Auto-Match page
- Click "🚀 Run Auto-Match" button
+ Click Run Auto-Match
The system will automatically match unidentified faces to identified people based on:
Similarity higher than 85%
@@ -499,9 +520,9 @@ function AutoMatchPageHelp({ onBack }: { onBack: () => void }) {
Check boxes next to faces you want to identify to this person
- Use "☑️ Select All" or "☐ Clear All" to quickly select/deselect all matches
- Click "💾 Save changes for [Person Name]" button to save your selections
- Use "⏮️ Back" and "⏭️ Next" buttons (or Prev/Next in the person panel) to navigate between people
+ Use Select All or Clear All to quickly select or deselect matches
+ Click Save changes for [Person Name] to save your selections
+ Use Back and Next (or Prev/Next in the person panel) to move between people
Use the search box to find specific people by last name