'
+ '●'
+ ''
+ '●'
+ '' + a.ch + ''
+ '
';
}
// Must stay identical to routes/conversation.py _character_identity_fingerprint (a test enforces the field lists).
const LIB_IDENTITY_FIELDS = ['age', 'age_estimate', 'hair', 'eyes', 'physical', 'build', 'skin_tone', 'race_species', 'gender', 'marks', 'scars', 'nationality_background', 'clothing', 'era', 'profession'];
const LIB_IDENTITY_OVERRIDE_FIELDS = ['visual_appearance', 'visual_species', 'visual_costume'];
function _libIdentityFingerprint(sheet) {
let raw = LIB_IDENTITY_FIELDS.map(function (key) { return key + ':' + _libStr(sheet[key]); }).join('|');
LIB_IDENTITY_OVERRIDE_FIELDS.forEach(function (key) { if (sheet[key]) raw += '|' + key + ':' + _libStr(sheet[key]); });
let hash = 0;
for (let i = 0; i < raw.length; i++) hash = ((hash << 5) - hash + raw.charCodeAt(i)) | 0;
return (hash >>> 0).toString(16);
}
function _libStr(v) {
if (v == null) return '';
if (typeof v === 'string') return v;
if (Array.isArray(v)) return v.filter(Boolean).join(', ');
return JSON.stringify(v);
}
function _charAgeLabel(sh) {
return _libStr(sh?.age_estimate || '').trim();
}
// age_estimate is free text ("30-40 Jahre", "Mittleres Alter") — pull the
// first number out for a rough sort order; characters with no number
// (or no estimate at all) sort to the end rather than clumping at zero.
function _charAgeSortVal(sh) {
const m = _charAgeLabel(sh).match(/\d+/);
return m ? parseInt(m[0], 10) : 9999;
}
function _charLangLabel(rec) {
const sh = rec?.sheet || {};
const voiceLang = (rec?.voice && typeof rec.voice === 'object') ? (rec.voice.language || '') : '';
return _libStr(sh.languages || voiceLang).trim();
}
function _charGenderLabel(sh) {
const gender = String(sh?.gender || '').trim();
if (!gender) return '';
return gender.charAt(0).toUpperCase() + gender.slice(1);
}
// Single shared floating preview element, positioned near whichever avatar
// is currently hovered — created lazily on first use rather than once per
// row (there can be dozens of rows in a production).
let _avatarHoverEl = null;
function _showAvatarHoverPreview(rec, anchorEl) {
if (!rec.image) return;
if (!_avatarHoverEl) {
_avatarHoverEl = document.createElement('div');
_avatarHoverEl.className = 'lib-avatar-hover-preview';
_avatarHoverEl.innerHTML = ''
+ ''
+ '' + escHtml(label) + ''
+ '' + escHtml(value) + ''
+ '
';
};
// Gender and lines already get their own stat boxes in the card body below
// (and age is joining them there too) — showing them a second time as
// pills on the banner was pure duplication. Only the book/production tag
// stays here, since that's the banner's own context, not the body's.
const metaChips = [];
if (bookLabel) metaChips.push('');
return ''
+ ''
+ ''
+ '
';
}
// Compact alternative to the card grid for scanning a large cast at once —
// one row per character with the fields that matter for casting decisions.
// Rows carry the "lib-char-card" class too so they're picked up by the same
// avatar/voice-picker/auto-voice/export wiring the card grid already uses;
// only the HTML shape differs.
function _charsTableHtml(chars, sortMode, sortDir) {
const arrow = function (key) { return sortMode === key ? ' ' : ''; };
const th = function (key, label, title) {
return ''
+ '
'
+ stat('Occupation', _libStr(sh.profession), 'mdi-briefcase-outline')
+ stat('Archetype', _libStr(sh.archetype), 'mdi-shape-outline')
+ stat('Gender', genderLabel, 'mdi-gender-male-female')
+ stat('Age', ageLabel, 'mdi-cake-variant')
+ stat('Lines', lineLabel, 'mdi-format-list-numbered')
+ '
'
+ _charAlignHtml(sh)
+ '