Skip to main content

component · chat

TuxChatMessage

A single message in a tti-ai-chat-style conversation. Two roles (user · assistant); the assistant variant sits on --surface-sunken and uses the TTI road-glyph as its avatar so model output reads as a distinct, institutionally-branded lane. Slot citations into #citations and tools into #tools.

basic

User · Assistant pair

AR
Alex Rivera10:42:14 CDT
Summarize Q1 work-zone crash trends on TX-6.
tti-ai10:42:17 CDT
Three corridors cleared the threshold; one was rolled forward to Q2 pending updated detector counts.

anthropic/haiku-4.5 · 2.1s

<tux-chat-message role="user" author="Alex Rivera" timestamp="10:42:14 CDT">
  Summarize Q1 work-zone crash trends on TX-6.
</tux-chat-message>
<tux-chat-message
  role="assistant"
  author="tti-ai"
  timestamp="10:42:17 CDT"
  meta="anthropic/haiku-4.5 · 2.1s"
>
  Three corridors cleared the threshold; one was rolled forward to Q2
  pending updated detector counts.
</tux-chat-message>

with citations

Knowledge-grounded reply

<tux-chat-message role="assistant" author="tti-ai" timestamp="10:42:17 CDT">
  Three corridors cleared the threshold…
  <template #citations>
    <tux-citations :items="citations" />
  </template>
</tux-chat-message>

agentic reasoning, tool calls & grounded sources

TuxReasoning · TuxToolCall · TuxGroundedSources

Compose collapsible chain-of-thought planning (<TuxReasoning>), discrete tool-execution telemetry cards (<TuxToolCall>), and DLP-verified source strips (<TuxGroundedSources>) inside assistant turns.

tti-ai10:42:19 CDT

Three corridors cleared the threshold; segment B-04 was rolled forward to Q2 pending updated radar counts.

tti-ai-studio · agentic

<tux-chat-message role="assistant" author="tti-ai" timestamp="10:42:19 CDT" meta="tti-ai-studio · agentic">
  <tux-reasoning :duration="3.8" :tokens-per-sec="64.2">
    1. Querying TxDOT PeMS work-zone detector feed for TX-6...
    2. Cross-referencing queue length telemetry against MUTCD Part 6 thresholds.
  </tux-reasoning>
  <tux-tool-call verb="search" arg="tx6_workzone_crashes_2026_q1" :elapsed-ms="128" status="completed">
    Found 14 detector segments matching corridor filter.
  </tux-tool-call>
  <p>Three corridors cleared the threshold; segment B-04 was rolled forward to Q2 pending updated radar counts.</p>
  <tux-grounded-sources :sources="groundedSources" />
</tux-chat-message>