Ticket Display Component

January 12, 2026 · View on GitHub

Displays investigation tasks generated by intelligence analysis, organized by agent role and priority level.

What It Does

The TicketDisplay component renders follow-up investigation tasks from IntellyWeave's intelligence analysis pipeline. Each task is assigned to a specialized agent role and includes:

  • Priority level (High, Medium, Low)
  • Status tracking (Pending, In Progress, Completed)
  • Detailed investigation requirements
  • Color-coded agent identification

Use When

  • Displaying follow-up tasks after intelligence analysis completes
  • Managing investigation workflows with priority-based organization
  • Tracking task status across multiple agent roles
  • Presenting GitHub issues in a secondary fallback mode

Prerequisites

  • IntellyWeave frontend running
  • Intelligence analysis completed (generates TicketPayload data)
  • Weaviate collection with task data

Task List Overview

Task List Overview

TicketDisplay showing 7 investigation tasks organized by agent role with color-coded cards, priority badges, and status indicators. Tasks are paginated (6 per page).

The component displays tasks in a paginated grid. Each card shows:

  • Agent role icon and name (color-coded)
  • Task title
  • Priority badge (High = red, Medium = yellow)
  • Status badge (Pending, In Progress, Completed)
  • Assignment date

Agent Role Styling

Priority Badges and Agent Colors

All six agent roles with distinct color schemes: Entity Extractor (green), Relationship Mapper (orange), Geospatial Analyst (blue), Network Analyst (indigo), Pattern Detector (pink), Synthesizer (purple).

Agent Role Reference

Agent RoleColorIconPurpose
Entity ExtractorGreenMagnifying glassIdentify entities from documents
Relationship MapperOrangeMap trifoldMap connections between entities
Geospatial AnalystBlueGlobeGeographic location analysis
Network AnalystIndigoGraphNetwork structure analysis
Pattern DetectorPinkSparkleCross-reference patterns
SynthesizerPurpleBrainCombine findings into assessments

Task Detail Views

Clicking a task card opens the detailed TicketView with full investigation requirements.

Entity Extractor Task

Entity Extractor Detail

Entity Extractor task showing Vatican diplomatic cross-referencing requirements. Green accent styling with High Priority badge.

Key elements:

  • Green gradient background and border
  • Query specification
  • Reasoning explanation
  • Search terms list

Geospatial Analyst Task

Geospatial Analyst Detail

Geospatial Analyst task for mapping European transit corridors. Blue accent styling with "In Progress" status.

Key elements:

  • Blue gradient background
  • Map requirements (Alpine crossing points, safe houses, border checkpoints)
  • Time period specification
  • Medium Priority with In Progress status

Network Analyst Task

Network Analyst Detail

Network Analyst task for link prediction algorithms. Indigo accent styling with algorithm specifications.

Key elements:

  • Indigo gradient background
  • Algorithm list (Louvain community detection, Adamic-Adar, Betweenness centrality)
  • Hypothesis statement
  • High Priority badge

Pattern Detector Task

Pattern Detector Detail

Pattern Detector task comparing Cold War escape networks. Pink accent styling with comparison methodology.

Key elements:

  • Pink gradient background
  • Comparison networks (Operation Paperclip, Soviet defector operations, Eastern Bloc)
  • Pattern features to identify
  • Medium Priority badge

Synthesizer Task

Synthesizer Detail

Synthesizer task for declassification requests. Purple accent styling with archive targeting.

Key elements:

  • Purple gradient background
  • Target archives (US National Archives RG 319, CIA CREST, State Department)
  • Search terms specification
  • High Priority badge

Data Structure

TicketPayload Type

export type TicketPayload = DefaultResultPayload & {
  updated_at: string;
  title: string;
  subtitle?: string;
  content: string;
  created_at: string;
  author: string;
  url: string;
  status: string;
  id: string;
  tags?: string[];
  comments: number | string[];
  // Analyst task fields
  priority?: "high" | "medium" | "low";
  agent_role?: "extractor" | "mapper" | "geospatial" | "network" | "pattern" | "synthesizer";
};

Status Values

StatusBadge ColorUse Case
pendingAmberTask awaiting action
in_progressBlueTask currently being worked
completedGreenTask finished
openAccentGitHub issue (fallback mode)
closedRedGitHub issue closed

Component Architecture

frontend/app/components/chat/displays/Ticket/
├── TicketDisplay.tsx   # Main container with pagination
├── TicketCard.tsx      # Individual task card (list view)
└── TicketView.tsx      # Detailed task view (expanded)

Component Flow

graph LR
    A[TicketPayload Array] --> B[TicketDisplay]
    B --> C[DisplayPagination]
    C --> D[TicketCard x6]
    D -->|Click| E[TicketView]
    E -->|Back to chat| B

Troubleshooting

IssueCauseSolution
No tasks displayedEmpty tickets arrayVerify intelligence analysis completed
Missing agent colorsagent_role not setCheck payload includes agent_role field
Wrong status badgeInvalid status valueUse valid status: pending, in_progress, completed
Pagination not workingLess than 6 itemsNormal behavior - pagination shows at 7+ items

See Also


Screenshots from IntellyWeave v0.2.5 demo: "Investigate Intelligence Cases Through Chat and Analysis Tools"