Protokoll #22532

{
    "event": "PreToolUse",
    "tool_name": "Write",
    "tool_input": {
        "file_path": "\/var\/www\/dev.campus.systemische-tools.de\/src\/View\/semantic-explorer\/suche.php",
        "content": "<?php\n\/\/ @responsibility: View für semantische Suche mit HTMX Live-Search\nob_start();\n?>\n\n<nav class=\"breadcrumb\">\n    <a href=\"\/\">Campus KI<\/a> &raquo; <a href=\"\/semantic-explorer\">Semantic Explorer<\/a> &raquo; Suche\n<\/nav>\n\n<h1>Semantische Suche<\/h1>\n<p>Vektor-basierte Suche in Nutzdaten (Qdrant documents Collection).<\/p>\n\n<div class=\"search-form\">\n    <div class=\"form-group\">\n        <div class=\"search-input-wrapper\">\n            <input type=\"search\"\n                   id=\"search-input\"\n                   name=\"q\"\n                   value=\"<?= htmlspecialchars($query) ?>\"\n                   placeholder=\"Suchbegriff eingeben...\"\n                   class=\"search-input\"\n                   hx-get=\"\/semantic-explorer\/suche\"\n                   hx-trigger=\"keyup changed delay:300ms, search\"\n                   hx-target=\"#search-results\"\n                   hx-swap=\"innerHTML\"\n                   hx-include=\"#search-limit\"\n                   hx-indicator=\"#search-spinner\"\n                   hx-push-url=\"true\"\n                   autofocus>\n            <span id=\"search-spinner\" class=\"htmx-indicator spinner\"><\/span>\n        <\/div>\n    <\/div>\n    <div class=\"form-row\">\n        <select id=\"search-limit\" name=\"limit\"\n                hx-get=\"\/semantic-explorer\/suche\"\n                hx-trigger=\"change\"\n                hx-target=\"#search-results\"\n                hx-swap=\"innerHTML\"\n                hx-include=\"#search-input\"\n                hx-push-url=\"true\">\n            <option value=\"5\" <?= $limit === 5 ? 'selected' : '' ?>>5 Ergebnisse<\/option>\n            <option value=\"10\" <?= $limit === 10 ? 'selected' : '' ?>>10 Ergebnisse<\/option>\n            <option value=\"20\" <?= $limit === 20 ? 'selected' : '' ?>>20 Ergebnisse<\/option>\n        <\/select>\n    <\/div>\n<\/div>\n\n<div id=\"search-results\">\n    <?php require __DIR__ . '\/partials\/search-results.php'; ?>\n<\/div>\n\n<p class=\"links-bar\">\n    <a href=\"\/semantic-explorer\">Zurueck zum Explorer<\/a>\n<\/p>\n\n<style>\n.search-input-wrapper {\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n.search-input-wrapper .spinner {\n    position: absolute;\n    right: 1rem;\n}\n.spinner {\n    display: inline-block;\n    width: 16px;\n    height: 16px;\n    border: 2px solid var(--color-border, #ddd);\n    border-top-color: var(--color-primary, #007bff);\n    border-radius: 50%;\n    animation: spin 0.8s linear infinite;\n}\n@keyframes spin {\n    to { transform: rotate(360deg); }\n}\n<\/style>\n\n<?php $content = ob_get_clean(); ?>\n<?php require VIEW_PATH . '\/layout.php'; ?>\n"
    }
}

-