-
-
+
+
+ {previewSrc ? (
+ 
{
+ e.currentTarget.style.display = 'none'
+ }}
+ />
+ ) : null}
+
+
+
+
+
+
{postworkSummaryIcon(summary)}
-
-
+
-
{postworkSummaryTitle(summary)}
@@ -1706,47 +1746,47 @@ function renderPostworkPopover(summary: FinishedPostworkSummary): ReactNode {
+
{summary.file}
-
+
-
+
-
+
{done}/{total}
-
+
+
{summary.steps.map((step) => (
-
+
-
{postworkStepDisplayLabel(step)}
@@ -1757,14 +1797,14 @@ function renderPostworkPopover(summary: FinishedPostworkSummary): ReactNode {
) : null}
+
{postworkStepIcon(step)}
{
+ const clean = normalizeSegmentLabel(part)
+ return part.startsWith('position:') || isKnownFrontendPositionLabel(clean)
+ })
+
+ if (positionPart) {
+ return prettyAiLabel(positionPart)
+ }
+
+ const objectPart = parts.find((part) => part.startsWith('object:'))
+ if (objectPart) return prettyAiLabel(objectPart)
+
+ const bodyPart = parts.find((part) => part.startsWith('body:'))
+ if (bodyPart) return prettyAiLabel(bodyPart)
+
+ const clothingPart = parts.find((part) => part.startsWith('clothing:'))
+ if (clothingPart) return prettyAiLabel(clothingPart)
+
+ return prettyAiLabel(parts[0])
}
function readSegmentTags(obj: Record): string[] {
@@ -1112,6 +1141,89 @@ function isRatingSegment(value: RatingSegment | null): value is RatingSegment {
return value !== null
}
+function iconLabelsFromRawValue(value: unknown): string[] {
+ if (Array.isArray(value)) {
+ return value.flatMap(iconLabelsFromRawValue)
+ }
+
+ if (typeof value !== 'string') return []
+
+ const raw = value.trim()
+ if (!raw) return []
+
+ if (raw.toLowerCase().startsWith('combo:')) {
+ return rawSegmentLabelParts(raw)
+ }
+
+ return splitMaybeComboOrList(raw)
+}
+
+function readSegmentIconLabels(obj: Record): string[] {
+ const rawPosition =
+ typeof obj.position === 'string' && obj.position.trim()
+ ? `position:${obj.position.trim()}`
+ : ''
+
+ const values: unknown[] = [
+ obj.label,
+ obj.title,
+ obj.category,
+ obj.type,
+ obj.kind,
+ obj.name,
+ rawPosition,
+ obj.tags,
+ obj.labels,
+ obj.classes,
+ obj.flags,
+ ]
+
+ const out: string[] = []
+ const seen = new Set()
+
+ for (const label of values.flatMap(iconLabelsFromRawValue)) {
+ const clean = String(label ?? '').trim()
+ if (!clean) continue
+
+ const key = normalizeSegmentLabel(clean)
+ if (!key || seen.has(key)) continue
+
+ seen.add(key)
+ out.push(clean)
+ }
+
+ return out.slice(0, 12)
+}
+
+function primarySegmentIconLabel(segment: RatingSegment): string {
+ const labels = segment.iconLabels ?? []
+
+ return (
+ labels.find((label) => !isPersonSegmentLabel(label)) ??
+ labels[0] ??
+ segment.title
+ )
+}
+
+function segmentIconLabelForDisplay(
+ segment: RatingSegment,
+ displayLabel: string
+): string {
+ const displayKey = comparableSegmentTag(displayLabel)
+
+ const found = segment.iconLabels?.find((rawLabel) => {
+ const item = getSegmentLabelItem(rawLabel)
+
+ return (
+ comparableSegmentTag(rawLabel) === displayKey ||
+ comparableSegmentTag(prettyAiLabel(rawLabel)) === displayKey ||
+ comparableSegmentTag(item.text) === displayKey
+ )
+ })
+
+ return found ?? displayLabel
+}
+
export function readRatingSegments(metaRaw: unknown): RatingSegment[] {
const rawSegments = readSegmentArray(metaRaw)
const spriteMeta = readPreviewSpriteMeta(metaRaw)
@@ -1146,6 +1258,8 @@ export function readRatingSegments(metaRaw: unknown): RatingSegment[] {
? buildSpritePreview(spriteMeta, previewTime, durationSeconds)
: undefined
+ const iconLabels = readSegmentIconLabels(raw)
+
return {
key: String(raw.id ?? raw.key ?? `${index}`),
title,
@@ -1153,6 +1267,7 @@ export function readRatingSegments(metaRaw: unknown): RatingSegment[] {
valueLabel: segmentValueLabel(raw),
detail,
tags: readSegmentTags(raw),
+ iconLabels,
preview,
openAtSec,
}
@@ -1160,6 +1275,237 @@ export function readRatingSegments(metaRaw: unknown): RatingSegment[] {
.filter(isRatingSegment)
}
+type SegmentVisualKind = 'position' | 'toy' | 'clothing' | 'body' | 'default'
+
+function segmentKindFromText(value: unknown): SegmentVisualKind {
+ const clean = String(value ?? '').trim().toLowerCase()
+ if (!clean) return 'default'
+
+ if (
+ clean.startsWith('position:') ||
+ clean.includes('missionary') ||
+ clean.includes('doggy') ||
+ clean.includes('doggystyle') ||
+ clean.includes('cowgirl') ||
+ clean.includes('reverse cowgirl') ||
+ clean.includes('reverse_cowgirl') ||
+ clean.includes('cunnilingus') ||
+ clean.includes('prone bone') ||
+ clean.includes('prone_bone') ||
+ clean.includes('standing') ||
+ clean.includes('spooning') ||
+ clean.includes('sitting') ||
+ clean.includes('facesitting') ||
+ clean.includes('handjob') ||
+ clean.includes('blowjob') ||
+ clean.includes('fingering') ||
+ clean.includes('toy play') ||
+ clean.includes('toy_play') ||
+ clean === '69'
+ ) {
+ return 'position'
+ }
+
+ if (
+ clean.includes('dildo') ||
+ clean.includes('vibrator') ||
+ clean.includes('buttplug') ||
+ clean.includes('strapon') ||
+ clean.includes('toy')
+ ) {
+ return 'toy'
+ }
+
+ if (
+ clean.includes('lingerie') ||
+ clean.includes('bikini') ||
+ clean.includes('bra') ||
+ clean.includes('bh') ||
+ clean.includes('panties') ||
+ clean.includes('slip') ||
+ clean.includes('stocking') ||
+ clean.includes('strümpfe') ||
+ clean.includes('skirt') ||
+ clean.includes('rock') ||
+ clean.includes('dress') ||
+ clean.includes('kleid') ||
+ clean.includes('heels')
+ ) {
+ return 'clothing'
+ }
+
+ if (
+ clean.includes('vagina') ||
+ clean.includes('vulva') ||
+ clean.includes('pussy') ||
+ clean.includes('penis') ||
+ clean.includes('anus') ||
+ clean.includes('ass') ||
+ clean.includes('hintern') ||
+ clean.includes('breasts') ||
+ clean.includes('brüste') ||
+ clean.includes('buttocks')
+ ) {
+ return 'body'
+ }
+
+ return 'default'
+}
+
+function segmentVisualKind(segment: RatingSegment): SegmentVisualKind {
+ const values = [segment.title, ...segment.tags]
+
+ for (const value of values) {
+ const kind = segmentKindFromText(value)
+ if (kind !== 'default') return kind
+ }
+
+ return 'default'
+}
+
+function segmentAccentClass(kind: SegmentVisualKind): string {
+ switch (kind) {
+ case 'position':
+ return 'bg-indigo-500'
+ case 'toy':
+ return 'bg-fuchsia-500'
+ case 'clothing':
+ return 'bg-pink-500'
+ case 'body':
+ return 'bg-emerald-500'
+ default:
+ return 'bg-gray-400 dark:bg-white/30'
+ }
+}
+
+function segmentPlaceholderGradientClass(kind: SegmentVisualKind): string {
+ switch (kind) {
+ case 'position':
+ return 'bg-gradient-to-br from-indigo-500 via-indigo-700 to-gray-950'
+ case 'toy':
+ return 'bg-gradient-to-br from-fuchsia-500 via-purple-700 to-gray-950'
+ case 'clothing':
+ return 'bg-gradient-to-br from-pink-500 via-rose-700 to-gray-950'
+ case 'body':
+ return 'bg-gradient-to-br from-emerald-500 via-teal-700 to-gray-950'
+ default:
+ return 'bg-gradient-to-br from-gray-600 via-gray-800 to-gray-950'
+ }
+}
+
+function segmentTagToneClass(tag: string): string {
+ const kind = segmentKindFromText(tag)
+
+ switch (kind) {
+ case 'position':
+ return 'bg-indigo-500/28 text-white ring-indigo-200/40'
+ case 'toy':
+ return 'bg-fuchsia-500/28 text-white ring-fuchsia-200/40'
+ case 'clothing':
+ return 'bg-pink-500/28 text-white ring-pink-200/40'
+ case 'body':
+ return 'bg-emerald-500/28 text-white ring-emerald-200/40'
+ default:
+ return 'bg-white/18 text-white ring-white/28'
+ }
+}
+
+function comparableSegmentTag(value: unknown): string {
+ return String(value ?? '')
+ .trim()
+ .toLowerCase()
+ .replace(/^position:\s*/i, '')
+ .replace(/[^a-z0-9äöüß]+/gi, ' ')
+ .replace(/\s+/g, ' ')
+ .trim()
+}
+
+function visibleSegmentTags(segment: RatingSegment): {
+ tags: string[]
+ hiddenCount: number
+} {
+ const maxTags = 2
+ const titleKey = comparableSegmentTag(segment.title)
+ const seen = new Set()
+
+ if (titleKey) seen.add(titleKey)
+
+ const filtered: string[] = []
+
+ for (const tag of segment.tags) {
+ const clean = String(tag ?? '').trim()
+ if (!clean) continue
+
+ const key = comparableSegmentTag(clean)
+ if (!key || seen.has(key)) continue
+
+ seen.add(key)
+ filtered.push(clean)
+ }
+
+ return {
+ tags: filtered.slice(0, maxTags),
+ hiddenCount: Math.max(0, filtered.length - maxTags),
+ }
+}
+
+function orderedRatingSegments(segments: RatingSegment[]): RatingSegment[] {
+ return segments
+ .map((segment, index) => ({ segment, index }))
+ .sort((a, b) => {
+ const av = typeof a.segment.openAtSec === 'number' ? a.segment.openAtSec : null
+ const bv = typeof b.segment.openAtSec === 'number' ? b.segment.openAtSec : null
+
+ if (av != null && bv != null) return av - bv
+ if (av != null) return -1
+ if (bv != null) return 1
+
+ return a.index - b.index
+ })
+ .map((item) => item.segment)
+}
+
+function RatingSegmentBackground({
+ segment,
+ kind,
+ iconLabel,
+}: {
+ segment: RatingSegment
+ kind: SegmentVisualKind
+ iconLabel?: string
+}) {
+ const BgIcon = getSegmentLabelItem(iconLabel ?? segment.title).icon
+
+ return (
+
+ {segment.preview ? (
+
+ )
+}
+
export function RatingSegmentsPanel({
metaRaw,
segments: providedSegments,
@@ -1179,6 +1525,8 @@ export function RatingSegmentsPanel({
if (segments.length === 0) return null
+ const orderedSegments = orderedRatingSegments(segments)
+
const panelMaxHeight =
typeof maxHeight === 'number'
? `${maxHeight}px`
@@ -1187,7 +1535,7 @@ export function RatingSegmentsPanel({
return (
+
+ ) : (
+
+ 
+
+
+
+
+ )}
+
+
+
-
+
-
-
- Interessante Stellen
+
@@ -1210,7 +1565,7 @@ export function RatingSegmentsPanel({
+
+
+
+ Highlights
+
+
+
+ {orderedSegments.length}
+
- Positionen · Highlights · AI · {segments.length}
+ Chronologisch sortiert{onOpenAt ? ' · Klick öffnet die Stelle' : ''}
-
- {segments.map((segment, index) => (
-