# ThreadList

**Kind:** Component

**Source:** [`atloria-monorepo/apps/web/src/app/app/desk/components/ThreadList.tsx`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/apps/web/src/app/app/desk/components/ThreadList.tsx#L80)

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `bucket` | `BucketKey` | ✓ | - |
| `threads` | `DeskThread[]` | ✓ | - |
| `loading` | `boolean` | ✓ | - |
| `selectedIndex` | `number` | ✓ | - |
| `openThreadId` | `string | null` | ✓ | - |
| `now` | `number` | ✓ | - |
| `gaps` | `TicketTopicProposal[]` | ✓ | - |
| `gapDrafts` | `Record` | ✓ | - |
| `onSelect` | `Function` | ✓ | - |
| `onOpen` | `Function` | ✓ | - |
| `onDraftGap` | `Function` | ✓ | - |

## Diagram

```mermaid
graph TD
    component_ThreadList_6947c1c4["ThreadList"]
    class component_ThreadList_6947c1c4 rootComponent
```

## Relationships

- RENDERS → `ChatBubbleLeftRightIcon`
- RENDERS → `InboxIcon`
- RENDERS → `GapCard`
- USES_HOOK → `useRef`
- USES_HOOK → `useEffect`