Insight Lens: Visual Demonstrations
High-fidelity UI representations of the Insight Lens IDE integration and Web Console.
1
Local IDE Context
VS Code Mockup • Real-time Graph Sync
Explorer
src
services
PaymentService.ts
INSIGHT LENS
Owner
@payments
Risk Score
HIGH
Incidents (30d)
4
PaymentService.ts
src
services
PaymentService.ts
processPayment
14
15
16
17
18
19
20
21
22
public async
processPayment
(
req
:
PaymentRequest
):
Promise
<
Result
> {
// Validate user limits
const
limits
=
await
this
.
limitService
.
check
(
req
.
userId
);
if
(!
limits
.
ok
) {
throw new
LimitExceededError
();
}
// Call Gateway
return
this
.
gateway
.
charge
(
req
.
amount
);
}
CALL GRAPH
Live
API
PaymentService
LimitService
Gateway
450ms
LimitService
adds
450ms
latency (P99). N+1 query detected in
check()
.
Open Trace
Fix with Apex
main
0 errors, 0 warnings
Ln 18, Col 42
UTF-8
TypeScript
Insight Lens: Connected
2
Trace Guard Replay
Web Console Mockup • Incident Playback
Insight Lens
Graph
Table
Traces
Environment:
Production
LB
Auth Service
120 req/s • 15ms
Billing
500 req/s • 2.1s
RDS
14:00
INCIDENT #404
15:00
3
Unified Graph Layers
3D CSS • Data Fusion
STATIC STRUCTURE (GRAPH FORGE)
RUNTIME BEHAVIOR (TRACE GUARD)
RISK & POLICY (QUERY NEXUS)
PII LEAK
PCI ZONE
Hover to Expand Stack