Protokoll #11781

{
    "event": "PreToolUse",
    "tool_name": "Read",
    "tool_input": {
        "file_path": "\/var\/www\/dev.campus.systemische-tools.de\/public\/css\/graph.css"
    }
}

{
    "tool_response": {
        "type": "text",
        "file": {
            "filePath": "\/var\/www\/dev.campus.systemische-tools.de\/public\/css\/graph.css",
            "content": "\/**\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",
            "numLines": 145,
            "startLine": 1,
            "totalLines": 145
        }
    }
}