Protokoll #11774

{
    "event": "PreToolUse",
    "tool_name": "Read",
    "tool_input": {
        "file_path": "\/var\/www\/dev.campus.systemische-tools.de\/src\/View\/docs\/code-graph-global.php",
        "offset": 195,
        "limit": 100
    }
}

{
    "tool_response": {
        "type": "text",
        "file": {
            "filePath": "\/var\/www\/dev.campus.systemische-tools.de\/src\/View\/docs\/code-graph-global.php",
            "content": "                .attr('data-type', d => d.type)\n                .attr('stroke', d => linkColors[d.type] || '#94a3b8')\n                .attr('stroke-width', 1.5)\n                .attr('stroke-opacity', 0.4)\n                .attr('marker-end', d => 'url(#arrow-global-' + d.type + ')')\n                .attr('x1', d => data.nodes[d.source].x)\n                .attr('y1', d => data.nodes[d.source].y)\n                .attr('x2', d => data.nodes[d.target].x)\n                .attr('y2', d => data.nodes[d.target].y);\n\n            const node = g.append('g')\n                .selectAll('g')\n                .data(data.nodes)\n                .enter().append('g')\n                .attr('class', 'graph-node')\n                .attr('data-namespace', d => d.namespace)\n                .attr('transform', d => `translate(${d.x},${d.y})`)\n                .attr('cursor', d => d.fileId ? 'pointer' : 'default')\n                .on('click', (event, d) => {\n                    if (d.fileId) {\n                        window.location.href = '\/docs\/code\/' + d.fileId;\n                    }\n                });\n\n            node.append('circle')\n                .attr('r', 8)\n                .attr('fill', d => colors[d.type] || colors.class)\n                .attr('stroke', '#fff')\n                .attr('stroke-width', 1.5);\n\n            node.append('text')\n                .text(d => d.label)\n                .attr('x', 0)\n                .attr('y', 20)\n                .attr('text-anchor', 'middle')\n                .attr('fill', 'var(--text-primary)')\n                .attr('font-size', '8px');\n\n            node.append('title')\n                .text(d => d.id);\n\n            const depTypeFilter = document.getElementById('dep-type-filter');\n\n            function applyFilters() {\n                const selectedNs = filter.value;\n                const selectedType = depTypeFilter.value;\n\n                const connectedNodes = new Set();\n                if (selectedType) {\n                    data.links.forEach(link => {\n                        if (link.type === selectedType) {\n                            connectedNodes.add(data.nodes[link.source].id);\n                            connectedNodes.add(data.nodes[link.target].id);\n                        }\n                    });\n                }\n\n                d3.selectAll('.graph-link')\n                    .style('opacity', d => {\n                        const typeMatch = !selectedType || d.type === selectedType;\n                        const srcNs = data.nodes[d.source].namespace;\n                        const tgtNs = data.nodes[d.target].namespace;\n                        const nsMatch = !selectedNs || srcNs === selectedNs || tgtNs === selectedNs;\n\n                        if (!typeMatch) return 0;\n                        if (!nsMatch) return 0.05;\n                        return 0.6;\n                    });\n\n                d3.selectAll('.graph-node')\n                    .style('opacity', d => {\n                        const typeMatch = !selectedType || connectedNodes.has(d.id);\n                        const nsMatch = !selectedNs || d.namespace === selectedNs;\n\n                        if (selectedType && !typeMatch) return 0.1;\n                        if (selectedNs && !nsMatch) return 0.1;\n                        return 1;\n                    });\n            }\n\n            filter.addEventListener('change', applyFilters);\n            depTypeFilter.addEventListener('change', applyFilters);\n\n            const bounds = g.node().getBBox();\n            const dx = bounds.width;\n            const dy = bounds.height;\n            const x = bounds.x + dx \/ 2;\n            const y = bounds.y + dy \/ 2;\n            const scale = 0.8 \/ Math.max(dx \/ width, dy \/ height);\n            const translate = [width \/ 2 - scale * x, height \/ 2 - scale * y];\n\n            svg.call(zoom.transform, d3.zoomIdentity\n                .translate(translate[0], translate[1])\n                .scale(scale));\n        })\n        .catch(err => {\n            container.innerHTML = '<p class=\"graph-error\">Fehler beim Laden des Graphen: ' + err.message + '<\/p>';\n        });\n})();\n<\/script>",
            "numLines": 100,
            "startLine": 195,
            "totalLines": 298
        }
    }
}