KI-Feinschliff, Volltextsuche über E-Mails, Prompt für die Antwort-Mail

Drei Erweiterungen, die sich server.js und lib/documents.js teilen und
deshalb zusammen liegen:

Jobsuche: Der Feinschliff (Zusatzbegriffe/Ausschluesse) laesst sich per KI
aus den eigenen Basis-Unterlagen vorschlagen. Der Rollen-Prompt ist wie die
uebrigen unter Vorlagen editierbar; gespeichert wird erst auf Klick.

Suche: Startseite und KI-Chat durchsuchen jetzt per SQLite-FTS5 auch die
E-Mail-Korrespondenz (Absender, Betreff, Text), Notizen und
Stellenbeschreibung - ein Name aus einer Mail findet die Bewerbung. Ranking
per bm25, Fundstellen mit Snippet, Feldfilter (firma:, von:), Phrasen,
Ausschluesse, Umlaut-Varianten (mueller/muller/mueller). Der Index wird von
SQL-Triggern gepflegt, weil Bewerbungen und Mails aus UI, REST-API, IMAP und
KI-Import geschrieben werden.

E-Mail: Vor dem Generieren laesst sich vorgeben, was in der Antwort stehen
soll; die Vorgabe geht als verbindliche Anweisung in den Prompt. Steht schon
ein Entwurf im Feld, ueberarbeitet die KI ihn, statt neu anzufangen.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-07-14 10:56:41 +02:00
co-authored by Claude Opus 4.8
parent 3c7f5d7c74
commit d86e40a6ff
7 changed files with 984 additions and 77 deletions
+123 -4
View File
@@ -1990,13 +1990,48 @@ const REPLY_SCHEMA = {
// Draft a reply to a recruiter/company e-mail in the context of an application. // Draft a reply to a recruiter/company e-mail in the context of an application.
// `incoming` = { from, subject, text }; `job` = { firma, stelle }; // `incoming` = { from, subject, text }; `job` = { firma, stelle };
// `settings` = { name, ... }. `hinweise` = optional free-text steering. // `settings` = { name, ... }.
// `typ` = 'antwort' (default) for a normal reply, or 'absage' for a polite, short // `typ` = 'antwort' (default) for a normal reply, or 'absage' for a polite, short
// rejection because the applicant accepted another position. // rejection because the applicant accepted another position.
async function generateEmailReply({ incoming, job = {}, settings = {}, hinweise = '', typ = 'antwort', prompts = null }) { //
// `hinweise` is what the user typed into the prompt field above the reply form
// ("Termin am Dienstag zusagen, nach dem Gehaltsrahmen fragen"). It is the point
// of the whole call: without it the model can only produce a generic reply, so it
// is passed as a binding instruction, not as background colour.
//
// `entwurf` is the draft currently in the reply box. When present, the model
// *revises* that text along the new instructions instead of starting over — that
// is how the field is actually used ("gleiche Antwort, aber kürzer und förmlicher"),
// and re-generating from scratch would throw the user's own edits away.
async function generateEmailReply({
incoming, job = {}, settings = {}, hinweise = '', entwurf = '', typ = 'antwort', prompts = null,
}) {
const name = (settings && settings.name) || 'der Bewerber'; const name = (settings && settings.name) || 'der Bewerber';
const isAbsage = typ === 'absage'; const isAbsage = typ === 'absage';
const anweisung = String(hinweise || '').trim().slice(0, 2000);
const bisher = String(entwurf || '').trim().slice(0, 6000);
// Beide Blöcke stehen NACH der eingegangenen Mail und VOR der Aufgabe: das
// Zuletztgelesene wiegt beim Modell am schwersten, und genau das soll die
// Anweisung des Nutzers sein.
const anweisungsBlock = anweisung
? `# Anweisungen von ${name} für diese Antwort (verbindlich)\n` +
`${anweisung}\n\n` +
`Setze diese Anweisungen vollständig um - sie bestimmen den Inhalt der E-Mail und haben ` +
`Vorrang vor allgemeinen Höflichkeitsformeln. Was dort nicht steht und sich nicht aus der ` +
`eingegangenen Nachricht ergibt, gehört nicht in die Antwort: keine zusätzlichen Zusagen, ` +
`Termine oder Angaben dazuerfinden. Ist eine Anweisung unklar oder fehlt eine konkrete ` +
`Angabe, setze einen Platzhalter in eckigen Klammern, statt etwas anzunehmen.\n\n`
: '';
const entwurfsBlock = bisher
? `# Bisheriger Entwurf\n${bisher}\n\n` +
`Überarbeite DIESEN Entwurf gemäß den Anweisungen oben. Behalte bei, was passt - schreibe ` +
`nicht ohne Not alles neu, und verwirf keine inhaltlichen Punkte des Entwurfs, sofern die ` +
`Anweisungen das nicht verlangen.\n\n`
: '';
// Role prompt (per type) plus the shared style rules — both editable; the task // Role prompt (per type) plus the shared style rules — both editable; the task
// description below stays in code because it defines the expected JSON. // description below stays in code because it defines the expected JSON.
const commonRules = promptStore.get(prompts, 'email_stil'); const commonRules = promptStore.get(prompts, 'email_stil');
@@ -2016,8 +2051,10 @@ async function generateEmailReply({ incoming, job = {}, settings = {}, hinweise
`Von: ${incoming.from || '-'}\n` + `Von: ${incoming.from || '-'}\n` +
`Betreff: ${incoming.subject || '-'}\n\n` + `Betreff: ${incoming.subject || '-'}\n\n` +
`${incoming.text || ''}\n\n` + `${incoming.text || ''}\n\n` +
(hinweise && hinweise.trim() ? `# Hinweise für die Absage (aktiv berücksichtigen)\n${hinweise.trim()}\n\n` : '') + anweisungsBlock +
entwurfsBlock +
`# Aufgabe\n` + `# Aufgabe\n` +
(bisher ? 'Gib den überarbeiteten Entwurf als vollständige E-Mail zurück. ' : '') +
`Formuliere eine kurze, höfliche Absage-E-Mail: Du hast eine andere Stelle angenommen ` + `Formuliere eine kurze, höfliche Absage-E-Mail: Du hast eine andere Stelle angenommen ` +
`und ziehst dich aus diesem Prozess zurück. Struktur des Feldes "text": Anrede (an den ` + `und ziehst dich aus diesem Prozess zurück. Struktur des Feldes "text": Anrede (an den ` +
`konkreten Absender, falls Name erkennbar, sonst "Sehr geehrte Damen und Herren,"), ein ` + `konkreten Absender, falls Name erkennbar, sonst "Sehr geehrte Damen und Herren,"), ein ` +
@@ -2038,8 +2075,10 @@ async function generateEmailReply({ incoming, job = {}, settings = {}, hinweise
`Von: ${incoming.from || '-'}\n` + `Von: ${incoming.from || '-'}\n` +
`Betreff: ${incoming.subject || '-'}\n\n` + `Betreff: ${incoming.subject || '-'}\n\n` +
`${incoming.text || ''}\n\n` + `${incoming.text || ''}\n\n` +
(hinweise && hinweise.trim() ? `# Hinweise für die Antwort (aktiv berücksichtigen)\n${hinweise.trim()}\n\n` : '') + anweisungsBlock +
entwurfsBlock +
`# Aufgabe\n` + `# Aufgabe\n` +
(bisher ? 'Gib den überarbeiteten Entwurf als vollständige E-Mail zurück. ' : '') +
`Formuliere eine passende Antwort-E-Mail. Struktur des Feldes "text": Anrede (an den ` + `Formuliere eine passende Antwort-E-Mail. Struktur des Feldes "text": Anrede (an den ` +
`konkreten Absender, falls Name erkennbar, sonst "Sehr geehrte Damen und Herren,"), ` + `konkreten Absender, falls Name erkennbar, sonst "Sehr geehrte Damen und Herren,"), ` +
`2-4 kurze Absätze, Grußformel "Mit freundlichen Grüßen" und in der letzten Zeile der ` + `2-4 kurze Absätze, Grußformel "Mit freundlichen Grüßen" und in der letzten Zeile der ` +
@@ -2057,6 +2096,85 @@ async function generateEmailReply({ incoming, job = {}, settings = {}, hinweise
}; };
} }
// ===========================================================================
// AI job-search guard rails ("Feinschliff")
// ===========================================================================
const FEINSCHLIFF_SCHEMA = {
type: 'object',
properties: {
zusatz_begriffe: { type: 'array', items: { type: 'string' } },
ausschluesse: { type: 'array', items: { type: 'string' } },
},
required: ['zusatz_begriffe', 'ausschluesse'],
};
// How many terms per field we keep. The two lists end up verbatim in the search
// agent's prompt, so a long one dilutes the search instead of sharpening it.
const FEINSCHLIFF_MAX = 8;
// Suggest the two guard-rail lists of a Suchprofil ("Zusätzlich berücksichtigen"
// / "Ausschließen") from the applicant's own base documents. `unterlagen` is the
// concatenated text of their Vorlagen (Lebenslauf, Kurzprofil, ...), `profil` the
// current Suchprofil (modus + cities give the model the search's frame).
// Returns { zusatz_begriffe, ausschluesse } as comma-separated strings — exactly
// the shape the two textareas and the DB hold.
async function generateFeinschliff({ unterlagen, profil = {}, prompts = null }) {
const text = String(unterlagen || '').trim();
if (!text) {
throw new Error('Keine Basis-Unterlagen hinterlegt - ohne sie kann die KI nichts ableiten.');
}
const modusText = {
regional: 'regional (nur Stellen mit Arbeitsort in den genannten Städten)',
remote: '100 % Remote (deutschlandweit, ortsunabhängig)',
beides: 'regional in den genannten Städten und zusätzlich 100 % Remote deutschlandweit',
}[profil.modus] || 'regional';
const staedte = (profil.staedte || []).join(', ');
const system = promptStore.get(prompts, 'jobsuche_feinschliff');
const user =
`# Basis-Unterlagen des Bewerbers\n${text.slice(0, 6000)}\n\n` +
`# Rahmen der Suche\n` +
`Suchmodus: ${modusText}\n` +
(staedte ? `Städte: ${staedte}\n` : '') +
`\n# Aufgabe\n` +
`Schlage die beiden Leitplanken der Stellensuche vor:\n` +
`- "zusatz_begriffe": Begriffe, die die Suche zusätzlich berücksichtigen soll - Technologien, ` +
`Branchen, Arbeitsumfelder oder Arbeitszeitmodelle, die aus den Unterlagen belegbar sind ` +
`(z. B. "Rechenzentrum", "Systemhaus"). KEINE Rollen-/Stellenbezeichnungen.\n` +
`- "ausschluesse": Kriterien, bei denen ein Treffer verworfen werden soll (z. B. Anstellungsformen ` +
`oder Rollen, die erkennbar nicht zum Profil passen).\n` +
`Höchstens ${FEINSCHLIFF_MAX} Einträge je Liste, nach Wichtigkeit sortiert. Jeder Eintrag ist ein ` +
`kurzer Begriff (1-4 Wörter), kein Satz. Verwende ausschließlich den einfachen Bindestrich "-". ` +
`Antworte AUSSCHLIESSLICH mit dem JSON-Objekt, ohne Markdown, ohne Code-Fences.`;
const parsed = await ollamaChatJSON({ system, user, schema: FEINSCHLIFF_SCHEMA, temperature: 0.4 });
// The model honours the schema keys only loosely; accept the usual synonyms and
// flatten each list into the comma-separated free text the profile stores. A
// model that answers with one comma-separated string instead of an array is
// split back apart rather than dropped.
const liste = (keys) => {
const roheListe = pickArray(parsed, keys);
const werte = roheListe.length ? roheListe : String(pick(parsed, keys) || '').split(/[,;\n]/);
const out = [];
for (const roh of werte) {
const v = str(roh).replace(/^[-•*\s]+/, '').replace(/[,;]+$/, '').trim();
if (!v) continue;
if (out.some((x) => x.toLowerCase() === v.toLowerCase())) continue;
out.push(v);
if (out.length >= FEINSCHLIFF_MAX) break;
}
return out.join(', ');
};
return {
zusatz_begriffe: liste(['zusatz_begriffe', 'zusatzbegriffe', 'zusatz', 'begriffe', 'einschluesse']),
ausschluesse: liste(['ausschluesse', 'ausschlüsse', 'ausschlusskriterien', 'exclude', 'ausschluss']),
};
}
// =========================================================================== // ===========================================================================
// Design preview // Design preview
// =========================================================================== // ===========================================================================
@@ -2112,6 +2230,7 @@ function renderDesignVorschau({ settings = {}, signatur = null, bewerbungsfoto =
module.exports = { module.exports = {
generateApplicationDocuments, generateApplicationDocuments,
generateEmailReply, generateEmailReply,
generateFeinschliff,
generateTailoredTexts, generateTailoredTexts,
renderLebenslaufPdf, renderLebenslaufPdf,
renderAnschreibenPdf, renderAnschreibenPdf,
+19
View File
@@ -88,6 +88,25 @@ const DEFAULTS = [
'Buzzword-Paare und ohne Selbstetiketten wie "Als Muttersprachler ...". Verwende ausschließlich ' + 'Buzzword-Paare und ohne Selbstetiketten wie "Als Muttersprachler ...". Verwende ausschließlich ' +
'deutsche Sprache und das lateinische Alphabet - keine fremdsprachigen Wörter oder Schriftzeichen.', 'deutsche Sprache und das lateinische Alphabet - keine fremdsprachigen Wörter oder Schriftzeichen.',
}, },
{
key: 'jobsuche_feinschliff',
titel: 'Jobsuche: Feinschliff vorschlagen',
beschreibung:
'Rolle für den KI-Vorschlag der Leitplanken deiner Jobsuche (zusätzlich berücksichtigen / ' +
'ausschließen). Grundlage sind deine Basis-Unterlagen oben.',
platzhalter: [],
inhalt:
'Du bist ein erfahrener Recruiter und stellst die Leitplanken für die automatische ' +
'Stellensuche eines Bewerbers auf. Du liest seine Basis-Unterlagen (Lebenslauf, Kurzprofil, ' +
'Anschreiben) und leitest daraus ab, welche Zusatzbegriffe eine Stellensuche treffsicherer ' +
'machen und welche Treffer von vornherein verworfen werden sollten. Du erfindest nichts: ' +
'Jeder Zusatzbegriff muss sich aus den Unterlagen belegen lassen (nachgewiesene Technologien, ' +
'Branchen, Umfelder, Arbeitszeitmodelle). Ausschlüsse leitest du aus dem ab, was erkennbar ' +
'nicht zum Bewerber passt - etwa Stellen weit unter oder weit über seinem Erfahrungsniveau, ' +
'fachfremde Rollen oder Anstellungsformen, die er offensichtlich nicht sucht. Keine ' +
'Rollenbezeichnungen als Zusatzbegriffe: die leitet die Suche ohnehin selbst aus dem ' +
'Lebenslauf ab. Antworte auf Deutsch im lateinischen Alphabet.',
},
]; ];
const BY_KEY = new Map(DEFAULTS.map((p) => [p.key, p])); const BY_KEY = new Map(DEFAULTS.map((p) => [p.key, p]));
+344
View File
@@ -0,0 +1,344 @@
// Volltextsuche über Bewerbungen und ihre E-Mail-Korrespondenz (SQLite FTS5).
//
// Bisher filterte die Startseite nur clientseitig über Firma + Stelle der schon
// gerenderten Zeilen. Damit war unauffindbar, was nur in einer E-Mail steht — der
// Name der Ansprechpartnerin, ein Betreff, eine Zusage im Fließtext. Diese
// Suche indiziert daher beides.
//
// Aufbau: ein FTS5-Index aus *Fragmenten*. Ein Fragment ist entweder eine
// Bewerbung (Firma, Stelle, Notizen, Stellenbeschreibung …) oder eine einzelne
// E-Mail (Absender/Empfänger, Betreff, Text). Jedes E-Mail-Fragment trägt Firma
// und Stelle seiner Bewerbung mit — nur so findet eine Anfrage wie
// "müller bosch" die Bewerbung, obwohl der Name allein in der E-Mail und die
// Firma allein in der Bewerbung steht (FTS5 verknüpft Terme innerhalb *einer*
// Zeile mit UND).
//
// Gepflegt wird der Index von SQL-Triggern, nicht von der Anwendung: Bewerbungen
// und E-Mails werden an vielen Stellen geschrieben (Web-UI, REST-API, IMAP-Abruf,
// KI-Import), und ein vergessener Aufruf würde den Index still veralten lassen.
//
// Die Ergebnisse werden nach Bewerbung gruppiert zurückgegeben: eine Bewerbung
// ist ein Treffer, die Fragmente sagen, *wo* sie getroffen wurde ("in E-Mail von
// Frau Müller"). E-Mails ohne zugeordnete Bewerbung (Postfach) sind eigene Treffer.
// Spaltengewichte für bm25: ein Firmentreffer wiegt schwerer als ein Wort
// irgendwo im Mailtext. Reihenfolge = Spaltenreihenfolge im Index.
const GEWICHTE = [12.0, 8.0, 6.0, 4.0, 1.0]; // firma, stelle, person, betreff, text
// Beschnitt pro Mailtext: eine lange Signatur/Zitatkette bläht den Index auf,
// ohne die Suche besser zu machen.
const MAX_TEXT = 20000;
// Wie viele Bewerbungen eine Suche höchstens zurückgibt.
const LIMIT = 25;
// Markierungen um Fundstellen im Snippet. Bewusst keine HTML-Tags: die Rohtexte
// werden erst im Client escaped und die Marker danach durch <mark> ersetzt, sonst
// wäre der Snippet ein XSS-Vektor (Mailtexte sind Fremdinhalt).
const MARK_START = '\u0002';
const MARK_END = '\u0003';
// Feld-Filter, die der Nutzer tippen kann: "firma:bosch", "von:müller".
const FELD_ALIASE = {
firma: 'firma', unternehmen: 'firma',
stelle: 'stelle', job: 'stelle', position: 'stelle',
person: 'person', von: 'person', an: 'person', name: 'person', kontakt: 'person',
betreff: 'betreff', subject: 'betreff',
text: 'text', notiz: 'text', notizen: 'text', mail: 'text', inhalt: 'text',
};
// Der Bewerbungs-Teil eines Fragments (Notizen, Beschreibung, Metadaten) — als
// SQL-Ausdruck, weil ihn Trigger und Backfill gleichermaßen brauchen.
const BEWERBUNG_TEXT = `
trim(coalesce(%s.notizen, '') || ' ' || coalesce(%s.interne_notizen, '') || ' ' ||
coalesce(%s.llm_notizen, '') || ' ' || coalesce(%s.ort, '') || ' ' ||
coalesce(%s.art, '') || ' ' || coalesce(%s.status, '') || ' ' ||
coalesce(%s.labels, '') || ' ' || coalesce(%s.stellenbeschreibung, '') || ' ' ||
coalesce(%s.quelle_url, ''))
`;
const bewerbungText = (alias) => BEWERBUNG_TEXT.replace(/%s/g, alias);
// Schema + Trigger + einmaliger Backfill. Idempotent: läuft bei jedem Start.
async function ensureSchema({ exec, dbGet }) {
await exec(`
CREATE VIRTUAL TABLE IF NOT EXISTS suche_index USING fts5(
firma, stelle, person, betreff, text,
user_id UNINDEXED,
bewerbung_id UNINDEXED,
typ UNINDEXED,
ref_id UNINDEXED,
meta UNINDEXED,
tokenize = 'unicode61 remove_diacritics 2'
)
`);
// Trigger. "typ" trennt die beiden Fragmentarten, "ref_id" zeigt auf die
// Quellzeile — beides brauchen die Trigger, um gezielt zu löschen.
await exec(`
CREATE TRIGGER IF NOT EXISTS bewerbungen_suche_ai AFTER INSERT ON bewerbungen BEGIN
INSERT INTO suche_index (firma, stelle, person, betreff, text, user_id, bewerbung_id, typ, ref_id, meta)
VALUES (coalesce(new.firma, ''), coalesce(new.stelle, ''), coalesce(new.email_empfaenger, ''), '',
${bewerbungText('new')}, new.user_id, new.id, 'bewerbung', new.id, '');
END
`);
// Beim Ändern: eigenes Fragment neu aufbauen und Firma/Stelle in den
// E-Mail-Fragmenten nachziehen (sie tragen sie denormalisiert mit).
await exec(`
CREATE TRIGGER IF NOT EXISTS bewerbungen_suche_au AFTER UPDATE ON bewerbungen BEGIN
DELETE FROM suche_index WHERE typ = 'bewerbung' AND ref_id = old.id;
INSERT INTO suche_index (firma, stelle, person, betreff, text, user_id, bewerbung_id, typ, ref_id, meta)
VALUES (coalesce(new.firma, ''), coalesce(new.stelle, ''), coalesce(new.email_empfaenger, ''), '',
${bewerbungText('new')}, new.user_id, new.id, 'bewerbung', new.id, '');
UPDATE suche_index SET firma = coalesce(new.firma, ''), stelle = coalesce(new.stelle, '')
WHERE typ = 'email' AND bewerbung_id = new.id;
END
`);
await exec(`
CREATE TRIGGER IF NOT EXISTS bewerbungen_suche_ad AFTER DELETE ON bewerbungen BEGIN
DELETE FROM suche_index WHERE bewerbung_id = old.id;
END
`);
// E-Mails: Firma/Stelle der zugeordneten Bewerbung wandern ins Fragment, damit
// "müller bosch" trifft. meta trägt, was das Ergebnis anzeigt (Betreff, Absender,
// Datum, Richtung) — als JSON, unindiziert.
const emailFragment = () => `
INSERT INTO suche_index (firma, stelle, person, betreff, text, user_id, bewerbung_id, typ, ref_id, meta)
SELECT coalesce(b.firma, ''), coalesce(b.stelle, ''),
trim(coalesce(new.from_addr, '') || ' ' || coalesce(new.to_addr, '')),
coalesce(new.subject, ''), substr(coalesce(new.body_text, ''), 1, ${MAX_TEXT}),
new.user_id, new.bewerbung_id, 'email', new.id,
json_object('betreff', coalesce(new.subject, ''), 'von', coalesce(new.from_addr, ''),
'an', coalesce(new.to_addr, ''), 'datum', coalesce(new.email_date, new.created_at),
'richtung', coalesce(new.direction, ''))
FROM (SELECT 1) LEFT JOIN bewerbungen b ON b.id = new.bewerbung_id;
`;
await exec(`
CREATE TRIGGER IF NOT EXISTS emails_suche_ai AFTER INSERT ON emails BEGIN
${emailFragment()}
END
`);
// Eine E-Mail wird u. a. beim Zuordnen im Postfach aktualisiert (bewerbung_id) —
// dann muss das Fragment mitsamt Firma/Stelle neu entstehen.
await exec(`
CREATE TRIGGER IF NOT EXISTS emails_suche_au AFTER UPDATE ON emails BEGIN
DELETE FROM suche_index WHERE typ = 'email' AND ref_id = old.id;
${emailFragment()}
END
`);
await exec(`
CREATE TRIGGER IF NOT EXISTS emails_suche_ad AFTER DELETE ON emails BEGIN
DELETE FROM suche_index WHERE typ = 'email' AND ref_id = old.id;
END
`);
// Backfill: nur beim allerersten Start nach der Einführung (Index noch leer,
// Daten aber vorhanden). Danach halten die Trigger alles aktuell.
const leer = await dbGet('SELECT count(*) AS n FROM suche_index');
if (leer && leer.n === 0) {
await exec(`
INSERT INTO suche_index (firma, stelle, person, betreff, text, user_id, bewerbung_id, typ, ref_id, meta)
SELECT coalesce(b.firma, ''), coalesce(b.stelle, ''), coalesce(b.email_empfaenger, ''), '',
${bewerbungText('b')}, b.user_id, b.id, 'bewerbung', b.id, ''
FROM bewerbungen b
`);
await exec(`
INSERT INTO suche_index (firma, stelle, person, betreff, text, user_id, bewerbung_id, typ, ref_id, meta)
SELECT coalesce(b.firma, ''), coalesce(b.stelle, ''),
trim(coalesce(e.from_addr, '') || ' ' || coalesce(e.to_addr, '')),
coalesce(e.subject, ''), substr(coalesce(e.body_text, ''), 1, ${MAX_TEXT}),
e.user_id, e.bewerbung_id, 'email', e.id,
json_object('betreff', coalesce(e.subject, ''), 'von', coalesce(e.from_addr, ''),
'an', coalesce(e.to_addr, ''), 'datum', coalesce(e.email_date, e.created_at),
'richtung', coalesce(e.direction, ''))
FROM emails e LEFT JOIN bewerbungen b ON b.id = e.bewerbung_id
`);
}
}
// ---------------------------------------------------------------------------
// Eingabe -> FTS5-MATCH-Ausdruck
// ---------------------------------------------------------------------------
// Was der Nutzer tippen darf:
// müller -> Präfixsuche über alle Felder
// "frau müller" -> Wortfolge
// firma:bosch -> nur in diesem Feld
// -zeitarbeit -> schließt Treffer aus
// Alles andere (FTS-Sonderzeichen wie * : ^ NEAR) wird entschärft: jeder Term
// geht in Anführungszeichen in die Query, damit eine Eingabe wie "c++" oder ein
// Doppelpunkt keinen Syntaxfehler auslöst statt zu suchen.
function buildMatch(roh) {
const q = String(roh == null ? '' : roh).trim();
if (!q) return null;
const TOKEN = /(-?)(?:(\w+):)?(?:"([^"]*)"|(\S+))/gu;
const positiv = [];
const negativ = [];
let m;
while ((m = TOKEN.exec(q)) !== null) {
const [, minus, feldRoh, phrase, wort] = m;
const inhalt = (phrase != null ? phrase : wort || '').trim();
// Ohne Buchstaben/Ziffern bleibt nichts Suchbares übrig (z. B. "--" oder ":").
const sauber = inhalt.replace(/"/g, ' ').trim();
if (!/[\p{L}\p{N}]/u.test(sauber)) continue;
const feld = feldRoh ? FELD_ALIASE[feldRoh.toLowerCase()] : null;
// Unbekanntes Präfix ("foo:bar") ist kein Feldfilter, sondern Suchtext.
const suchtext = feldRoh && !feld ? `${feldRoh} ${sauber}` : sauber;
const term = umlautTerm(suchtext);
// Ein Feldfilter darf auf einen geklammerten Ausdruck zeigen: {firma} : ("a"* OR "b"*)
const mitFeld = feld ? `{${feld}} : ${term}` : term;
(minus ? negativ : positiv).push(mitFeld);
}
// Eine reine Ausschlussfrage ("-zeitarbeit") hat keinen Anker — FTS5 braucht
// mindestens einen positiven Term, und "alles außer X" ist ohnehin keine Suche.
if (!positiv.length) return null;
const basis = positiv.join(' AND ');
return negativ.length ? `${basis} NOT (${negativ.join(' OR ')})` : basis;
}
// Ein Term als FTS5-Ausdruck, mit Präfixsuche ("bosch"* findet auch
// "boschgruppe" — beim Tippen der Normalfall).
//
// Dazu die deutsche Umlaut-Frage: der Index faltet Diakritika (Müller -> muller),
// deshalb findet "muller" bereits "Müller". Die ausgeschriebene Form "mueller"
// aber nicht — und genau die tippt man bei Namen ständig. Also wird zusätzlich
// die Variante mit aufgelöstem ue/oe/ae/ss gesucht, ODER-verknüpft. Falsche
// Auflösungen ("Neuenkirchen" -> "nunkirchen") laufen dabei einfach ins Leere,
// der Originalterm bleibt ja daneben stehen.
function umlautTerm(text) {
const roh = `"${text}"*`;
const variante = text
.replace(/ue/gi, 'u').replace(/oe/gi, 'o').replace(/ae/gi, 'a')
.replace(/ß/g, 'ss');
if (variante.toLowerCase() === text.toLowerCase()) return roh;
return `(${roh} OR "${variante}"*)`;
}
// ---------------------------------------------------------------------------
// Suche
// ---------------------------------------------------------------------------
const SPALTEN = ['firma', 'stelle', 'person', 'betreff', 'text'];
const FELD_LABEL = { firma: 'Firma', stelle: 'Stelle', person: 'Kontakt', betreff: 'Betreff', text: 'Text' };
// Findet Bewerbungen (und nicht zugeordnete E-Mails) zu einer Suchanfrage.
// `dbAll` ist der Query-Helfer der App, `userId` grenzt hart auf den Besitzer ein
// (der Index ist gemeinsam, die unindizierte user_id-Spalte trennt die Mandanten).
// Rückgabe: nach Score sortierte Treffer, jeder mit Fundstellen + Snippets.
async function suche(dbAll, userId, roh, limit = LIMIT) {
const match = buildMatch(roh);
if (!match || !userId) return [];
const gewichte = GEWICHTE.join(', ');
const snippets = SPALTEN
.map((_, i) => `snippet(suche_index, ${i}, '${MARK_START}', '${MARK_END}', '…', 12) AS s_${i}`)
.join(', ');
// Fragmente laden (mehrere je Bewerbung möglich), das Gruppieren macht JS —
// in SQL ginge es nur mit einem zweiten Durchlauf über die FTS-Tabelle.
let rows;
try {
rows = await dbAll(
`SELECT bewerbung_id, typ, ref_id, meta, ${snippets},
bm25(suche_index, ${gewichte}) AS score
FROM suche_index
WHERE suche_index MATCH ? AND user_id = ?
ORDER BY score
LIMIT ?`,
[match, userId, limit * 4] // Puffer: mehrere Fragmente fallen auf eine Bewerbung zusammen
);
} catch (e) {
// Eine Eingabe, die FTS5 trotz Entschärfung nicht parst, ist kein Serverfehler,
// sondern schlicht kein Treffer.
if (/fts5|syntax/i.test(e.message)) return [];
throw e;
}
if (!rows.length) return [];
// Fragmente -> Treffer je Bewerbung. Nicht zugeordnete E-Mails bleiben einzeln.
const treffer = new Map();
for (const r of rows) {
const key = r.bewerbung_id ? `b${r.bewerbung_id}` : `e${r.ref_id}`;
if (!treffer.has(key)) {
treffer.set(key, {
typ: r.bewerbung_id ? 'bewerbung' : 'email',
bewerbung_id: r.bewerbung_id || null,
email_id: r.bewerbung_id ? null : r.ref_id,
score: r.score,
fundstellen: [],
});
}
const t = treffer.get(key);
t.score = Math.min(t.score, r.score); // bm25: kleiner = besser
const fund = fundstelle(r);
if (fund) t.fundstellen.push(fund);
}
const liste = [...treffer.values()].sort((a, b) => a.score - b.score).slice(0, limit);
await ergaenzeBewerbungen(dbAll, userId, liste);
for (const t of liste) t.fundstellen = t.fundstellen.slice(0, 3);
return liste;
}
// Aus einem Fragment die beste Fundstelle bauen: die Spalte mit Markierung im
// Snippet (FTS5 liefert für Spalten ohne Treffer den Anfang des Textes zurück).
function fundstelle(row) {
for (let i = 0; i < SPALTEN.length; i++) {
const s = row[`s_${i}`];
if (!s || s.indexOf(MARK_START) === -1) continue;
const meta = row.meta ? sicherJson(row.meta) : null;
return {
quelle: row.typ, // 'bewerbung' | 'email'
feld: SPALTEN[i],
feld_label: FELD_LABEL[SPALTEN[i]],
snippet: s,
email: meta && row.typ === 'email' ? meta : null,
};
}
return null;
}
function sicherJson(s) {
try { return JSON.parse(s); } catch (e) { return null; }
}
// Snippet ohne die Fundstellen-Marker — für Verbraucher, die nichts hervorheben
// (der KI-Chat etwa: Steuerzeichen im Tool-Ergebnis würden das Modell nur irritieren).
function ohneMarker(s) {
return String(s == null ? '' : s).split(MARK_START).join('').split(MARK_END).join('');
}
// Die Anzeigedaten der getroffenen Bewerbungen nachladen (der Index hält nur
// Suchtext). Eine Abfrage für alle Treffer.
async function ergaenzeBewerbungen(dbAll, userId, liste) {
const ids = liste.filter((t) => t.bewerbung_id).map((t) => t.bewerbung_id);
if (!ids.length) return;
const rows = await dbAll(
`SELECT id, firma, stelle, status, datum, art FROM bewerbungen
WHERE user_id = ? AND id IN (${ids.map(() => '?').join(',')})`,
[userId, ...ids]
);
const byId = new Map(rows.map((r) => [r.id, r]));
for (const t of liste) {
const b = t.bewerbung_id ? byId.get(t.bewerbung_id) : null;
if (b) t.bewerbung = b;
}
// Eine Bewerbung, die es nicht mehr gibt (Index hinkt hinterher), fällt raus.
for (let i = liste.length - 1; i >= 0; i--) {
if (liste[i].typ === 'bewerbung' && !liste[i].bewerbung) liste.splice(i, 1);
}
}
module.exports = {
ensureSchema, suche, buildMatch, ohneMarker,
MARK_START, MARK_END, LIMIT, FELD_ALIASE,
};
+92 -11
View File
@@ -30,7 +30,7 @@ const multer = require('multer');
})(); })();
const { const {
generateApplicationDocuments, generateEmailReply, renderDesignVorschau, generateApplicationDocuments, generateEmailReply, generateFeinschliff, renderDesignVorschau,
DOKUMENT_TYPEN, normalizeDokumente, DOKUMENT_TYPEN, normalizeDokumente,
} = require('./lib/documents'); } = require('./lib/documents');
const chat = require('./lib/chat'); const chat = require('./lib/chat');
@@ -48,6 +48,7 @@ const password = require('./lib/password');
const migrate = require('./lib/migrate-multiuser'); const migrate = require('./lib/migrate-multiuser');
const { runMigration, importEnvIntoAdmin } = migrate; const { runMigration, importEnvIntoAdmin } = migrate;
const suchprofil = require('./lib/suchprofil'); const suchprofil = require('./lib/suchprofil');
const suche = require('./lib/suche');
const app = express(); const app = express();
const PORT = process.env.PORT || 3000; const PORT = process.env.PORT || 3000;
@@ -1555,6 +1556,11 @@ async function initializeDatabase() {
FOREIGN KEY (user_id) REFERENCES users(id) ON DELETE CASCADE FOREIGN KEY (user_id) REFERENCES users(id) ON DELETE CASCADE
) )
`); `);
// Volltext-Index über Bewerbungen + E-Mail-Korrespondenz. Muss nach den beiden
// Quelltabellen entstehen, weil die Trigger auf ihnen sitzen; der Backfill
// läuft nur beim ersten Start (siehe lib/suche.js).
await suche.ensureSchema({ exec, dbGet });
} }
// Initialize and start server // Initialize and start server
initializeDatabase().then(async () => { initializeDatabase().then(async () => {
@@ -1902,6 +1908,21 @@ initializeDatabase().then(async () => {
} }
}); });
// Volltextsuche für die Startseite: Bewerbungen samt ihrer E-Mail-Korrespondenz
// (Absender, Betreff, Text), Notizen und Stellenbeschreibung. Liefert je Treffer
// die Fundstellen mit Snippet — die Marker darin ersetzt der Client durch <mark>.
app.get('/api/suche', async (req, res) => {
try {
const q = String(req.query.q || '');
if (q.trim().length < 2) return res.json({ q, treffer: [] });
const treffer = await suche.suche(dbAll, uid(), q);
res.json({ q, treffer });
} catch (error) {
console.error('Search error:', error);
res.status(500).json({ error: 'Serverfehler' });
}
});
// Poll generation status + current attachments for one application // Poll generation status + current attachments for one application
app.get('/api/bewerbungen/:id/generierung', async (req, res) => { app.get('/api/bewerbungen/:id/generierung', async (req, res) => {
try { try {
@@ -2312,7 +2333,11 @@ initializeDatabase().then(async () => {
job: { firma: bewerbung.firma, stelle: bewerbung.stelle }, job: { firma: bewerbung.firma, stelle: bewerbung.stelle },
settings, settings,
prompts: await loadPrompts(), prompts: await loadPrompts(),
// Was der Nutzer über dem Antwortfeld vorgegeben hat, plus (beim zweiten
// Klick) der Entwurf, der gerade im Feld steht — dann überarbeitet die KI
// ihn, statt neu anzufangen.
hinweise: String(req.body.hinweise || ''), hinweise: String(req.body.hinweise || ''),
entwurf: String(req.body.entwurf || ''),
typ: String(req.body.typ || 'antwort'), typ: String(req.body.typ || 'antwort'),
}); });
// Include the quoted original so the reply reads like a mail-client thread. // Include the quoted original so the reply reads like a mail-client thread.
@@ -3421,6 +3446,12 @@ initializeDatabase().then(async () => {
"SELECT id FROM basis_dokumente WHERE user_id = ? AND typ = 'Lebenslauf' AND inhalt IS NOT NULL AND inhalt != '' LIMIT 1", "SELECT id FROM basis_dokumente WHERE user_id = ? AND typ = 'Lebenslauf' AND inhalt IS NOT NULL AND inhalt != '' LIMIT 1",
[ziel.id] [ziel.id]
); );
// Der KI-Feinschliff liest ALLE Basis-Unterlagen, nicht nur den Lebenslauf —
// ein Kurzprofil allein reicht ihm schon.
const unterlagen = await dbGet(
"SELECT id FROM basis_dokumente WHERE user_id = ? AND inhalt IS NOT NULL AND inhalt != '' LIMIT 1",
[ziel.id]
);
const ollamaKey = await dbGet( const ollamaKey = await dbGet(
"SELECT value FROM app_state WHERE user_id = ? AND key = 'cfg:OLLAMA_API_KEY' AND value != ''", "SELECT value FROM app_state WHERE user_id = ? AND key = 'cfg:OLLAMA_API_KEY' AND value != ''",
[ziel.id] [ziel.id]
@@ -3435,6 +3466,7 @@ initializeDatabase().then(async () => {
wochentage: suchprofil.WOCHENTAGE, wochentage: suchprofil.WOCHENTAGE,
maxStaedte: suchprofil.MAX_STAEDTE, maxStaedte: suchprofil.MAX_STAEDTE,
hatLebenslauf: Boolean(lebenslauf), hatLebenslauf: Boolean(lebenslauf),
hatUnterlagen: Boolean(unterlagen),
hatOllamaKey: Boolean(ollamaKey), hatOllamaKey: Boolean(ollamaKey),
fehler: req.query.fehler ? String(req.query.fehler) : null, fehler: req.query.fehler ? String(req.query.fehler) : null,
hinweis: req.query.hinweis ? String(req.query.hinweis) : null, hinweis: req.query.hinweis ? String(req.query.hinweis) : null,
@@ -3465,6 +3497,47 @@ initializeDatabase().then(async () => {
} }
}); });
// KI-Vorschlag für den Feinschliff (Zusatzbegriffe / Ausschlüsse), abgeleitet
// aus den Basis-Unterlagen des Zielbenutzers. Der Vorschlag wird nur
// zurückgegeben, nicht gespeichert — der Nutzer prüft ihn im Formular und
// speichert selbst. Anders als der Suchlauf läuft das direkt hier: es ist ein
// einzelner Ollama-Aufruf, kein Web-Rechercheauftrag für den Host-Runner.
app.post('/jobsuche/feinschliff', async (req, res) => {
try {
const ziel = resolveZielUser(req);
if (!ziel) return res.status(403).json({ error: 'Zugriff verweigert nur für Administratoren.' });
const unterlagen = await dbAll(
`SELECT typ, name, inhalt FROM basis_dokumente
WHERE user_id = ? AND inhalt IS NOT NULL AND inhalt != ''
ORDER BY CASE typ WHEN 'Lebenslauf' THEN 0 WHEN 'Profil/Kurzprofil' THEN 1 WHEN 'Anschreiben' THEN 2 ELSE 3 END, id ASC`,
[ziel.id]
);
if (!unterlagen.length) {
return res.status(400).json({
error: 'Keine Basis-Unterlagen hinterlegt lege zuerst unter „Vorlagen“ einen Lebenslauf an.',
});
}
// Modus/Städte kommen aus dem Formular (ggf. ungespeichert), der Rest ist
// für den Vorschlag irrelevant.
const profil = suchprofil.fromForm({ ...req.body, aktiv: '0' }, sanitizeInput);
const text = unterlagen
.map((d) => `## ${d.typ}${d.name ? ` ${d.name}` : ''}\n${String(d.inhalt).trim()}`)
.join('\n\n');
const vorschlag = await generateFeinschliff({
unterlagen: text,
profil,
prompts: await loadPrompts(),
});
res.json(vorschlag);
} catch (error) {
console.error('Error generating Feinschliff:', error);
res.status(500).json({ error: error.message || 'Serverfehler' });
}
});
// "Jetzt suchen": queue a run. Picked up by the host runner within a few minutes. // "Jetzt suchen": queue a run. Picked up by the host runner within a few minutes.
app.post('/jobsuche/start', async (req, res) => { app.post('/jobsuche/start', async (req, res) => {
try { try {
@@ -3712,11 +3785,11 @@ initializeDatabase().then(async () => {
type: 'function', type: 'function',
function: { function: {
name: 'suche_bewerbungen', name: 'suche_bewerbungen',
description: 'Durchsucht Bewerbungen nach Firmen- oder Stellenname (Teiltreffer). Nutze dies, wenn der Nutzer eine konkrete Firma/Stelle nennt oder fragt, was zu einer Firma bekannt ist. Liefert eine kompakte Trefferliste (id, firma, stelle, status, datum, ort) — hole Details mit bewerbung_detail.', description: 'Volltextsuche über Bewerbungen UND ihre E-Mail-Korrespondenz: Firma, Stelle, Notizen, Stellenbeschreibung, Absender/Empfänger, Betreff und Mailtext. Nutze dies auch, wenn der Nutzer nur einen Namen einer Ansprechpartnerin, einen Betreff oder eine Formulierung aus einer E-Mail nennt. Liefert je Treffer die Bewerbung samt Fundstelle (wo der Begriff steht) — hole Details mit bewerbung_detail.',
parameters: { parameters: {
type: 'object', type: 'object',
properties: { properties: {
query: { type: 'string', description: 'Suchbegriff, z. B. Firmen- oder Stellenname (mind. 2 Zeichen)' }, query: { type: 'string', description: 'Suchbegriff (mind. 2 Zeichen). Mehrere Wörter werden UND-verknüpft; "in Anführungszeichen" sucht die Wortfolge, feld:wert grenzt ein (firma:, stelle:, von:, betreff:), -wort schließt aus.' },
}, },
required: ['query'], required: ['query'],
}, },
@@ -3773,14 +3846,22 @@ initializeDatabase().then(async () => {
if (name === 'suche_bewerbungen') { if (name === 'suche_bewerbungen') {
const q = String(a.query || '').trim(); const q = String(a.query || '').trim();
if (q.length < 2) return { treffer: [], hinweis: 'Suchbegriff zu kurz' }; if (q.length < 2) return { treffer: [], hinweis: 'Suchbegriff zu kurz' };
const like = `%${q.replace(/[%_]/g, (m) => '\\' + m)}%`; // Dieselbe Volltextsuche wie auf der Startseite (lib/suche.js) — der Assistent
const rows = await dbAll( // findet eine Bewerbung dadurch auch über einen Namen aus der Korrespondenz.
`SELECT id, firma, stelle, status, datum, ort FROM bewerbungen const treffer = await suche.suche(dbAll, uid(), q, 20);
WHERE user_id = ? AND (firma LIKE ? ESCAPE '\\' OR stelle LIKE ? ESCAPE '\\') return {
ORDER BY datum DESC, created_at DESC LIMIT 20`, treffer: treffer.map((t) => ({
[uid(), like, like] id: t.bewerbung_id,
); ...(t.bewerbung || {}),
return { treffer: rows }; // Wo der Begriff steht, ohne Markierungszeichen — die versteht das Modell nicht.
fundstellen: t.fundstellen.map((f) => ({
wo: f.quelle === 'email'
? `E-Mail${f.email && f.email.betreff ? `${f.email.betreff}"` : ''}${f.email && f.email.von ? ` von ${f.email.von}` : ''}`
: f.feld_label,
auszug: suche.ohneMarker(f.snippet),
})),
})),
};
} }
if (name === 'list_bewerbungen') { if (name === 'list_bewerbungen') {
const limit = Math.min(Math.max(Number(a.limit) || 20, 1), 40); const limit = Math.min(Math.max(Number(a.limit) || 20, 1), 40);
+89 -21
View File
@@ -500,20 +500,34 @@
<label class="block text-xs font-medium text-gray-500 dark:text-gray-400 mb-1">Betreff</label> <label class="block text-xs font-medium text-gray-500 dark:text-gray-400 mb-1">Betreff</label>
<input type="text" name="subject" value="<%= /^\s*(re|aw)\s*:/i.test(e.subject || '') ? (e.subject || '') : ('Re: ' + (e.subject || '')) %>" <input type="text" name="subject" value="<%= /^\s*(re|aw)\s*:/i.test(e.subject || '') ? (e.subject || '') : ('Re: ' + (e.subject || '')) %>"
class="reply-subject w-full px-3 py-2 mb-2 border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700 text-gray-800 dark:text-white text-sm"> class="reply-subject w-full px-3 py-2 mb-2 border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700 text-gray-800 dark:text-white text-sm">
<div class="flex flex-wrap items-center justify-between gap-2 mb-1"> <!-- KI-Antwort: erst sagen, was drinstehen soll, dann generieren lassen.
<label class="block text-xs font-medium text-gray-500 dark:text-gray-400">Nachricht</label> Ohne Vorgabe kommt nur eine allgemeine Höflichkeitsantwort heraus. -->
<div class="flex flex-wrap items-center gap-2"> <div class="mb-3 rounded-md border border-purple-200 dark:border-purple-800/60 bg-purple-50/60 dark:bg-purple-900/10 p-3">
<div class="flex flex-wrap items-center justify-between gap-2 mb-1.5">
<label for="ai-prompt-<%= e.id %>" class="flex items-center gap-1.5 text-xs font-medium text-purple-700 dark:text-purple-300">
<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg>
Was soll die KI antworten?
</label>
<select class="ai-reply-typ text-xs px-1.5 py-0.5 border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700 text-gray-700 dark:text-gray-200"> <select class="ai-reply-typ text-xs px-1.5 py-0.5 border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700 text-gray-700 dark:text-gray-200">
<option value="antwort">Antwort</option> <option value="antwort">Antwort</option>
<option value="absage">Absage (andere Stelle)</option> <option value="absage">Absage (andere Stelle)</option>
</select> </select>
<button type="button" class="ai-reply-btn inline-flex items-center gap-1 text-xs text-purple-600 hover:text-purple-800 dark:text-purple-400 hover:underline" </div>
<textarea id="ai-prompt-<%= e.id %>" rows="2"
class="ai-reply-prompt w-full px-3 py-2 border border-purple-200 dark:border-purple-800/60 rounded-md bg-white dark:bg-gray-700 text-gray-800 dark:text-white text-sm leading-relaxed"
placeholder="z. B. Termin am Dienstag 14 Uhr zusagen, nach dem Ablauf des Gesprächs fragen oder: kürzer und förmlicher"></textarea>
<div class="flex flex-wrap items-center justify-between gap-2 mt-2">
<p class="ai-reply-status text-xs text-gray-500 dark:text-gray-400">
Ohne Vorgabe antwortet die KI nur allgemein auf die Nachricht.
</p>
<button type="button" class="ai-reply-btn inline-flex items-center gap-1.5 shrink-0 px-3 py-1.5 text-xs font-medium rounded-md bg-purple-600 hover:bg-purple-700 text-white transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
data-email-id="<%= e.id %>" data-app-id="<%= application.id %>" data-target="reply-<%= e.id %>"> data-email-id="<%= e.id %>" data-app-id="<%= application.id %>" data-target="reply-<%= e.id %>">
<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg> <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg>
<span class="ai-reply-label">KI-Antwort generieren</span> <span class="ai-reply-label">KI-Antwort generieren</span>
</button> </button>
</div> </div>
</div> </div>
<label class="block text-xs font-medium text-gray-500 dark:text-gray-400 mb-1">Nachricht</label>
<textarea name="body" rows="12" required <textarea name="body" rows="12" required
class="reply-body w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700 text-gray-800 dark:text-white text-sm leading-relaxed"><%= e.reply_quote ? '\n\n' + e.reply_quote : '' %></textarea> class="reply-body w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700 text-gray-800 dark:text-white text-sm leading-relaxed"><%= e.reply_quote ? '\n\n' + e.reply_quote : '' %></textarea>
<% if (basisAnhaenge && basisAnhaenge.length) { %> <% if (basisAnhaenge && basisAnhaenge.length) { %>
@@ -861,46 +875,100 @@
}); });
}); });
// Generate an AI draft reply and drop it into the reply form. // KI-Antwort: Der Nutzer gibt vor, was drinstehen soll; die KI schreibt
// die Mail dazu. Steht schon ein Entwurf im Feld, geht er mit — dann
// überarbeitet die KI ihn entlang der neuen Vorgabe, statt ihn (und die
// eigenen Änderungen daran) wegzuwerfen.
document.querySelectorAll('.ai-reply-btn').forEach((btn) => { document.querySelectorAll('.ai-reply-btn').forEach((btn) => {
const form = document.getElementById(btn.dataset.target); const form = document.getElementById(btn.dataset.target);
const typSelect = form ? form.querySelector('.ai-reply-typ') : null; if (!form) return;
const typSelect = form.querySelector('.ai-reply-typ');
const promptFeld = form.querySelector('.ai-reply-prompt');
const status = form.querySelector('.ai-reply-status');
const body = form.querySelector('.reply-body');
const subject = form.querySelector('.reply-subject');
const label = btn.querySelector('.ai-reply-label'); const label = btn.querySelector('.ai-reply-label');
const syncLabel = () => {
if (!label || !typSelect) return; // Das zitierte Original steht unter dem Entwurf und ist nicht Teil davon.
label.textContent = typSelect.value === 'absage' ? 'KI-Absage generieren' : 'KI-Antwort generieren'; let zitat = (body ? body.value : '').trim();
const entwurfText = () => {
let t = body ? body.value : '';
if (zitat && t.trimEnd().endsWith(zitat)) t = t.trimEnd().slice(0, -zitat.length);
return t.trim();
}; };
if (typSelect) { typSelect.addEventListener('change', syncLabel); syncLabel(); }
btn.addEventListener('click', async () => { const syncLabel = () => {
if (!form) return; if (!label) return;
const absage = typSelect && typSelect.value === 'absage';
const ueberarbeiten = entwurfText().length > 0;
label.textContent = ueberarbeiten
? 'Entwurf überarbeiten'
: (absage ? 'KI-Absage generieren' : 'KI-Antwort generieren');
};
const melde = (text, art) => {
if (!status) return;
status.textContent = text;
status.className = 'ai-reply-status text-xs ' + (
art === 'fehler' ? 'text-red-600 dark:text-red-400'
: art === 'ok' ? 'text-green-700 dark:text-green-400'
: 'text-gray-500 dark:text-gray-400');
};
if (typSelect) typSelect.addEventListener('change', syncLabel);
if (body) body.addEventListener('input', syncLabel);
syncLabel();
const generieren = async () => {
const typ = typSelect ? typSelect.value : 'antwort'; const typ = typSelect ? typSelect.value : 'antwort';
const hinweise = promptFeld ? promptFeld.value.trim() : '';
const entwurf = entwurfText();
const prev = label ? label.textContent : ''; const prev = label ? label.textContent : '';
if (label) label.textContent = 'Generiere …'; if (label) label.textContent = entwurf ? 'Überarbeite …' : 'Generiere …';
btn.disabled = true; btn.disabled = true;
melde(entwurf
? 'Die KI überarbeitet den Entwurf nach deiner Vorgabe …'
: 'Die KI schreibt die Antwort …', 'info');
try { try {
const res = await fetch('/bewerbung/' + btn.dataset.appId + '/email/ai-reply', { const res = await fetch('/bewerbung/' + btn.dataset.appId + '/email/ai-reply', {
method: 'POST', method: 'POST',
headers: { 'Content-Type': 'application/json' }, headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ email_id: btn.dataset.emailId, typ }), body: JSON.stringify({ email_id: btn.dataset.emailId, typ, hinweise, entwurf }),
}); });
const data = await res.json(); const data = await res.json();
if (!res.ok) throw new Error(data.error || 'Fehler'); if (!res.ok) throw new Error(data.error || 'Fehler');
const body = form.querySelector('.reply-body');
const subject = form.querySelector('.reply-subject');
if (body && data.text) { if (body && data.text) {
// Generated reply on top, quoted original beneath — like a mail client. if (data.quote) zitat = data.quote;
body.value = data.text + (data.quote ? '\n\n' + data.quote : ''); // Entwurf oben, zitiertes Original darunter — wie im Mailprogramm.
body.value = data.text + (zitat ? '\n\n' + zitat : '');
body.focus(); body.focus();
try { body.setSelectionRange(data.text.length, data.text.length); } catch (e) {} try { body.setSelectionRange(data.text.length, data.text.length); } catch (e) {}
} }
if (subject && data.betreff) subject.value = data.betreff; if (subject && data.betreff) subject.value = data.betreff;
melde(hinweise
? 'Entwurf nach deiner Vorgabe erstellt prüfen, anpassen, senden.'
: 'Entwurf erstellt. Für Änderungen oben vorgeben, was anders sein soll.', 'ok');
syncLabel();
} catch (e) { } catch (e) {
alert('KI-Antwort fehlgeschlagen: ' + e.message); melde('KI-Antwort fehlgeschlagen: ' + (e.message || 'Unbekannter Fehler'), 'fehler');
} finally {
if (label) label.textContent = prev; if (label) label.textContent = prev;
} finally {
btn.disabled = false; btn.disabled = false;
syncLabel();
} }
}); };
btn.addEventListener('click', generieren);
// Strg/Cmd + Enter im Prompt-Feld generiert direkt.
if (promptFeld) {
promptFeld.addEventListener('keydown', (ev) => {
if (ev.key === 'Enter' && (ev.ctrlKey || ev.metaKey)) {
ev.preventDefault();
if (!btn.disabled) generieren();
}
});
}
}); });
// While documents are being generated, poll for completion and // While documents are being generated, poll for completion and
+244 -38
View File
@@ -13,8 +13,15 @@
<svg class="absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-gray-400 dark:text-gray-500 pointer-events-none" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-gray-400 dark:text-gray-500 pointer-events-none" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
</svg> </svg>
<input id="firmaSearch" type="text" placeholder="Firma suchen …" autocomplete="off" <input id="firmaSearch" type="search" role="searchbox" autocomplete="off" spellcheck="false"
class="w-full pl-12 pr-10 py-3 rounded-full border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 text-gray-800 dark:text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition"> placeholder="Suchen: Firma, Stelle, Notizen, E-Mails …"
aria-label="Bewerbungen und E-Mails durchsuchen"
aria-controls="searchResults" aria-expanded="false"
class="w-full pl-12 pr-20 py-3 rounded-full border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 text-gray-800 dark:text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition">
<kbd id="firmaSearchHint"
class="absolute right-3 top-1/2 -translate-y-1/2 hidden sm:inline-block px-1.5 py-0.5 rounded border border-gray-300 dark:border-gray-600 text-[11px] font-sans text-gray-400 dark:text-gray-500 pointer-events-none">/</kbd>
<span id="firmaSearchSpinner"
class="hidden absolute right-10 top-1/2 -translate-y-1/2 w-4 h-4 rounded-full border-2 border-gray-300 dark:border-gray-600 border-t-blue-500 animate-spin"></span>
<button id="firmaSearchClear" type="button" aria-label="Suche zurücksetzen" <button id="firmaSearchClear" type="button" aria-label="Suche zurücksetzen"
class="hidden absolute right-3 top-1/2 -translate-y-1/2 p-1 rounded-full text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors"> class="hidden absolute right-3 top-1/2 -translate-y-1/2 p-1 rounded-full text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors">
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg>
@@ -43,9 +50,26 @@
</div> </div>
</div> </div>
<!-- Suchergebnisse (Volltext über Bewerbungen + E-Mails, /api/suche) -->
<div id="searchPanel" class="hidden bg-white dark:bg-gray-800 rounded-lg shadow-md mb-8">
<div class="flex flex-wrap items-baseline justify-between gap-x-4 gap-y-1 px-6 py-3 border-b border-gray-200 dark:border-gray-700">
<p id="searchSummary" class="text-sm text-gray-600 dark:text-gray-300"></p>
<p class="text-xs text-gray-400 dark:text-gray-500">
Durchsucht Firma, Stelle, Notizen, Stellenbeschreibung und die E-Mail-Korrespondenz.
<span class="hidden sm:inline">Verfeinern: <code>firma:bosch</code>, <code>von:müller</code>, <code>"genauer wortlaut"</code>, <code>-zeitarbeit</code></span>
</p>
</div>
<ul id="searchResults" role="listbox" aria-label="Suchergebnisse" class="divide-y divide-gray-100 dark:divide-gray-700/60"></ul>
<div id="searchEmpty" class="hidden px-6 py-12 text-center text-gray-500 dark:text-gray-400">
<p>Nichts gefunden für „<span id="searchEmptyTerm"></span>".</p>
<p class="mt-2 text-sm">Gesucht wird auch in E-Mails prüfe die Schreibweise oder suche nach einem Teilwort.</p>
</div>
<div id="searchError" class="hidden px-6 py-8 text-center text-sm text-red-600 dark:text-red-400"></div>
</div>
<!-- Upcoming appointments (from the application calendar) --> <!-- Upcoming appointments (from the application calendar) -->
<% if (typeof kommendeTermine !== 'undefined' && kommendeTermine && kommendeTermine.length) { %> <% if (typeof kommendeTermine !== 'undefined' && kommendeTermine && kommendeTermine.length) { %>
<div class="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6 mb-8"> <div id="termineCard" class="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6 mb-8">
<div class="flex items-center gap-2 mb-4"> <div class="flex items-center gap-2 mb-4">
<svg class="w-5 h-5 text-blue-600 dark:text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg> <svg class="w-5 h-5 text-blue-600 dark:text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg>
<h2 class="text-lg font-semibold text-gray-800 dark:text-white">Anstehende Termine</h2> <h2 class="text-lg font-semibold text-gray-800 dark:text-white">Anstehende Termine</h2>
@@ -106,7 +130,7 @@
transform: rotate(90deg); transform: rotate(90deg);
} }
</style> </style>
<div class="bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-x-auto"> <div id="listCard" class="bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-x-auto">
<div class="md:min-w-[760px]"> <div class="md:min-w-[760px]">
<!-- Column labels (desktop only — on phones the rows become stacked cards) --> <!-- Column labels (desktop only — on phones the rows become stacked cards) -->
<div class="app-head app-grid px-6 py-3 bg-gray-50 dark:bg-gray-700 text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider"> <div class="app-head app-grid px-6 py-3 bg-gray-50 dark:bg-gray-700 text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">
@@ -170,7 +194,7 @@
const hatVerlauf = app.verlauf && app.verlauf.length > 0; const hatVerlauf = app.verlauf && app.verlauf.length > 0;
const hatDetails = hatNotizen || hatInterne || hatVerlauf; const hatDetails = hatNotizen || hatInterne || hatVerlauf;
%> %>
<div class="app-row border-t border-gray-100 dark:border-gray-700/60 <%= hatDetails ? 'has-details' : '' %>" data-search="<%= ((app.firma || '') + ' ' + (app.stelle || '')).toLowerCase().replace(/"/g, '') %>"> <div class="app-row border-t border-gray-100 dark:border-gray-700/60 <%= hatDetails ? 'has-details' : '' %>">
<!-- Eine Zeile pro Bewerbung --> <!-- Eine Zeile pro Bewerbung -->
<div class="app-line app-grid px-6 py-3 text-sm transition-colors <%= hatDetails ? 'cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-700/50' : '' %>"> <div class="app-line app-grid px-6 py-3 text-sm transition-colors <%= hatDetails ? 'cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-700/50' : '' %>">
<span class="flex items-center justify-center"> <span class="flex items-center justify-center">
@@ -280,9 +304,6 @@
</section> </section>
<% }); %> <% }); %>
</div> </div>
<div id="searchNoResults" class="px-6 py-12 text-center text-gray-500 dark:text-gray-400 border-t border-gray-200 dark:border-gray-700" style="display:none">
<p>Keine Firma gefunden für „<span id="searchNoResultsTerm"></span>".</p>
</div>
<% } else { %> <% } else { %>
<div class="px-6 py-12 text-center text-gray-500 dark:text-gray-400 border-t border-gray-200 dark:border-gray-700"> <div class="px-6 py-12 text-center text-gray-500 dark:text-gray-400 border-t border-gray-200 dark:border-gray-700">
<p>Keine Bewerbungen gefunden.</p> <p>Keine Bewerbungen gefunden.</p>
@@ -325,51 +346,236 @@
}); });
}); });
// ---- Live-Firmensuche: filtert die Bewerbungsliste nach Firma/Stelle ---- // ---- Volltextsuche (/api/suche): Bewerbungen + E-Mail-Korrespondenz ----
// Die Liste unten bleibt der Normalzustand; sobald gesucht wird, tritt an
// ihre Stelle die gerankte Trefferliste mit Fundstellen.
var input = document.getElementById('firmaSearch'); var input = document.getElementById('firmaSearch');
if (!input) return; if (!input) return;
var clear = document.getElementById('firmaSearchClear'); var clear = document.getElementById('firmaSearchClear');
var sections = qsa('.status-group'); var hint = document.getElementById('firmaSearchHint');
var noResults = document.getElementById('searchNoResults'); var spinner = document.getElementById('firmaSearchSpinner');
var noResultsTerm = document.getElementById('searchNoResultsTerm'); var panel = document.getElementById('searchPanel');
var results = document.getElementById('searchResults');
var summary = document.getElementById('searchSummary');
var empty = document.getElementById('searchEmpty');
var emptyTerm = document.getElementById('searchEmptyTerm');
var fehler = document.getElementById('searchError');
var listCard = document.getElementById('listCard');
var termineCard = document.getElementById('termineCard');
function filter() { var MIN = 2; // kürzere Eingaben liefern nur Rauschen
var q = input.value.trim().toLowerCase(); var MARK_START = '\u0002'; // Fundstellen-Marker aus lib/suche.js
if (clear) clear.classList.toggle('hidden', !q); var MARK_END = '\u0003';
var anyVisible = false; var timer = null;
var laufend = null; // AbortController der offenen Anfrage
var aktiv = -1; // per Tastatur ausgewählter Treffer
sections.forEach(function (sec) { function escapeHtml(s) {
var rows = qsa('.app-row', sec); return String(s == null ? '' : s)
var visible = 0; .replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
rows.forEach(function (row) { .replace(/"/g, '&quot;').replace(/'/g, '&#39;');
var match = !q || (row.dataset.search || '').indexOf(q) !== -1; }
row.style.display = match ? '' : 'none';
if (match) visible++;
});
if (visible) anyVisible = true;
var countEl = sec.querySelector('[data-group-count]'); // Snippet -> HTML: erst escapen (Mailtext ist Fremdinhalt), dann die
if (countEl) countEl.textContent = visible; // Marker durch <mark> ersetzen. Andersherum wäre es eine XSS-Lücke.
sec.style.display = (visible === 0 && q) ? 'none' : ''; function snippetHtml(s) {
return escapeHtml(s)
.split(escapeHtml(MARK_START)).join('<mark class="bg-yellow-200 dark:bg-yellow-500/40 dark:text-white rounded-sm px-0.5">')
.split(escapeHtml(MARK_END)).join('</mark>');
}
// Während der Suche passende Gruppen aufklappen, nach dem Löschen alles wieder zu. function datumDe(iso) {
var body = sec.querySelector('.group-body'); if (!iso) return '';
var chev = sec.querySelector('.group-toggle .chevron'); var d = new Date(iso);
setOpen(body, chev, !!q && visible > 0); return isNaN(d) ? '' : d.toLocaleDateString('de-DE');
}
// "Frau Müller <m.mueller@bosch.de>" -> "Frau Müller"
function absender(v) {
var s = String(v || '').trim();
var m = s.match(/^\s*"?([^"<]+?)"?\s*<[^>]+>\s*$/);
return (m ? m[1].trim() : s) || '';
}
// Woher der Treffer stammt — die Herkunft ist bei einer Mailsuche die
// eigentliche Information ("steht in der Mail von Frau Müller").
function herkunft(f) {
if (f.quelle !== 'email' || !f.email) return f.feld_label || 'Bewerbung';
var von = absender(f.email.richtung === 'out' ? f.email.an : f.email.von);
var d = datumDe(f.email.datum);
return 'E-Mail' + (von ? (f.email.richtung === 'out' ? ' an ' : ' von ') + von : '') + (d ? ', ' + d : '');
}
function trefferZeile(t, i) {
var b = t.bewerbung || {};
var li = document.createElement('li');
li.setAttribute('role', 'option');
li.dataset.index = String(i);
var a = document.createElement('a');
a.href = t.typ === 'email' && !t.bewerbung_id ? '/postfach' : '/bewerbung/' + t.bewerbung_id;
a.className = 'block px-6 py-4 hover:bg-gray-50 dark:hover:bg-gray-700/50 transition-colors focus:outline-none focus:bg-gray-50 dark:focus:bg-gray-700/50';
var kopf = document.createElement('div');
kopf.className = 'flex flex-wrap items-baseline gap-x-2 gap-y-1';
var titel = document.createElement('span');
titel.className = 'font-medium text-gray-900 dark:text-white';
titel.textContent = t.bewerbung_id ? (b.firma || '(ohne Firma)') : 'E-Mail im Postfach';
kopf.appendChild(titel);
if (b.stelle) {
var stelle = document.createElement('span');
stelle.className = 'text-sm text-gray-600 dark:text-gray-300';
stelle.textContent = '· ' + b.stelle;
kopf.appendChild(stelle);
}
if (b.status) {
var st = document.createElement('span');
st.className = 'px-2 py-0.5 rounded-full text-xs font-medium bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-200';
st.textContent = b.status;
kopf.appendChild(st);
}
if (b.datum) {
var dt = document.createElement('span');
dt.className = 'ml-auto text-xs text-gray-400 dark:text-gray-500 whitespace-nowrap';
dt.textContent = datumDe(b.datum);
kopf.appendChild(dt);
}
a.appendChild(kopf);
(t.fundstellen || []).forEach(function (f) {
var zeile = document.createElement('p');
zeile.className = 'mt-1.5 text-sm text-gray-600 dark:text-gray-300 flex flex-wrap items-baseline gap-x-2';
var wo = document.createElement('span');
wo.className = 'shrink-0 text-xs uppercase tracking-wide ' +
(f.quelle === 'email' ? 'text-indigo-600 dark:text-indigo-400' : 'text-gray-400 dark:text-gray-500');
wo.textContent = herkunft(f);
var text = document.createElement('span');
text.className = 'min-w-0 break-words';
text.innerHTML = snippetHtml(f.snippet); // vorher escaped, siehe snippetHtml
zeile.appendChild(wo);
zeile.appendChild(text);
a.appendChild(zeile);
}); });
if (noResults) { li.appendChild(a);
noResults.style.display = (!anyVisible && q) ? '' : 'none'; return li;
if (noResultsTerm) noResultsTerm.textContent = input.value.trim(); }
function markiere(i) {
var zeilen = qsa('li', results);
if (!zeilen.length) return;
aktiv = (i + zeilen.length) % zeilen.length;
zeilen.forEach(function (li, n) {
li.classList.toggle('bg-blue-50', n === aktiv);
li.classList.toggle('dark:bg-gray-700/60', n === aktiv);
li.setAttribute('aria-selected', n === aktiv ? 'true' : 'false');
});
zeilen[aktiv].scrollIntoView({ block: 'nearest' });
}
function zeigeListe() {
panel.classList.add('hidden');
if (listCard) listCard.classList.remove('hidden');
if (termineCard) termineCard.classList.remove('hidden');
input.setAttribute('aria-expanded', 'false');
aktiv = -1;
}
function zeigeTreffer(daten) {
var treffer = daten.treffer || [];
results.innerHTML = '';
treffer.forEach(function (t, i) { results.appendChild(trefferZeile(t, i)); });
summary.textContent = treffer.length
? treffer.length + (treffer.length === 1 ? ' Treffer' : ' Treffer') + ' für „' + daten.q.trim() + '"'
: 'Keine Treffer';
empty.classList.toggle('hidden', treffer.length > 0);
if (emptyTerm) emptyTerm.textContent = daten.q.trim();
fehler.classList.add('hidden');
panel.classList.remove('hidden');
if (listCard) listCard.classList.add('hidden');
if (termineCard) termineCard.classList.add('hidden');
input.setAttribute('aria-expanded', 'true');
aktiv = -1;
}
function zeigeFehler(msg) {
results.innerHTML = '';
summary.textContent = '';
empty.classList.add('hidden');
fehler.textContent = msg;
fehler.classList.remove('hidden');
panel.classList.remove('hidden');
if (listCard) listCard.classList.add('hidden');
if (termineCard) termineCard.classList.add('hidden');
}
async function suchen(q) {
if (laufend) laufend.abort(); // veraltete Antwort darf die neue nicht überholen
laufend = new AbortController();
spinner.classList.remove('hidden');
try {
var res = await fetch('/api/suche?q=' + encodeURIComponent(q), {
headers: { Accept: 'application/json' }, signal: laufend.signal,
});
if (!res.ok) throw new Error('Die Suche ist fehlgeschlagen (' + res.status + ').');
zeigeTreffer(await res.json());
} catch (e) {
if (e.name === 'AbortError') return; // durch den nächsten Tastendruck ersetzt
zeigeFehler(e.message || 'Die Suche ist fehlgeschlagen.');
} finally {
spinner.classList.add('hidden');
} }
} }
input.addEventListener('input', filter); function getippt() {
if (clear) clear.addEventListener('click', function () { var q = input.value.trim();
clear.classList.toggle('hidden', !q);
if (hint) hint.classList.toggle('hidden', !!q);
clearTimeout(timer);
if (laufend) { laufend.abort(); laufend = null; }
spinner.classList.add('hidden');
if (q.length < MIN) { zeigeListe(); return; }
// Entprellt: erst tippen lassen, dann eine Anfrage stellen.
timer = setTimeout(function () { suchen(q); }, 180);
}
input.addEventListener('input', getippt);
input.addEventListener('keydown', function (e) {
if (e.key === 'Escape') {
input.value = '';
getippt();
input.blur();
return;
}
if (panel.classList.contains('hidden')) return;
if (e.key === 'ArrowDown') { e.preventDefault(); markiere(aktiv + 1); }
else if (e.key === 'ArrowUp') { e.preventDefault(); markiere(aktiv - 1); }
else if (e.key === 'Enter') {
var zeilen = qsa('li', results);
var ziel = zeilen[aktiv >= 0 ? aktiv : 0];
var link = ziel && ziel.querySelector('a');
if (link) { e.preventDefault(); link.click(); }
}
});
clear.addEventListener('click', function () {
input.value = ''; input.value = '';
filter(); getippt();
input.focus(); input.focus();
}); });
// "/" springt ins Suchfeld — solange man nicht ohnehin schon tippt.
document.addEventListener('keydown', function (e) {
if (e.key !== '/' || e.metaKey || e.ctrlKey || e.altKey) return;
var t = e.target;
if (t && (t.tagName === 'INPUT' || t.tagName === 'TEXTAREA' || t.tagName === 'SELECT' || t.isContentEditable)) return;
e.preventDefault();
input.focus();
input.select();
});
})(); })();
</script> </script>
</main> </main>
+73 -3
View File
@@ -105,9 +105,27 @@
</section> </section>
<section class="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6"> <section class="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6">
<h3 class="text-base font-semibold text-gray-800 dark:text-white">Feinschliff</h3> <div class="flex flex-wrap items-start justify-between gap-4">
<p class="text-sm text-gray-500 dark:text-gray-400 mt-1 mb-5"> <div>
Optional. Rollen und Technologien kommen aus deinem Lebenslauf hier ergänzt du nur Leitplanken. <h3 class="text-base font-semibold text-gray-800 dark:text-white">Feinschliff</h3>
<p class="text-sm text-gray-500 dark:text-gray-400 mt-1">
Optional. Rollen und Technologien kommen aus deinem Lebenslauf hier ergänzt du nur Leitplanken.
</p>
</div>
<button type="button" id="feinschliffKi"
<%= (!hatUnterlagen || !hatOllamaKey) ? 'disabled' : '' %>
title="<%= !hatUnterlagen ? 'Dafür fehlen Basis-Unterlagen unter Vorlagen.' : (!hatOllamaKey ? 'Dafür fehlt der Ollama-API-Schlüssel in den Einstellungen.' : 'Leitet Vorschläge aus deinen Basis-Unterlagen ab.') %>"
class="inline-flex items-center gap-2 px-3 py-1.5 shrink-0 text-sm border border-blue-600 text-blue-600 dark:border-blue-400 dark:text-blue-400 rounded-md transition-colors hover:bg-blue-50 dark:hover:bg-blue-900/30 disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-transparent">
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"></path>
</svg>
<span id="feinschliffKiText">Per KI vorschlagen</span>
</button>
</div>
<p id="feinschliffHinweis" class="hidden text-sm mt-3"></p>
<p class="text-xs text-gray-400 dark:text-gray-500 mt-3 mb-5">
Der KI-Vorschlag wertet deine <a href="/vorlagen" class="underline">Basis-Unterlagen</a> aus und
überschreibt beide Felder. Gespeichert wird er erst, wenn du unten auf „Speichern“ klickst.
</p> </p>
<div class="grid gap-4 sm:grid-cols-2"> <div class="grid gap-4 sm:grid-cols-2">
@@ -223,6 +241,58 @@
const initial = <%- JSON.stringify(laeufe.map(function (l) { return { status: l.status }; })) %>; const initial = <%- JSON.stringify(laeufe.map(function (l) { return { status: l.status }; })) %>;
if (offen(initial)) timer = setInterval(poll, 5000); if (offen(initial)) timer = setInterval(poll, 5000);
})(); })();
// "Per KI vorschlagen": lets the model derive the two guard-rail lists from the
// user's Basis-Unterlagen. Only fills the fields — saving stays a deliberate act.
(function () {
const btn = document.getElementById('feinschliffKi');
if (!btn) return;
const label = document.getElementById('feinschliffKiText');
const hinweis = document.getElementById('feinschliffHinweis');
const zusatz = document.getElementById('zusatz_begriffe');
const ausschluesse = document.getElementById('ausschluesse');
const zielUser = <%- fremd ? zielUser.id : 'null' %>;
const FARBE = {
info: 'text-gray-500 dark:text-gray-400',
ok: 'text-green-700 dark:text-green-400',
fehler: 'text-red-600 dark:text-red-400',
};
function melde(text, art) {
hinweis.textContent = text;
hinweis.className = 'text-sm mt-3 ' + FARBE[art];
}
btn.addEventListener('click', async function () {
btn.disabled = true;
label.textContent = 'KI denkt nach …';
melde('Die KI liest deine Basis-Unterlagen das dauert einen Moment.', 'info');
const modus = document.querySelector('input[name="modus"]:checked');
try {
const res = await fetch('/jobsuche/feinschliff', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
ziel_user: zielUser,
modus: modus ? modus.value : '',
staedte: document.getElementById('staedte').value,
}),
});
const data = await res.json().catch(function () { return {}; });
if (!res.ok) throw new Error(data.error || ('Fehler ' + res.status));
zusatz.value = data.zusatz_begriffe || '';
ausschluesse.value = data.ausschluesse || '';
melde('Vorschlag übernommen. Prüfe ihn und klicke auf „Speichern“.', 'ok');
} catch (e) {
melde(e.message || 'Der KI-Vorschlag ist fehlgeschlagen.', 'fehler');
} finally {
btn.disabled = false;
label.textContent = 'Per KI vorschlagen';
}
});
})();
</script> </script>
</body> </body>
</html> </html>