+
+
+
+
+
+
{{ item.project.name }}
@@ -1478,28 +249,28 @@ function copyId() {
-
+
{{
capitalizeString(highestSeverity.toLowerCase())
}}
-
-
+
+
{{ item.project_owner.name }}
-
({{ item.project_owner.id }})
+
@@ -1516,767 +287,101 @@ function copyId() {
>
-
-
-
+
+
-
-
-
-
+
-
+
+ {{ getVersionLabel(selectedFile) }}
- Open
+ Slicer
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
- Set Status
-
-
- Approve
-
-
-
- Withhold
-
-
-
- Send to review
-
-
-
- Reject
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ truncateMiddle(file.file_name, 50) }}
-
-
- {{
- formatBytes(file.file_size)
- }}
-
-
- {{
- capitalizeString(getFileHighestSeverity(file))
- }}
-
-
-
- {{ getFileMarkedCount(file) }}/{{ getFileDetailCount(file) }} flags
-
-
-
- Manual review
-
-
- No flags
-
-
-
-
-
-
-
-
-
- Open
-
-
-
-
-
-
-
- Remaining issues ({{ remainingUnmarkedCount }})
-
-
-
-
-
-
-
-
-
-
-
-
- {{ segment }}
-
-
-
-
-
-
-
- Remaining issues ({{ getJarRemainingUnmarkedCount(jarGroup) }})
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
{{
- truncateMiddle(classItem.filePath)
- }}
-
-
- {{
- capitalizeString(getHighestSeverityInClass(classItem.flags))
- }}
-
-
-
-
- {{ getMarkedFlagsCount(classItem.flags) }}/{{ classItem.flags.length }} flags
-
-
-
-
-
-
- Loading source...
-
-
-
-
-
-
-
-
-
-
-
-
{{
- flag.issueType.replace(/_/g, ' ')
- }}
-
- {{
- capitalizeString(flag.detail.severity)
- }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Loading source...
-
-
-
-
- Source code not available or failed to decompile for this file.
-
-
-
-
-
+
+
+
+
-
-
diff --git a/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileDetailTab.vue b/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileDetailTab.vue
new file mode 100644
index 0000000000..7c4d154f51
--- /dev/null
+++ b/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileDetailTab.vue
@@ -0,0 +1,824 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ segment }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{{
+ truncateMiddle(classItem.filePath)
+ }}
+
+
+ {{
+ capitalizeString(getHighestSeverityInClass(classItem.flags))
+ }}
+
+
+
+
+ {{ getMarkedFlagsCount(classItem.flags) }}/{{ classItem.flags.length }} flags
+
+
+
+
+
+
+ Loading source...
+
+
+
+
+
+
+
+
+
+
+
+
{{
+ flag.issueType.replace(/_/g, ' ')
+ }}
+
+ {{
+ capitalizeString(flag.detail.severity)
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Loading source...
+
+
+
+
+ Source code not available or failed to decompile for this file.
+
+
+
+
+
+
+
diff --git a/apps/frontend/src/components/ui/moderation/tech-review/TechRevFilesTab.vue b/apps/frontend/src/components/ui/moderation/tech-review/TechRevFilesTab.vue
new file mode 100644
index 0000000000..96fccf3b42
--- /dev/null
+++ b/apps/frontend/src/components/ui/moderation/tech-review/TechRevFilesTab.vue
@@ -0,0 +1,133 @@
+
+
+
+
+
+
+ {{ truncateMiddle(file.file_name, 50) }}
+
+
+ {{ formatBytes(file.file_size) }}
+
+
+ {{
+ capitalizeString(getFileHighestSeverity(file))
+ }}
+
+
+
+ {{ getFileMarkedCount(file) }}/{{ getFileDetailCount(file) }} flags
+
+
+
+ Manual review
+
+
+ No flags
+
+
+
+
+
+ {{ getVersionLabel(file) }}
+
+
+ Slicer
+
+
+
+
+
+
diff --git a/apps/frontend/src/components/ui/moderation/tech-review/TechRevThreadTab.vue b/apps/frontend/src/components/ui/moderation/tech-review/TechRevThreadTab.vue
new file mode 100644
index 0000000000..fe473219d5
--- /dev/null
+++ b/apps/frontend/src/components/ui/moderation/tech-review/TechRevThreadTab.vue
@@ -0,0 +1,416 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Set status
+
+
+
+
+
+
+
+
diff --git a/apps/frontend/src/components/ui/moderation/tech-review/TechRevVerdictButtons.vue b/apps/frontend/src/components/ui/moderation/tech-review/TechRevVerdictButtons.vue
new file mode 100644
index 0000000000..c6df2d508a
--- /dev/null
+++ b/apps/frontend/src/components/ui/moderation/tech-review/TechRevVerdictButtons.vue
@@ -0,0 +1,155 @@
+
+
+
+
+ {{ remainingLabel }}
+
+
+
+
+
+
diff --git a/apps/frontend/src/components/ui/moderation/tech-review/helpers.ts b/apps/frontend/src/components/ui/moderation/tech-review/helpers.ts
new file mode 100644
index 0000000000..00d2809bd0
--- /dev/null
+++ b/apps/frontend/src/components/ui/moderation/tech-review/helpers.ts
@@ -0,0 +1,104 @@
+import type { Labrinth } from '@modrinth/api-client'
+
+import type { DetailDecision, FlattenedFileReport } from './types'
+
+export const severityOrder: Record
= {
+ severe: 3,
+ high: 2,
+ medium: 1,
+ low: 0,
+}
+
+export function getSeverityBadgeColor(
+ severity: Labrinth.TechReview.Internal.DelphiSeverity,
+): string {
+ switch (severity) {
+ case 'severe':
+ return 'border-red/60 border bg-highlight-red text-red'
+ case 'high':
+ return 'border-orange/60 border bg-highlight-orange text-orange'
+ case 'medium':
+ return 'border-green/60 border bg-highlight-green text-green'
+ case 'low':
+ default:
+ return 'border-blue/60 border bg-highlight-blue text-blue'
+ }
+}
+
+export function truncateMiddle(str: string, maxLength = 120): string {
+ if (str.length <= maxLength) return str
+ const keep = maxLength - 3
+ const front = Math.ceil(keep / 3)
+ return str.slice(0, front) + '...' + str.slice(front - keep)
+}
+
+export function getFileHighestSeverity(
+ file: FlattenedFileReport,
+): Labrinth.TechReview.Internal.DelphiSeverity {
+ let highest: Labrinth.TechReview.Internal.DelphiSeverity = 'low'
+ for (const issue of file.issues) {
+ for (const detail of issue.details) {
+ if (severityOrder[detail.severity] > severityOrder[highest]) {
+ highest = detail.severity
+ }
+ }
+ }
+ return highest
+}
+
+export function getFileDetailCount(file: FlattenedFileReport): number {
+ return file.issues.reduce((sum, issue) => sum + issue.details.length, 0)
+}
+
+export function flattenFileReports(
+ versions: Labrinth.TechReview.Internal.VersionReport[],
+): FlattenedFileReport[] {
+ return versions.flatMap((version) =>
+ version.files.map((file) => ({
+ ...file,
+ id: file.report_id,
+ version_id: version.version_id,
+ version_number: version.version_number,
+ })),
+ )
+}
+
+export function getVersionLabel(file: FlattenedFileReport): string {
+ return file.version_number || file.version_id
+}
+
+export function getVersionPageHref(
+ project: { id: string; slug?: string; project_types: string[] },
+ versionId: string,
+): string {
+ return `/${project.project_types[0] ?? 'project'}/${project.slug ?? project.id}/version/${versionId}`
+}
+
+export function verdictToDecision(
+ verdict: Labrinth.TechReview.Internal.DelphiReportIssueStatus,
+): DetailDecision {
+ if (verdict === 'safe') return 'safe'
+ if (verdict === 'unsafe') return 'malware'
+ return 'pending'
+}
+
+export function decisionToVerdict(
+ decision: Exclude,
+): Labrinth.TechReview.Internal.DelphiReportIssueStatus {
+ return decision === 'safe' ? 'safe' : 'unsafe'
+}
+
+export function statusMatchesDecision(
+ status: Labrinth.TechReview.Internal.DelphiReportIssueStatus | null,
+ decision: DetailDecision,
+): boolean {
+ if (status === 'safe') return decision === 'safe'
+ if (status === 'unsafe') return decision === 'malware'
+ return false
+}
+
+export function canUpdateGlobalDetail(
+ detail: Labrinth.TechReview.Internal.ReportIssueDetail,
+): boolean {
+ return detail.key.length > 0 && !detail.key.startsWith(') {
+ const client = injectModrinthClient()
+
+ const detailDecisions = reactive>(new Map())
+ const detailDecisionScopes = reactive>(new Map())
+ const updatingDetails = reactive>(new Set())
+ const updatingGlobalDetailKeys = reactive>(new Set())
+
+ function getDetailDecision(
+ detailId: string,
+ backendStatus: Labrinth.TechReview.Internal.DelphiReportIssueStatus,
+ ): DetailDecision {
+ const localDecision = detailDecisions.get(detailId)
+ if (localDecision) return localDecision
+ if (backendStatus === 'safe') return 'safe'
+ if (backendStatus === 'unsafe') return 'malware'
+ return 'pending'
+ }
+
+ function isPreReviewed(
+ detailId: string,
+ backendStatus: Labrinth.TechReview.Internal.DelphiReportIssueStatus,
+ ): boolean {
+ return (
+ (backendStatus === 'safe' || backendStatus === 'unsafe') && !detailDecisions.has(detailId)
+ )
+ }
+
+ function getFileMarkedCount(file: FlattenedFileReport): number {
+ let count = 0
+ for (const issue of file.issues) {
+ for (const detail of issue.details) {
+ if (getDetailDecision(detail.id, detail.status) !== 'pending') count++
+ }
+ }
+ return count
+ }
+
+ function getMarkedFlagsCount(flags: FlagItem[]): number {
+ return flags.filter((f) => getDetailDecision(f.detail.id, f.detail.status) !== 'pending').length
+ }
+
+ function isDetailGloballyPassed(detail: Labrinth.TechReview.Internal.ReportIssueDetail): boolean {
+ if (detailDecisionScopes.get(detail.id) === 'global') {
+ return detailDecisions.get(detail.id) === 'safe'
+ }
+
+ return detail.global_status === 'safe'
+ }
+
+ function isDetailGloballyResolved(
+ detail: Labrinth.TechReview.Internal.ReportIssueDetail,
+ ): boolean {
+ if (detailDecisionScopes.get(detail.id) === 'global') {
+ return detailDecisions.get(detail.id) !== 'pending'
+ }
+
+ return detail.global_status === 'safe' || detail.global_status === 'unsafe'
+ }
+
+ function applyDecisionToRelatedDetails(
+ detailIds: string[],
+ decision: DetailDecision,
+ scope: DetailDecisionScope,
+ ): { otherMatchedCount: number } {
+ const allDetails = toValue(reports).flatMap((report) =>
+ report.issues.flatMap((issue) => issue.details),
+ )
+ const selectedDetailIds = new Set(detailIds)
+ const updatedDetailIds = new Set()
+
+ for (const detailId of detailIds) {
+ const detail = allDetails.find((candidate) => candidate.id === detailId)
+ const matchingDetails = detail?.key
+ ? allDetails.filter((candidate) => candidate.key === detail.key)
+ : detail
+ ? [detail]
+ : []
+
+ if (matchingDetails.length === 0) {
+ detailDecisions.set(detailId, decision)
+ detailDecisionScopes.set(detailId, scope)
+ updatedDetailIds.add(detailId)
+ continue
+ }
+
+ for (const matchingDetail of matchingDetails) {
+ detailDecisions.set(matchingDetail.id, decision)
+ detailDecisionScopes.set(matchingDetail.id, scope)
+ updatedDetailIds.add(matchingDetail.id)
+ }
+ }
+
+ return {
+ otherMatchedCount: [...updatedDetailIds].filter((id) => !selectedDetailIds.has(id)).length,
+ }
+ }
+
+ function isDetailActionSelected(
+ detail: Labrinth.TechReview.Internal.ReportIssueDetail,
+ decision: DetailDecision,
+ scope: DetailDecisionScope,
+ ): boolean {
+ const localDecision = detailDecisions.get(detail.id)
+ const localScope = detailDecisionScopes.get(detail.id)
+ if (localDecision && localScope) {
+ if (localDecision === 'pending') {
+ if (localScope === 'local') {
+ if (scope === 'local') return false
+ return statusMatchesDecision(detail.global_status, decision)
+ }
+
+ if (scope === 'global') return false
+ return statusMatchesDecision(detail.local_status, decision)
+ }
+
+ return localDecision === decision && localScope === scope
+ }
+
+ if (scope === 'global') {
+ return statusMatchesDecision(detail.global_status, decision)
+ }
+
+ if (detail.global_status) return false
+
+ return statusMatchesDecision(detail.local_status, decision)
+ }
+
+ function getToggledDetailVerdict(
+ detail: Labrinth.TechReview.Internal.ReportIssueDetail,
+ decision: Exclude,
+ scope: DetailDecisionScope,
+ ): Labrinth.TechReview.Internal.DelphiReportIssueStatus {
+ return isDetailActionSelected(detail, decision, scope) ? 'pending' : decisionToVerdict(decision)
+ }
+
+ function getDetailActionTooltip(
+ detail: Labrinth.TechReview.Internal.ReportIssueDetail,
+ decision: Exclude,
+ scope: DetailDecisionScope,
+ ): string {
+ const action = decision === 'safe' ? 'pass' : 'fail'
+ const scopeLabel = scope === 'global' ? 'Global' : 'Local'
+
+ if (scope === 'global' && !canUpdateGlobalDetail(detail)) {
+ return 'Global verdict unavailable for generated trace keys'
+ }
+
+ if (isDetailActionSelected(detail, decision, scope)) {
+ return `Unset ${scopeLabel.toLowerCase()} ${action}`
+ }
+
+ return `${scopeLabel} ${action}`
+ }
+
+ async function updateIssueDetails(
+ data: {
+ detail_id: string
+ verdict: Labrinth.TechReview.Internal.DelphiReportIssueStatus
+ }[],
+ ) {
+ await client.request('/moderation/tech-review/issue-detail', {
+ api: 'labrinth',
+ version: 'internal',
+ method: 'PATCH',
+ body: data,
+ })
+ }
+
+ async function updateGlobalIssueDetails(
+ data: {
+ detail_key: string
+ verdict: Labrinth.TechReview.Internal.DelphiReportIssueStatus
+ }[],
+ ) {
+ await client.labrinth.tech_review_internal.updateGlobalIssueDetails(data)
+ }
+
+ return {
+ updatingDetails,
+ updatingGlobalDetailKeys,
+ getDetailDecision,
+ isPreReviewed,
+ getFileMarkedCount,
+ getMarkedFlagsCount,
+ isDetailGloballyPassed,
+ isDetailGloballyResolved,
+ applyDecisionToRelatedDetails,
+ isDetailActionSelected,
+ getToggledDetailVerdict,
+ getDetailActionTooltip,
+ updateIssueDetails,
+ updateGlobalIssueDetails,
+ }
+}
+
+export type TechReviewDecisions = ReturnType
+
+export const TECH_REVIEW_DECISIONS_KEY: InjectionKey =
+ Symbol('techReviewDecisions')
+
+export function injectTechReviewDecisions(): TechReviewDecisions {
+ const decisions = inject(TECH_REVIEW_DECISIONS_KEY)
+ if (!decisions) {
+ throw new Error('Tech review decisions must be provided by ModerationTechRevCard')
+ }
+ return decisions
+}
diff --git a/apps/frontend/src/components/ui/moderation/tech-review/use-tech-review-sources.ts b/apps/frontend/src/components/ui/moderation/tech-review/use-tech-review-sources.ts
new file mode 100644
index 0000000000..ab12788ae6
--- /dev/null
+++ b/apps/frontend/src/components/ui/moderation/tech-review/use-tech-review-sources.ts
@@ -0,0 +1,126 @@
+import type { Labrinth } from '@modrinth/api-client'
+import { injectModrinthClient } from '@modrinth/ui'
+import { type MaybeRefOrGetter, reactive, toValue } from 'vue'
+
+const CACHE_TTL = 24 * 60 * 60 * 1000
+const CACHE_KEY_PREFIX = 'tech_review_source_'
+
+type CachedSource = {
+ source: string
+ timestamp: number
+}
+
+function getCachedSource(detailId: string): string | null {
+ try {
+ const cached = localStorage.getItem(`${CACHE_KEY_PREFIX}${detailId}`)
+ if (!cached) return null
+
+ const data: CachedSource = JSON.parse(cached)
+ const now = Date.now()
+
+ if (now - data.timestamp > CACHE_TTL) {
+ localStorage.removeItem(`${CACHE_KEY_PREFIX}${detailId}`)
+ return null
+ }
+
+ return data.source
+ } catch {
+ return null
+ }
+}
+
+function setCachedSource(detailId: string, source: string): void {
+ try {
+ const data: CachedSource = {
+ source,
+ timestamp: Date.now(),
+ }
+ localStorage.setItem(`${CACHE_KEY_PREFIX}${detailId}`, JSON.stringify(data))
+ } catch (error) {
+ console.error('Failed to cache source:', error)
+ }
+}
+
+function clearExpiredCache(): void {
+ try {
+ const now = Date.now()
+ const keys = Object.keys(localStorage)
+
+ for (const key of keys) {
+ if (key.startsWith(CACHE_KEY_PREFIX)) {
+ const cached = localStorage.getItem(key)
+ if (cached) {
+ const data: CachedSource = JSON.parse(cached)
+ if (now - data.timestamp > CACHE_TTL) {
+ localStorage.removeItem(key)
+ }
+ }
+ }
+ }
+ } catch (error) {
+ console.error('Failed to clear expired cache:', error)
+ }
+}
+
+export function useTechReviewSources(
+ issues: MaybeRefOrGetter,
+) {
+ const client = injectModrinthClient()
+
+ if (import.meta.client) {
+ clearExpiredCache()
+ }
+
+ const loadingIssues = reactive>(new Set())
+ const decompiledSources = reactive>(new Map())
+ const loadedIssues = reactive>(new Set())
+
+ async function loadIssueSource(issueId: string): Promise {
+ if (loadingIssues.has(issueId) || loadedIssues.has(issueId)) return
+
+ loadingIssues.add(issueId)
+
+ try {
+ const issueData = await client.labrinth.tech_review_internal.getIssue(issueId)
+
+ for (const detail of issueData.details) {
+ if (detail.decompiled_source) {
+ decompiledSources.set(detail.id, detail.decompiled_source)
+ setCachedSource(detail.id, detail.decompiled_source)
+ }
+ }
+ loadedIssues.add(issueId)
+ } catch (error) {
+ console.error('Failed to load issue source:', error)
+ } finally {
+ loadingIssues.delete(issueId)
+ }
+ }
+
+ function handleLoadIssueSources(issueIds: string[]): void {
+ const uniqueIssueIds = new Set(issueIds)
+ const matchedIssues = toValue(issues).filter((issue) => uniqueIssueIds.has(issue.id))
+
+ for (const issue of matchedIssues) {
+ for (const detail of issue.details) {
+ if (!decompiledSources.has(detail.id)) {
+ const cached = getCachedSource(detail.id)
+ if (cached) {
+ decompiledSources.set(detail.id, cached)
+ }
+ }
+ }
+
+ const hasUncached = issue.details.some((detail) => !decompiledSources.has(detail.id))
+ if (hasUncached) {
+ loadIssueSource(issue.id)
+ }
+ }
+ }
+
+ return {
+ loadingIssues,
+ decompiledSources,
+ handleLoadIssueSources,
+ }
+}
diff --git a/apps/frontend/src/components/ui/thread/ConversationThread.vue b/apps/frontend/src/components/ui/thread/ConversationThread.vue
index d3e4df0c2f..071bfa87cb 100644
--- a/apps/frontend/src/components/ui/thread/ConversationThread.vue
+++ b/apps/frontend/src/components/ui/thread/ConversationThread.vue
@@ -95,7 +95,7 @@