Skip to main content
← Back to Portfolio Web App

OneTrace — AI-Assisted Issue & Crash Intelligence

Crash reports, in-app screenshots, log anomalies, and support tickets pulled into one queue, clustered by an agent, with predictive signals that surface friction before users report it.

Web App UI/UX Design Issue Tracking Predictive Analytics Vue TypeScript

Client

OneStudio (produk sendiri)

Year

2026

Role

Product design & full-stack engineering

Duration

2026 - in development

OneTrace — AI-Assisted Issue & Crash Intelligence
Screenshot from OneTrace — AI-Assisted Issue & Crash Intelligence

The Challenge

Crash data, user screenshots, infrastructure anomalies, and support tickets all arrived, but in four separate systems with no shared severity model. The same underlying defect was counted as a dozen separate issues, and triage was done by whoever happened to look first.

The Approach

We built a single ingestion path that normalises every source into one issue shape, then let an agent cluster, score, and prioritise the queue. Confirmed failures and predictive signals are kept visually distinct, because a crash you have seen and a pattern you have inferred need different urgency.

What Was Built

9 · 9 with screenshots

Screenshot from the running project.

OneTrace — AI-Assisted Issue & Crash Intelligence — Unified Issue Ingestion
01

Unified Issue Ingestion

Crash reports, SDK screenshots, log anomalies, and tracker tickets are normalised into one queue, so the same defect stops appearing as a dozen separate items.

Screenshot from the running project
OneTrace — AI-Assisted Issue & Crash Intelligence — Filterable Issue Queue
02

Filterable Issue Queue

Every report carries source, priority, status, and occurrence counters, and the queue filters by date window, source, and priority, so triage starts from the narrowest question instead of a spreadsheet.

Screenshot from the running project
OneTrace — AI-Assisted Issue & Crash Intelligence — AI Analysis Report
03

AI Analysis Report

Each crash becomes a structured report with a confidence score, an executive summary, the exact throwing location, the affected device models, and an impact breakdown, read straight from the crash pipeline rather than assembled by hand.

Screenshot from the running project
OneTrace — AI-Assisted Issue & Crash Intelligence — Proposed Code Fix
04

Proposed Code Fix

The analysis resolves to the failing call site and shows the before and after diff, what changed and why, plus an ordered implementation plan with a time estimate on every step.

Screenshot from the running project
OneTrace — AI-Assisted Issue & Crash Intelligence — Impact and Cost-Benefit Analysis
05

Impact and Cost-Benefit Analysis

The same report quantifies what happens if the fix is skipped, from crash rate and users affected to revenue impact and support load, and what the fix buys back, so priority gets argued with numbers.

Screenshot from the running project
OneTrace — AI-Assisted Issue & Crash Intelligence — OneEngine Copilot Chat
06

OneEngine Copilot Chat

A copilot agent answers questions about any issue in plain language, streaming its reading of root cause, blast radius, and recommended remediation right beside the report.

Screenshot from the running project
OneTrace — AI-Assisted Issue & Crash Intelligence — Confirmed versus Predictive Split
07

Confirmed versus Predictive Split

Reactive failures and inferred patterns are kept apart in every view, so a crash you observed is never confused with a signal you merely inferred.

Screenshot from the running project
OneTrace — AI-Assisted Issue & Crash Intelligence — Source Integrations
08

Source Integrations

Crashlytics, the mobile SDK, Elastic, and Jira connect as first-class sources, and each integration reports its own sync state and record count.

Screenshot from the running project
OneTrace — AI-Assisted Issue & Crash Intelligence — Data Ingestion Settings
09

Data Ingestion Settings

CSV crash uploads, ClickUp sync, the mobile SDK, and Elasticsearch log import are configured from one place, so a new source never needs a code change.

Screenshot from the running project

Tech Stack

Vue 3 TypeScript Pinia Tailwind CSS Express.js PostgreSQL Chart.js Docker

The Outcome

One queue replaced four, and the agent's clustering cut a noisy stream into work that can actually be assigned. The predictive view now flags friction patterns weeks before they surface as a drop in conversion or a spike in support volume.

About This Project

Most teams already have the data. It is just spread across four places that do not talk to each other: crash reports from the build, screenshots and signals from the SDK, log anomalies from the infrastructure, and tickets from the tracker. Every one of them looks urgent on its own, and none of them knows how many of the other reports it actually explains.

OneTrace puts them in a single queue and treats that queue as the product. An agent reads each incoming report, groups the ones that share a root cause, scores their sentiment and severity, and pushes the group forward as one item with one owner, instead of a hundred near-duplicates.

The predictive half matters more than the reactive half. Screenshots and SDK signals are collected before a user knows anything is wrong, so patterns surface as friction - a payment button that is pressed and never confirms, a checkout that is abandoned twice in a row - rather than as a crash report filed tomorrow. That is the difference between reacting to a failure and noticing a pattern while it is still cheap to fix.