> ## Documentation Index
> Fetch the complete documentation index at: https://docs.janet.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Signals

> AI-powered project analysis

Signals view buckets related tickets into themes, finds duplicates issues to merge, and suggests action items.

## Overview

<div className="img-showcase">
  <div className="sig-mock">
    <div className="kb-mock-header">
      <div className="kb-mock-header-left">
        <span className="kb-mock-header-back">
          <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round">
            <path d="M19 12H5" />

            <path d="M12 19l-7-7 7-7" />
          </svg>
        </span>

        <span className="kb-mock-header-name">Mobile App</span>
        <span className="kb-mock-header-id">MOB</span>
      </div>

      <div className="kb-mock-header-right">
        <div className="kb-mock-view-toggle">
          <span className="kb-mock-view-btn"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><rect x="3" y="3" width="7" height="9" /><rect x="14" y="3" width="7" height="5" /><rect x="14" y="12" width="7" height="9" /><rect x="3" y="16" width="7" height="5" /></svg><span>Kanban</span></span>
          <span className="kb-mock-view-btn"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M3 6h18" /><path d="M3 12h18" /><path d="M3 18h18" /></svg><span>List</span></span>
          <span className="kb-mock-view-btn kb-mock-view-btn-active"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M2 12h2M6 8v8M10 4v16M14 6v12M18 9v6M22 12h-2" /></svg><span>Signals</span><span className="kb-mock-new-badge">New</span></span>
        </div>

        <span className="kb-mock-create-btn"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"><path d="M12 5v14M5 12h14" /></svg><span>Create</span></span>

        <span className="kb-mock-icon-btn">
          <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
            <path d="M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16z" />

            <path d="m21 21-4.35-4.35" />
          </svg>
        </span>

        <span className="kb-mock-icon-btn">
          <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
            <path d="M22 3L2 3 10 12.46 10 19 14 21 14 12.46z" />
          </svg>
        </span>
      </div>
    </div>

    <div className="sig-mock-tabbar">
      <div className="sig-mock-tabpill">
        <span className="sig-mock-tab sig-mock-tab-active">Overview</span>
        <span className="sig-mock-tab">Themes<span className="sig-mock-tab-count">4</span></span>
        <span className="sig-mock-tab">Duplicates<span className="sig-mock-tab-count">6</span></span>
        <span className="sig-mock-tab">Actions<span className="sig-mock-tab-count">3</span></span>
      </div>
    </div>

    <div className="sig-mock-body">
      {/* Health dashboard — single connected card */}

      <div className="sig-mock-health">
        {/* Row 1: Gauge + Dimensions */}

        <div className="sig-mock-health-row1" style={{margin:0}}>
          <div className="sig-mock-health-left" style={{margin:0}}>
            <div className="sig-mock-gauge-container" style={{margin:0}}>
              <svg width="70" height="38" viewBox="0 0 70 38">
                <path d="M 5 35 A 30 30 0 0 1 65 35" fill="none" className="sig-mock-gauge-track" strokeWidth="4" strokeLinecap="round" />

                <path d="M 5 35 A 30 30 0 0 1 65 35" fill="none" className="sig-mock-gauge-fill" strokeWidth="4" strokeLinecap="round" strokeDasharray="67.9 94.2" />
              </svg>

              <div className="sig-mock-score-overlay" style={{margin:0}}>
                <span className="sig-mock-score-num" style={{margin:0}}>7.2</span>
              </div>
            </div>

            <div className="sig-mock-score-label" style={{margin:0}}>Healthy</div>
          </div>

          <div className="sig-mock-health-right" style={{margin:0}}>
            {/* Velocity */}

            <div className="sig-mock-dim" style={{margin:0}}>
              <div className="sig-mock-dim-row" style={{margin:0}}>
                <span className="sig-mock-dim-label" style={{margin:0}}>Velocity</span>

                <div className="sig-mock-dim-bar" style={{margin:0}}>
                  <div className="sig-mock-dim-fill" style={{width:'68%',background:'hsl(97, 62%, 46%)',margin:0}} />
                </div>

                <span className="sig-mock-dim-score" style={{margin:0}}>6.8</span>
              </div>
            </div>

            {/* Responsiveness */}

            <div className="sig-mock-dim" style={{margin:0}}>
              <div className="sig-mock-dim-row" style={{margin:0}}>
                <span className="sig-mock-dim-label" style={{margin:0}}>Responsiveness</span>

                <div className="sig-mock-dim-bar" style={{margin:0}}>
                  <div className="sig-mock-dim-fill" style={{width:'55%',background:'hsl(78, 62%, 46%)',margin:0}} />
                </div>

                <span className="sig-mock-dim-score" style={{margin:0}}>5.5</span>
              </div>
            </div>

            {/* Ownership */}

            <div className="sig-mock-dim" style={{margin:0}}>
              <div className="sig-mock-dim-row" style={{margin:0}}>
                <span className="sig-mock-dim-label" style={{margin:0}}>Ownership</span>

                <div className="sig-mock-dim-bar" style={{margin:0}}>
                  <div className="sig-mock-dim-fill" style={{width:'82%',background:'hsl(116, 62%, 46%)',margin:0}} />
                </div>

                <span className="sig-mock-dim-score" style={{margin:0}}>8.2</span>
              </div>
            </div>

            {/* Clarity */}

            <div className="sig-mock-dim" style={{margin:0}}>
              <div className="sig-mock-dim-row" style={{margin:0}}>
                <span className="sig-mock-dim-label" style={{margin:0}}>Clarity</span>

                <div className="sig-mock-dim-bar" style={{margin:0}}>
                  <div className="sig-mock-dim-fill" style={{width:'78%',background:'hsl(111, 62%, 46%)',margin:0}} />
                </div>

                <span className="sig-mock-dim-score" style={{margin:0}}>7.8</span>
              </div>
            </div>

            {/* Balance */}

            <div className="sig-mock-dim" style={{margin:0}}>
              <div className="sig-mock-dim-row" style={{margin:0}}>
                <span className="sig-mock-dim-label" style={{margin:0}}>Balance</span>

                <div className="sig-mock-dim-bar" style={{margin:0}}>
                  <div className="sig-mock-dim-fill" style={{width:'75%',background:'hsl(107, 62%, 46%)',margin:0}} />
                </div>

                <span className="sig-mock-dim-score" style={{margin:0}}>7.5</span>
              </div>
            </div>
          </div>
        </div>

        {/* Row 2: Stats strip — connected inside same card */}

        <div className="sig-mock-stats" style={{margin:0}}>
          <div className="sig-mock-stat" style={{margin:0}}>
            <div className="sig-mock-stat-label" style={{margin:0}}>Active Tickets</div>
            <div className="sig-mock-stat-val" style={{margin:0}}>24</div>
          </div>

          <div className="sig-mock-stat" style={{margin:0}}>
            <div className="sig-mock-stat-label" style={{margin:0}}>Completed <span className="sig-mock-stat-suffix">(7d)</span></div>
            <div className="sig-mock-stat-val" style={{margin:0}}>7</div>
          </div>

          <div className="sig-mock-stat" style={{margin:0}}>
            <div className="sig-mock-stat-label" style={{margin:0}}>Unassigned</div>

            <div className="sig-mock-stat-val-row" style={{margin:0}}>
              <span className="sig-mock-stat-val" style={{margin:0}}>3</span>
              <span className="sig-mock-stat-pct" style={{color:'rgba(234,179,8,0.4)',margin:0}}>(13%)</span>
            </div>
          </div>

          <div className="sig-mock-stat" style={{margin:0}}>
            <div className="sig-mock-stat-label" style={{margin:0}}>Past Due</div>

            <div className="sig-mock-stat-val-row" style={{margin:0}}>
              <span className="sig-mock-stat-val" style={{margin:0}}>2</span>
              <span className="sig-mock-stat-pct" style={{color:'rgba(34,197,94,0.45)',margin:0}}>(8%)</span>
            </div>
          </div>

          <div className="sig-mock-stat" style={{margin:0}}>
            <div className="sig-mock-stat-label" style={{margin:0}}>Duplicates</div>

            <div className="sig-mock-stat-val-row" style={{margin:0}}>
              <span className="sig-mock-stat-val" style={{margin:0}}>6</span>
              <span className="sig-mock-stat-pct" style={{color:'rgba(234,179,8,0.4)',margin:0}}>(25%)</span>
            </div>
          </div>
        </div>
      </div>

      {/* Themes carousel preview */}

      <div className="sig-mock-section-head" style={{margin:0}}>
        <span className="sig-mock-section-label" style={{margin:0}}>Themes</span>
        <span className="sig-mock-section-count" style={{margin:0}}>4</span>
      </div>

      <div className="sig-carousel-wrap" style={{margin:0}}>
        <div className="sig-carousel-track" style={{margin:0}}>
          <div className="sig-mock-theme-card" style={{margin:0}}>
            <div className="sig-mock-theme-bars" style={{margin:0}}>
              <div className="sig-mock-bar-col" style={{margin:0}}>
                <div className="sig-mock-bar-fill" style={{height:'60%',color:'#6366f1',margin:0}} />
              </div>

              <div className="sig-mock-bar-col" style={{margin:0}}>
                <div className="sig-mock-bar-fill" style={{height:'30%',color:'#3b82f6',margin:0}} />
              </div>

              <div className="sig-mock-bar-col" style={{margin:0}}>
                <div className="sig-mock-bar-fill" style={{height:'10%',color:'#94a3b8',margin:0}} />
              </div>
            </div>

            <div className="sig-mock-theme-title" style={{margin:0}}>API Rate Limiting</div>
            <div className="sig-mock-theme-ids" style={{margin:0}}><span className="sig-mock-tid" style={{margin:0}}>MOB-42</span><span className="sig-mock-tid" style={{margin:0}}>MOB-57</span><span className="sig-mock-tid-more" style={{margin:0}}>+3</span></div>
            <div className="sig-mock-theme-sum" style={{margin:0}}>429 errors across API endpoints</div>
          </div>

          <div className="sig-mock-theme-card" style={{margin:0}}>
            <div className="sig-mock-theme-bars" style={{margin:0}}>
              <div className="sig-mock-bar-col" style={{margin:0}}>
                <div className="sig-mock-bar-fill" style={{height:'45%',color:'#f97316',margin:0}} />
              </div>

              <div className="sig-mock-bar-col" style={{margin:0}}>
                <div className="sig-mock-bar-fill" style={{height:'55%',color:'#6366f1',margin:0}} />
              </div>

              <div className="sig-mock-bar-col" style={{margin:0}}>
                <div className="sig-mock-bar-fill" style={{height:'0%',color:'#94a3b8',margin:0}} />
              </div>
            </div>

            <div className="sig-mock-theme-title" style={{margin:0}}>Dashboard Performance</div>
            <div className="sig-mock-theme-ids" style={{margin:0}}><span className="sig-mock-tid" style={{margin:0}}>MOB-19</span><span className="sig-mock-tid" style={{margin:0}}>MOB-33</span><span className="sig-mock-tid-more" style={{margin:0}}>+1</span></div>
            <div className="sig-mock-theme-sum" style={{margin:0}}>Slow load times on analytics</div>
          </div>

          <div className="sig-mock-theme-card" style={{margin:0}}>
            <div className="sig-mock-theme-bars" style={{margin:0}}>
              <div className="sig-mock-bar-col" style={{margin:0}}>
                <div className="sig-mock-bar-fill" style={{height:'80%',color:'#ef4444',margin:0}} />
              </div>

              <div className="sig-mock-bar-col" style={{margin:0}}>
                <div className="sig-mock-bar-fill" style={{height:'20%',color:'#6366f1',margin:0}} />
              </div>

              <div className="sig-mock-bar-col" style={{margin:0}}>
                <div className="sig-mock-bar-fill" style={{height:'0%',color:'#94a3b8',margin:0}} />
              </div>
            </div>

            <div className="sig-mock-theme-title" style={{margin:0}}>Email Notification Failures</div>
            <div className="sig-mock-theme-ids" style={{margin:0}}><span className="sig-mock-tid" style={{margin:0}}>MOB-22</span><span className="sig-mock-tid" style={{margin:0}}>MOB-35</span><span className="sig-mock-tid-more" style={{margin:0}}>+1</span></div>
            <div className="sig-mock-theme-sum" style={{margin:0}}>Delivery failures for reset emails</div>
          </div>

          <div className="sig-mock-theme-card" style={{margin:0}}>
            <div className="sig-mock-theme-bars" style={{margin:0}}>
              <div className="sig-mock-bar-col" style={{margin:0}}>
                <div className="sig-mock-bar-fill" style={{height:'35%',color:'#3b82f6',margin:0}} />
              </div>

              <div className="sig-mock-bar-col" style={{margin:0}}>
                <div className="sig-mock-bar-fill" style={{height:'65%',color:'#16a34a',margin:0}} />
              </div>

              <div className="sig-mock-bar-col" style={{margin:0}}>
                <div className="sig-mock-bar-fill" style={{height:'0%',color:'#94a3b8',margin:0}} />
              </div>
            </div>

            <div className="sig-mock-theme-title" style={{margin:0}}>CSV Export Timeout</div>
            <div className="sig-mock-theme-ids" style={{margin:0}}><span className="sig-mock-tid" style={{margin:0}}>MOB-14</span><span className="sig-mock-tid" style={{margin:0}}>MOB-29</span></div>
            <div className="sig-mock-theme-sum" style={{margin:0}}>Exports fail on large datasets</div>
          </div>

          <div className="sig-mock-theme-card" style={{margin:0}}>
            <div className="sig-mock-theme-bars" style={{margin:0}}>
              <div className="sig-mock-bar-col" style={{margin:0}}>
                <div className="sig-mock-bar-fill" style={{height:'60%',color:'#6366f1',margin:0}} />
              </div>

              <div className="sig-mock-bar-col" style={{margin:0}}>
                <div className="sig-mock-bar-fill" style={{height:'30%',color:'#3b82f6',margin:0}} />
              </div>

              <div className="sig-mock-bar-col" style={{margin:0}}>
                <div className="sig-mock-bar-fill" style={{height:'10%',color:'#94a3b8',margin:0}} />
              </div>
            </div>

            <div className="sig-mock-theme-title" style={{margin:0}}>API Rate Limiting</div>
            <div className="sig-mock-theme-ids" style={{margin:0}}><span className="sig-mock-tid" style={{margin:0}}>MOB-42</span><span className="sig-mock-tid" style={{margin:0}}>MOB-57</span><span className="sig-mock-tid-more" style={{margin:0}}>+3</span></div>
            <div className="sig-mock-theme-sum" style={{margin:0}}>429 errors across API endpoints</div>
          </div>

          <div className="sig-mock-theme-card" style={{margin:0}}>
            <div className="sig-mock-theme-bars" style={{margin:0}}>
              <div className="sig-mock-bar-col" style={{margin:0}}>
                <div className="sig-mock-bar-fill" style={{height:'45%',color:'#f97316',margin:0}} />
              </div>

              <div className="sig-mock-bar-col" style={{margin:0}}>
                <div className="sig-mock-bar-fill" style={{height:'55%',color:'#6366f1',margin:0}} />
              </div>

              <div className="sig-mock-bar-col" style={{margin:0}}>
                <div className="sig-mock-bar-fill" style={{height:'0%',color:'#94a3b8',margin:0}} />
              </div>
            </div>

            <div className="sig-mock-theme-title" style={{margin:0}}>Dashboard Performance</div>
            <div className="sig-mock-theme-ids" style={{margin:0}}><span className="sig-mock-tid" style={{margin:0}}>MOB-19</span><span className="sig-mock-tid" style={{margin:0}}>MOB-33</span><span className="sig-mock-tid-more" style={{margin:0}}>+1</span></div>
            <div className="sig-mock-theme-sum" style={{margin:0}}>Slow load times on analytics</div>
          </div>

          <div className="sig-mock-theme-card" style={{margin:0}}>
            <div className="sig-mock-theme-bars" style={{margin:0}}>
              <div className="sig-mock-bar-col" style={{margin:0}}>
                <div className="sig-mock-bar-fill" style={{height:'80%',color:'#ef4444',margin:0}} />
              </div>

              <div className="sig-mock-bar-col" style={{margin:0}}>
                <div className="sig-mock-bar-fill" style={{height:'20%',color:'#6366f1',margin:0}} />
              </div>

              <div className="sig-mock-bar-col" style={{margin:0}}>
                <div className="sig-mock-bar-fill" style={{height:'0%',color:'#94a3b8',margin:0}} />
              </div>
            </div>

            <div className="sig-mock-theme-title" style={{margin:0}}>Email Notification Failures</div>
            <div className="sig-mock-theme-ids" style={{margin:0}}><span className="sig-mock-tid" style={{margin:0}}>MOB-22</span><span className="sig-mock-tid" style={{margin:0}}>MOB-35</span><span className="sig-mock-tid-more" style={{margin:0}}>+1</span></div>
            <div className="sig-mock-theme-sum" style={{margin:0}}>Delivery failures for reset emails</div>
          </div>

          <div className="sig-mock-theme-card" style={{margin:0}}>
            <div className="sig-mock-theme-bars" style={{margin:0}}>
              <div className="sig-mock-bar-col" style={{margin:0}}>
                <div className="sig-mock-bar-fill" style={{height:'35%',color:'#3b82f6',margin:0}} />
              </div>

              <div className="sig-mock-bar-col" style={{margin:0}}>
                <div className="sig-mock-bar-fill" style={{height:'65%',color:'#16a34a',margin:0}} />
              </div>

              <div className="sig-mock-bar-col" style={{margin:0}}>
                <div className="sig-mock-bar-fill" style={{height:'0%',color:'#94a3b8',margin:0}} />
              </div>
            </div>

            <div className="sig-mock-theme-title" style={{margin:0}}>CSV Export Timeout</div>
            <div className="sig-mock-theme-ids" style={{margin:0}}><span className="sig-mock-tid" style={{margin:0}}>MOB-14</span><span className="sig-mock-tid" style={{margin:0}}>MOB-29</span></div>
            <div className="sig-mock-theme-sum" style={{margin:0}}>Exports fail on large datasets</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

The **Overview** tab shows a health score (0–100) based on velocity, responsiveness, ownership, clarity, and balance. Below the score you'll see key stats: active tickets, completions, unassigned count, overdue count, and duplicates.

## Themes

<div className="img-showcase">
  <div className="sig-mock">
    <div className="kb-mock-header">
      <div className="kb-mock-header-left">
        <span className="kb-mock-header-back">
          <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round">
            <path d="M19 12H5" />

            <path d="M12 19l-7-7 7-7" />
          </svg>
        </span>

        <span className="kb-mock-header-name">Mobile App</span>
        <span className="kb-mock-header-id">MOB</span>
      </div>

      <div className="kb-mock-header-right">
        <div className="kb-mock-view-toggle">
          <span className="kb-mock-view-btn"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><rect x="3" y="3" width="7" height="9" /><rect x="14" y="3" width="7" height="5" /><rect x="14" y="12" width="7" height="9" /><rect x="3" y="16" width="7" height="5" /></svg><span>Kanban</span></span>
          <span className="kb-mock-view-btn"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M3 6h18" /><path d="M3 12h18" /><path d="M3 18h18" /></svg><span>List</span></span>
          <span className="kb-mock-view-btn kb-mock-view-btn-active"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M2 12h2M6 8v8M10 4v16M14 6v12M18 9v6M22 12h-2" /></svg><span>Signals</span><span className="kb-mock-new-badge">New</span></span>
        </div>

        <span className="kb-mock-create-btn"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"><path d="M12 5v14M5 12h14" /></svg><span>Create</span></span>

        <span className="kb-mock-icon-btn">
          <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
            <path d="M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16z" />

            <path d="m21 21-4.35-4.35" />
          </svg>
        </span>

        <span className="kb-mock-icon-btn">
          <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
            <path d="M22 3L2 3 10 12.46 10 19 14 21 14 12.46z" />
          </svg>
        </span>
      </div>
    </div>

    <div className="sig-mock-tabbar">
      <div className="sig-mock-tabpill">
        <span className="sig-mock-tab">Overview</span>
        <span className="sig-mock-tab sig-mock-tab-active">Themes<span className="sig-mock-tab-count">4</span></span>
        <span className="sig-mock-tab">Duplicates<span className="sig-mock-tab-count">6</span></span>
        <span className="sig-mock-tab">Actions<span className="sig-mock-tab-count">3</span></span>
      </div>
    </div>

    <div className="sig-mock-body">
      {/* High urgency group */}

      <div className="sig-mock-urgency-head" style={{margin:0}}>
        <div className="sig-mock-urgency-dot" style={{background:'#f97316',boxShadow:'0 0 6px rgba(249,115,22,0.25)',margin:0}} />

        <span className="sig-mock-urgency-label" style={{margin:0}}>High</span>
        <span className="sig-mock-urgency-count" style={{margin:0}}>2</span>
      </div>

      <div className="sig-mock-themes-grid" style={{margin:0}}>
        {/* Theme card 1 — horizontal layout with pie chart */}

        <div className="sig-mock-themecard" style={{margin:0}}>
          <div className="sig-mock-tc-pie" style={{margin:0}}>
            <svg width="30" height="30" viewBox="0 0 30 30">
              <path d="M15 4 A11 11 0 1 1 14.99 4" fill="none" stroke="rgba(0,0,0,0.06)" strokeWidth="4.5" />

              <path d="M15 4 A11 11 0 1 1 8.5 23.9" fill="none" stroke="#6366f1" strokeWidth="4.5" />

              <path d="M8.5 23.9 A11 11 0 0 1 15 4" fill="none" stroke="#94a3b8" strokeWidth="4.5" />
            </svg>

            <span className="sig-mock-tc-pie-count" style={{margin:0}}>5</span>
          </div>

          <div className="sig-mock-tc-info" style={{margin:0}}>
            <div className="sig-mock-tc-title" style={{margin:0}}>API Rate Limiting Issues</div>

            <div className="sig-mock-tc-ids" style={{margin:0}}>
              <span className="sig-mock-tid" style={{margin:0}}>MOB-42</span>
              <span className="sig-mock-tid" style={{margin:0}}>MOB-57</span>
              <span className="sig-mock-tid" style={{margin:0}}>MOB-61</span>
              <span className="sig-mock-tid-more" style={{margin:0}}>+2</span>
            </div>

            <div className="sig-mock-tc-sum" style={{margin:0}}>Multiple tickets reporting 429 errors and throttling behavior across API endpoints</div>
          </div>
        </div>

        {/* Theme card 2 */}

        <div className="sig-mock-themecard" style={{margin:0}}>
          <div className="sig-mock-tc-pie" style={{margin:0}}>
            <svg width="30" height="30" viewBox="0 0 30 30">
              <path d="M15 4 A11 11 0 1 1 14.99 4" fill="none" stroke="rgba(0,0,0,0.06)" strokeWidth="4.5" />

              <path d="M15 4 A11 11 0 1 1 9.5 24.8" fill="none" stroke="#f97316" strokeWidth="4.5" />

              <path d="M9.5 24.8 A11 11 0 0 1 15 4" fill="none" stroke="#6366f1" strokeWidth="4.5" />
            </svg>

            <span className="sig-mock-tc-pie-count" style={{margin:0}}>3</span>
          </div>

          <div className="sig-mock-tc-info" style={{margin:0}}>
            <div className="sig-mock-tc-title" style={{margin:0}}>Dashboard Loading Performance</div>

            <div className="sig-mock-tc-ids" style={{margin:0}}>
              <span className="sig-mock-tid" style={{margin:0}}>MOB-19</span>
              <span className="sig-mock-tid" style={{margin:0}}>MOB-33</span>
              <span className="sig-mock-tid" style={{margin:0}}>MOB-48</span>
            </div>

            <div className="sig-mock-tc-sum" style={{margin:0}}>Slow initial load times and rendering lag on the analytics dashboard</div>
          </div>
        </div>
      </div>

      {/* Medium urgency group */}

      <div className="sig-mock-urgency-head" style={{margin:0}}>
        <div className="sig-mock-urgency-dot" style={{background:'#eab308',boxShadow:'0 0 6px rgba(234,179,8,0.25)',margin:0}} />

        <span className="sig-mock-urgency-label" style={{margin:0}}>Medium</span>
        <span className="sig-mock-urgency-count" style={{margin:0}}>2</span>
      </div>

      <div className="sig-mock-themes-grid" style={{margin:0}}>
        {/* Theme card 3 */}

        <div className="sig-mock-themecard" style={{margin:0}}>
          <div className="sig-mock-tc-pie" style={{margin:0}}>
            <svg width="30" height="30" viewBox="0 0 30 30">
              <path d="M15 4 A11 11 0 1 1 14.99 4" fill="none" stroke="rgba(0,0,0,0.06)" strokeWidth="4.5" />

              <path d="M15 4 A11 11 0 0 1 26 15 A11 11 0 0 1 15 26" fill="none" stroke="#3b82f6" strokeWidth="4.5" />

              <path d="M15 26 A11 11 0 0 1 15 4" fill="none" stroke="#94a3b8" strokeWidth="4.5" />
            </svg>

            <span className="sig-mock-tc-pie-count" style={{margin:0}}>3</span>
          </div>

          <div className="sig-mock-tc-info" style={{margin:0}}>
            <div className="sig-mock-tc-title" style={{margin:0}}>Push Notification Reliability</div>

            <div className="sig-mock-tc-ids" style={{margin:0}}>
              <span className="sig-mock-tid" style={{margin:0}}>MOB-15</span>
              <span className="sig-mock-tid" style={{margin:0}}>MOB-28</span>
              <span className="sig-mock-tid" style={{margin:0}}>MOB-39</span>
            </div>

            <div className="sig-mock-tc-sum" style={{margin:0}}>Intermittent push notification delivery failures on Android devices</div>
          </div>
        </div>

        {/* Theme card 4 */}

        <div className="sig-mock-themecard" style={{margin:0}}>
          <div className="sig-mock-tc-pie" style={{margin:0}}>
            <svg width="30" height="30" viewBox="0 0 30 30">
              <path d="M15 4 A11 11 0 1 1 14.99 4" fill="none" stroke="rgba(0,0,0,0.06)" strokeWidth="4.5" />

              <path d="M15 4 A11 11 0 1 1 4.5 11" fill="none" stroke="#6366f1" strokeWidth="4.5" />

              <path d="M4.5 11 A11 11 0 0 1 15 4" fill="none" stroke="#f97316" strokeWidth="4.5" />
            </svg>

            <span className="sig-mock-tc-pie-count" style={{margin:0}}>2</span>
          </div>

          <div className="sig-mock-tc-info" style={{margin:0}}>
            <div className="sig-mock-tc-title" style={{margin:0}}>Biometric Auth Edge Cases</div>

            <div className="sig-mock-tc-ids" style={{margin:0}}>
              <span className="sig-mock-tid" style={{margin:0}}>MOB-31</span>
              <span className="sig-mock-tid" style={{margin:0}}>MOB-44</span>
            </div>

            <div className="sig-mock-tc-sum" style={{margin:0}}>Face ID and fingerprint auth failing on certain device models after OS update</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

Janet AI automatically groups related tickets into named themes. Themes are sorted by urgency, and each card shows a status breakdown, the tickets it contains, and a velocity score. Click any card to expand it and see the individual tickets.

## Duplicates

<div className="img-showcase">
  <div className="sig-mock">
    <div className="kb-mock-header">
      <div className="kb-mock-header-left">
        <span className="kb-mock-header-back">
          <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round">
            <path d="M19 12H5" />

            <path d="M12 19l-7-7 7-7" />
          </svg>
        </span>

        <span className="kb-mock-header-name">Mobile App</span>
        <span className="kb-mock-header-id">MOB</span>
      </div>

      <div className="kb-mock-header-right">
        <div className="kb-mock-view-toggle">
          <span className="kb-mock-view-btn"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><rect x="3" y="3" width="7" height="9" /><rect x="14" y="3" width="7" height="5" /><rect x="14" y="12" width="7" height="9" /><rect x="3" y="16" width="7" height="5" /></svg><span>Kanban</span></span>
          <span className="kb-mock-view-btn"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M3 6h18" /><path d="M3 12h18" /><path d="M3 18h18" /></svg><span>List</span></span>
          <span className="kb-mock-view-btn kb-mock-view-btn-active"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M2 12h2M6 8v8M10 4v16M14 6v12M18 9v6M22 12h-2" /></svg><span>Signals</span><span className="kb-mock-new-badge">New</span></span>
        </div>

        <span className="kb-mock-create-btn"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"><path d="M12 5v14M5 12h14" /></svg><span>Create</span></span>

        <span className="kb-mock-icon-btn">
          <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
            <path d="M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16z" />

            <path d="m21 21-4.35-4.35" />
          </svg>
        </span>

        <span className="kb-mock-icon-btn">
          <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
            <path d="M22 3L2 3 10 12.46 10 19 14 21 14 12.46z" />
          </svg>
        </span>
      </div>
    </div>

    <div className="sig-mock-tabbar">
      <div className="sig-mock-tabpill">
        <span className="sig-mock-tab">Overview</span>
        <span className="sig-mock-tab">Themes<span className="sig-mock-tab-count">4</span></span>
        <span className="sig-mock-tab sig-mock-tab-active">Duplicates<span className="sig-mock-tab-count">6</span></span>
        <span className="sig-mock-tab">Actions<span className="sig-mock-tab-count">3</span></span>
      </div>
    </div>

    <div className="sig-mock-body">
      {/* Critical urgency group */}

      <div className="sig-mock-urgency-head" style={{margin:0}}>
        <div className="sig-mock-urgency-dot" style={{background:'#ef4444',boxShadow:'0 0 6px rgba(239,68,68,0.25)',margin:0}} />

        <span className="sig-mock-urgency-label" style={{margin:0}}>Critical</span>
        <span className="sig-mock-urgency-count" style={{margin:0}}>1</span>
      </div>

      {/* Dup card 1 */}

      <div className="sig-mock-dupcard" style={{margin:0}}>
        <div className="sig-mock-dup-graph" style={{margin:0}}>
          <svg width="56" height="56" viewBox="0 0 56 56">
            <path d="M28 28 L28 10" stroke="#ef4444" strokeWidth="1" opacity="0.18" />

            <path d="M28 28 L44 20" stroke="#ef4444" strokeWidth="1" opacity="0.18" />

            <path d="M28 28 L44 38" stroke="#ef4444" strokeWidth="1" opacity="0.18" />

            <path d="M28 28 L12 38" stroke="#ef4444" strokeWidth="1" opacity="0.18" />

            <path d="M28 28 m-7 0 a7 7 0 1 0 14 0 a7 7 0 1 0 -14 0" fill="#ef4444" opacity="0.9" />

            <path d="M28 10 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0" fill="#ef4444" opacity="0.5" />

            <path d="M44 20 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0" fill="#ef4444" opacity="0.5" />

            <path d="M44 38 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0" fill="#ef4444" opacity="0.5" />

            <path d="M12 38 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0" fill="#ef4444" opacity="0.5" />
          </svg>
        </div>

        <div className="sig-mock-dup-info" style={{margin:0}}>
          <div className="sig-mock-dup-title" style={{margin:0}}>Login Page Redirect Loop</div>

          <div className="sig-mock-dup-meta" style={{margin:0}}>
            <span className="sig-mock-tid" style={{margin:0}}>MOB-8</span>
            <span className="sig-mock-tid" style={{margin:0}}>MOB-17</span>
            <span className="sig-mock-tid" style={{margin:0}}>MOB-31</span>
            <span className="sig-mock-tid-more" style={{margin:0}}>+1</span>
            <span className="sig-mock-sim" style={{color:'#ef4444',margin:0}}>\~96%</span>
          </div>

          <div className="sig-mock-dup-sum" style={{margin:0}}>Users stuck in infinite redirect between login and dashboard when SSO session expires</div>
        </div>
      </div>

      {/* High urgency group */}

      <div className="sig-mock-urgency-head" style={{margin:0}}>
        <div className="sig-mock-urgency-dot" style={{background:'#f97316',boxShadow:'0 0 6px rgba(249,115,22,0.25)',margin:0}} />

        <span className="sig-mock-urgency-label" style={{margin:0}}>High</span>
        <span className="sig-mock-urgency-count" style={{margin:0}}>1</span>
      </div>

      {/* Dup card 2 */}

      <div className="sig-mock-dupcard" style={{margin:0}}>
        <div className="sig-mock-dup-graph" style={{margin:0}}>
          <svg width="56" height="56" viewBox="0 0 56 56">
            <path d="M28 28 L28 12" stroke="#f97316" strokeWidth="1" opacity="0.18" />

            <path d="M28 28 L42 38" stroke="#f97316" strokeWidth="1" opacity="0.18" />

            <path d="M28 28 L14 38" stroke="#f97316" strokeWidth="1" opacity="0.18" />

            <path d="M28 28 m-7 0 a7 7 0 1 0 14 0 a7 7 0 1 0 -14 0" fill="#f97316" opacity="0.9" />

            <path d="M28 12 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0" fill="#f97316" opacity="0.5" />

            <path d="M42 38 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0" fill="#f97316" opacity="0.5" />

            <path d="M14 38 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0" fill="#f97316" opacity="0.5" />
          </svg>
        </div>

        <div className="sig-mock-dup-info" style={{margin:0}}>
          <div className="sig-mock-dup-title" style={{margin:0}}>Email Notification Failures</div>

          <div className="sig-mock-dup-meta" style={{margin:0}}>
            <span className="sig-mock-tid" style={{margin:0}}>MOB-22</span>
            <span className="sig-mock-tid" style={{margin:0}}>MOB-35</span>
            <span className="sig-mock-tid" style={{margin:0}}>MOB-41</span>
            <span className="sig-mock-sim" style={{color:'#f97316',margin:0}}>\~93%</span>
          </div>

          <div className="sig-mock-dup-sum" style={{margin:0}}>Multiple tickets describing email delivery failures for password reset and verification emails</div>
        </div>
      </div>

      {/* Medium urgency */}

      <div className="sig-mock-urgency-head" style={{margin:0}}>
        <div className="sig-mock-urgency-dot" style={{background:'#eab308',boxShadow:'0 0 6px rgba(234,179,8,0.25)',margin:0}} />

        <span className="sig-mock-urgency-label" style={{margin:0}}>Medium</span>
        <span className="sig-mock-urgency-count" style={{margin:0}}>1</span>
      </div>

      {/* Dup card 3 */}

      <div className="sig-mock-dupcard" style={{margin:0}}>
        <div className="sig-mock-dup-graph" style={{margin:0}}>
          <svg width="56" height="56" viewBox="0 0 56 56">
            <path d="M28 28 L18 12" stroke="#eab308" strokeWidth="1" opacity="0.18" />

            <path d="M28 28 L40 14" stroke="#eab308" strokeWidth="1" opacity="0.18" />

            <path d="M28 28 L42 40" stroke="#eab308" strokeWidth="1" opacity="0.18" />

            <path d="M28 28 m-7 0 a7 7 0 1 0 14 0 a7 7 0 1 0 -14 0" fill="#eab308" opacity="0.9" />

            <path d="M18 12 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0" fill="#eab308" opacity="0.5" />

            <path d="M40 14 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0" fill="#eab308" opacity="0.5" />

            <path d="M42 40 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0" fill="#eab308" opacity="0.5" />
          </svg>
        </div>

        <div className="sig-mock-dup-info" style={{margin:0}}>
          <div className="sig-mock-dup-title" style={{margin:0}}>CSV Export Timeout</div>

          <div className="sig-mock-dup-meta" style={{margin:0}}>
            <span className="sig-mock-tid" style={{margin:0}}>MOB-14</span>
            <span className="sig-mock-tid" style={{margin:0}}>MOB-29</span>
            <span className="sig-mock-tid" style={{margin:0}}>MOB-52</span>
            <span className="sig-mock-sim" style={{color:'#eab308',margin:0}}>\~89%</span>
          </div>

          <div className="sig-mock-dup-sum" style={{margin:0}}>Data export fails or hangs on datasets over 10k rows across multiple export formats</div>
        </div>
      </div>
    </div>
  </div>
</div>

The **Duplicates** tab surfaces duplicate tickets within your project. Each group shows a similarity score, an explanation of the overlap, and lets you **merge** them into a single ticket with one click. Janet AI combines the descriptions, keeps the highest priority, and carries over all assignees.

## Actions

<div className="img-showcase">
  <div className="sig-mock">
    <div className="kb-mock-header">
      <div className="kb-mock-header-left">
        <span className="kb-mock-header-back">
          <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round">
            <path d="M19 12H5" />

            <path d="M12 19l-7-7 7-7" />
          </svg>
        </span>

        <span className="kb-mock-header-name">Mobile App</span>
        <span className="kb-mock-header-id">MOB</span>
      </div>

      <div className="kb-mock-header-right">
        <div className="kb-mock-view-toggle">
          <span className="kb-mock-view-btn"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><rect x="3" y="3" width="7" height="9" /><rect x="14" y="3" width="7" height="5" /><rect x="14" y="12" width="7" height="9" /><rect x="3" y="16" width="7" height="5" /></svg><span>Kanban</span></span>
          <span className="kb-mock-view-btn"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M3 6h18" /><path d="M3 12h18" /><path d="M3 18h18" /></svg><span>List</span></span>
          <span className="kb-mock-view-btn kb-mock-view-btn-active"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M2 12h2M6 8v8M10 4v16M14 6v12M18 9v6M22 12h-2" /></svg><span>Signals</span><span className="kb-mock-new-badge">New</span></span>
        </div>

        <span className="kb-mock-create-btn"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"><path d="M12 5v14M5 12h14" /></svg><span>Create</span></span>

        <span className="kb-mock-icon-btn">
          <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
            <path d="M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16z" />

            <path d="m21 21-4.35-4.35" />
          </svg>
        </span>

        <span className="kb-mock-icon-btn">
          <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
            <path d="M22 3L2 3 10 12.46 10 19 14 21 14 12.46z" />
          </svg>
        </span>
      </div>
    </div>

    <div className="sig-mock-tabbar">
      <div className="sig-mock-tabpill">
        <span className="sig-mock-tab">Overview</span>
        <span className="sig-mock-tab">Themes<span className="sig-mock-tab-count">4</span></span>
        <span className="sig-mock-tab">Duplicates<span className="sig-mock-tab-count">6</span></span>
        <span className="sig-mock-tab sig-mock-tab-active">Actions<span className="sig-mock-tab-count">3</span></span>
      </div>
    </div>

    <div className="sig-mock-body">
      <div className="sig-mock-section-head" style={{margin:0}}>
        <span className="sig-mock-section-label" style={{margin:0}}>Assign Tickets</span>
        <span className="sig-mock-section-count" style={{margin:0}}>3</span>
      </div>

      <div className="sig-mock-actions-list" style={{margin:0}}>
        {/* Action card 1 — expanded with related tickets */}

        <div className="sig-mock-action" style={{margin:0}}>
          <div className="sig-mock-action-ticket" style={{margin:0}}>
            <svg width="14" height="14" viewBox="0 0 16 16" fill="none" style={{flexShrink:0}}>
              <rect x="3" y="2" width="10" height="1.8" rx="0.9" fill="#e11d48" />

              <rect x="3" y="5.3" width="10" height="1.8" rx="0.9" fill="#e11d48" />

              <rect x="3" y="8.6" width="10" height="1.8" rx="0.9" fill="#e11d48" />

              <rect x="3" y="11.9" width="10" height="1.8" rx="0.9" fill="#e11d48" />
            </svg>

            <span className="sig-mock-action-id" style={{margin:0}}>MOB-38</span>
            <span className="sig-mock-action-title" style={{margin:0}}>Add push notification settings</span>
          </div>

          <div className="sig-mock-action-suggest" style={{margin:0}}>
            <div className="sig-mock-action-avatar" style={{margin:0}}>
              <img className="kb-mock-avatar-img" src="https://mintcdn.com/janetai-2e23a3d0/AicC1Vk0hC-6wzlT/headshot.jpeg?fit=max&auto=format&n=AicC1Vk0hC-6wzlT&q=85&s=988a826f2341ee7c6932a28952f470b4" alt="" style={{width:22,height:22,borderRadius:'50%'}} width="400" height="400" data-path="headshot.jpeg" />
            </div>

            <div className="sig-mock-action-who" style={{margin:0}}>
              <div className="sig-mock-action-name" style={{margin:0}}>Will Barthell</div>

              <div className="sig-mock-action-reason" style={{margin:0}}>
                <span style={{margin:0}}><span className="sig-action-prefix">Assigned to </span>2 related tickets</span>

                <svg className="sig-mock-action-chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" style={{transform:'rotate(180deg)'}}>
                  <path d="M6 9l6 6 6-6" />
                </svg>
              </div>
            </div>

            <span className="sig-mock-action-btn" style={{margin:0}}>Assign</span>
          </div>

          {/* Expanded related tickets */}

          <div className="sig-mock-action-related" style={{margin:0}}>
            <div className="sig-mock-action-related-head" style={{margin:0}}>Related Tickets</div>

            <div className="sig-mock-action-related-row" style={{margin:0}}>
              <svg width="14" height="14" viewBox="0 0 16 16" fill="none" style={{flexShrink:0}}>
                <rect x="3" y="3.5" width="10" height="1.8" rx="0.9" fill="#e08007" />

                <rect x="3" y="7.1" width="10" height="1.8" rx="0.9" fill="#e08007" />

                <rect x="3" y="10.7" width="10" height="1.8" rx="0.9" fill="#e08007" />
              </svg>

              <span className="sig-mock-action-id" style={{margin:0}}>MOB-12</span>
              <span className="sig-mock-action-title" style={{margin:0}}>Push notifications not delivered on Android 14</span>
            </div>

            <div className="sig-mock-action-related-row" style={{margin:0}}>
              <svg width="14" height="14" viewBox="0 0 16 16" fill="none" style={{flexShrink:0}}>
                <rect x="3" y="3.5" width="10" height="1.8" rx="0.9" fill="rgba(200,200,210,0.5)" />

                <rect x="3" y="7.1" width="10" height="1.8" rx="0.9" fill="#65a30d" />

                <rect x="3" y="10.7" width="10" height="1.8" rx="0.9" fill="#65a30d" />
              </svg>

              <span className="sig-mock-action-id" style={{margin:0}}>MOB-27</span>
              <span className="sig-mock-action-title" style={{margin:0}}>Silent push notifications ignored when app is backgrounded</span>
            </div>
          </div>
        </div>

        {/* Action card 2 */}

        <div className="sig-mock-action" style={{margin:0}}>
          <div className="sig-mock-action-ticket" style={{margin:0}}>
            <svg width="14" height="14" viewBox="0 0 16 16" fill="none" style={{flexShrink:0}}>
              <rect x="3" y="3.5" width="10" height="1.8" rx="0.9" fill="#e08007" />

              <rect x="3" y="7.1" width="10" height="1.8" rx="0.9" fill="#e08007" />

              <rect x="3" y="10.7" width="10" height="1.8" rx="0.9" fill="#e08007" />
            </svg>

            <span className="sig-mock-action-id" style={{margin:0}}>MOB-41</span>
            <span className="sig-mock-action-title" style={{margin:0}}>Localize date formats</span>
          </div>

          <div className="sig-mock-action-suggest" style={{margin:0}}>
            <div className="sig-mock-action-avatar" style={{margin:0}}>
              <img className="kb-mock-avatar-img" src="https://mintcdn.com/janetai-2e23a3d0/AicC1Vk0hC-6wzlT/adhit.jpg?fit=max&auto=format&n=AicC1Vk0hC-6wzlT&q=85&s=b73da57eff7a0da56c77a646fe8f33cb" alt="" style={{width:22,height:22,borderRadius:'50%'}} width="400" height="400" data-path="adhit.jpg" />
            </div>

            <div className="sig-mock-action-who" style={{margin:0}}>
              <div className="sig-mock-action-name" style={{margin:0}}>Adhit Sankaran</div>

              <div className="sig-mock-action-reason" style={{margin:0}}>
                <span style={{margin:0}}><span className="sig-action-prefix">Assigned to </span>3 related tickets</span>

                <svg className="sig-mock-action-chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
                  <path d="M6 9l6 6 6-6" />
                </svg>
              </div>
            </div>

            <span className="sig-mock-action-btn" style={{margin:0}}>Assign</span>
          </div>
        </div>

        {/* Action card 3 */}

        <div className="sig-mock-action" style={{margin:0}}>
          <div className="sig-mock-action-ticket" style={{margin:0}}>
            <svg width="14" height="14" viewBox="0 0 16 16" fill="none" style={{flexShrink:0}}>
              <rect x="3" y="3.5" width="10" height="1.8" rx="0.9" fill="rgba(200,200,210,0.5)" />

              <rect x="3" y="7.1" width="10" height="1.8" rx="0.9" fill="#65a30d" />

              <rect x="3" y="10.7" width="10" height="1.8" rx="0.9" fill="#65a30d" />
            </svg>

            <span className="sig-mock-action-id" style={{margin:0}}>MOB-34</span>
            <span className="sig-mock-action-title" style={{margin:0}}>Design onboarding flow for new users</span>
          </div>

          <div className="sig-mock-action-suggest" style={{margin:0}}>
            <div className="sig-mock-action-avatar" style={{margin:0}}>
              <img className="kb-mock-avatar-img" src="https://mintcdn.com/janetai-2e23a3d0/AicC1Vk0hC-6wzlT/headshot.jpeg?fit=max&auto=format&n=AicC1Vk0hC-6wzlT&q=85&s=988a826f2341ee7c6932a28952f470b4" alt="" style={{width:22,height:22,borderRadius:'50%'}} width="400" height="400" data-path="headshot.jpeg" />
            </div>

            <div className="sig-mock-action-who" style={{margin:0}}>
              <div className="sig-mock-action-name" style={{margin:0}}>Will Barthell</div>

              <div className="sig-mock-action-reason" style={{margin:0}}>
                <span style={{margin:0}}><span className="sig-action-prefix">Assigned to </span>1 related ticket</span>

                <svg className="sig-mock-action-chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
                  <path d="M6 9l6 6 6-6" />
                </svg>
              </div>
            </div>

            <span className="sig-mock-action-btn" style={{margin:0}}>Assign</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

The **Actions** tab recommends assignees for unassigned tickets based on who's already working on related issues. Click **Assign** to apply it instantly, or expand to review first.