Protokoll #11783

{
    "event": "PreToolUse",
    "tool_name": "Edit",
    "tool_input": {
        "file_path": "\/var\/www\/dev.campus.systemische-tools.de\/public\/css\/graph.css",
        "old_string": "\/* Node Colors - Code Graph *\/\n.graph-node-class { background: #6366f1; }\n.graph-node-interface { background: #f59e0b; }\n.graph-node-trait { background: #10b981; }",
        "new_string": "\/* Node Colors - Code Graph (by type) *\/\n.graph-node-class { background: #6366f1; }\n.graph-node-interface { background: #f59e0b; }\n.graph-node-trait { background: #10b981; }\n\n\/* Node Colors - Code Graph (by language) *\/\n.graph-node-php { background: #6366f1; }      \/* Indigo - PHP *\/\n.graph-node-python { background: #10b981; }   \/* Emerald - Python *\/\n.graph-node-js { background: #f59e0b; }       \/* Amber - JavaScript *\/"
    }
}

{
    "tool_response": {
        "filePath": "\/var\/www\/dev.campus.systemische-tools.de\/public\/css\/graph.css",
        "oldString": "\/* Node Colors - Code Graph *\/\n.graph-node-class { background: #6366f1; }\n.graph-node-interface { background: #f59e0b; }\n.graph-node-trait { background: #10b981; }",
        "newString": "\/* Node Colors - Code Graph (by type) *\/\n.graph-node-class { background: #6366f1; }\n.graph-node-interface { background: #f59e0b; }\n.graph-node-trait { background: #10b981; }\n\n\/* Node Colors - Code Graph (by language) *\/\n.graph-node-php { background: #6366f1; }      \/* Indigo - PHP *\/\n.graph-node-python { background: #10b981; }   \/* Emerald - Python *\/\n.graph-node-js { background: #f59e0b; }       \/* Amber - JavaScript *\/",
        "originalFile": "\/**\n * Shared Graph Styles\n * Used by: code-graph-global.php, semantic-explorer\/graph.php\n *\/\n\n\/* Container *\/\n.graph-container {\n    width: 100%;\n    height: 700px;\n    background: var(--bg-secondary);\n    border-radius: 8px;\n    overflow: hidden;\n    position: relative;\n}\n\n\/* Controls Bar *\/\n.graph-controls {\n    display: flex;\n    gap: 1rem;\n    flex-wrap: wrap;\n    margin-bottom: 1rem;\n    align-items: center;\n}\n\n\/* Legend *\/\n.graph-legend {\n    display: flex;\n    gap: 0.75rem;\n    flex-wrap: wrap;\n    font-size: 0.8rem;\n}\n\n.graph-legend-item {\n    display: flex;\n    align-items: center;\n    gap: 0.25rem;\n}\n\n.graph-legend-node {\n    display: inline-block;\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n}\n\n.graph-legend-link {\n    display: inline-block;\n    width: 16px;\n    height: 2px;\n    vertical-align: middle;\n}\n\n.graph-legend-separator {\n    margin-left: 0.5rem;\n    border-left: 1px solid var(--border-color);\n    padding-left: 0.5rem;\n}\n\n\/* Filter Controls *\/\n.graph-filters {\n    margin-left: auto;\n    display: flex;\n    gap: 0.5rem;\n    align-items: center;\n}\n\n.graph-filter-label {\n    font-size: 0.875rem;\n    margin-left: 0.5rem;\n}\n\n.graph-filter-label:first-child {\n    margin-left: 0;\n}\n\n.graph-filter-select {\n    padding: 0.25rem 0.5rem;\n    border-radius: 4px;\n    border: 1px solid var(--border-color);\n    background: var(--bg-secondary);\n    font-size: 0.875rem;\n}\n\n.graph-reset-btn {\n    padding: 0.25rem 0.5rem;\n    font-size: 0.75rem;\n}\n\n\/* Stats *\/\n.graph-stats {\n    font-size: 0.875rem;\n    color: var(--text-muted);\n    margin-bottom: 0.5rem;\n}\n\n\/* Loading *\/\n.graph-loading {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 100%;\n    color: var(--text-muted);\n}\n\n\/* Error *\/\n.graph-error {\n    padding: 2rem;\n    color: var(--text-danger);\n}\n\n\/* Node Colors - Code Graph *\/\n.graph-node-class { background: #6366f1; }\n.graph-node-interface { background: #f59e0b; }\n.graph-node-trait { background: #10b981; }\n\n\/* Node Colors - Semantic Graph *\/\n.graph-node-person { background: #6366f1; }\n.graph-node-organization { background: #f59e0b; }\n.graph-node-location { background: #10b981; }\n.graph-node-concept { background: #8b5cf6; }\n.graph-node-method { background: #3b82f6; }\n.graph-node-tool { background: #14b8a6; }\n.graph-node-event { background: #f43f5e; }\n.graph-node-other { background: #94a3b8; }\n\n\/* Link Colors - Code Graph *\/\n.graph-link-extends { background: #f59e0b; }\n.graph-link-implements { background: #3b82f6; }\n.graph-link-constructor { background: #8b5cf6; }\n.graph-link-use { background: #94a3b8; }\n.graph-link-trait { background: #14b8a6; }\n\n\/* Link Colors - Semantic Graph *\/\n.graph-link-related_to { background: #94a3b8; }\n.graph-link-part_of { background: #3b82f6; }\n.graph-link-used_in { background: #10b981; }\n.graph-link-developed_by { background: #8b5cf6; }\n.graph-link-taught_by { background: #f59e0b; }\n.graph-link-based_on { background: #14b8a6; }\n\n\/* Back Link *\/\n.graph-back-link {\n    margin-top: 1.5rem;\n}\n",
        "structuredPatch": [
            {
                "oldStart": 108,
                "oldLines": 11,
                "newStart": 108,
                "newLines": 16,
                "lines": [
                    "     color: var(--text-danger);",
                    " }",
                    " ",
                    "-\/* Node Colors - Code Graph *\/",
                    "+\/* Node Colors - Code Graph (by type) *\/",
                    " .graph-node-class { background: #6366f1; }",
                    " .graph-node-interface { background: #f59e0b; }",
                    " .graph-node-trait { background: #10b981; }",
                    " ",
                    "+\/* Node Colors - Code Graph (by language) *\/",
                    "+.graph-node-php { background: #6366f1; }      \/* Indigo - PHP *\/",
                    "+.graph-node-python { background: #10b981; }   \/* Emerald - Python *\/",
                    "+.graph-node-js { background: #f59e0b; }       \/* Amber - JavaScript *\/",
                    "+",
                    " \/* Node Colors - Semantic Graph *\/",
                    " .graph-node-person { background: #6366f1; }",
                    " .graph-node-organization { background: #f59e0b; }"
                ]
            }
        ],
        "userModified": false,
        "replaceAll": false
    }
}