# XWUIProjectUnscheduledTray

A side tray titled "Unscheduled tasks" that lists each `data.tasks[]` entry as a draggable (`draggable=true`, `data-task-id`) compact XWUICardTask, so tasks without dates can be dragged onto a schedule/calendar. A header "Add task" button fires `onAddTask()`, and clicking a row fires `onTaskSelect(taskId)`; `setTasks()` re-renders the list. Tasks are `XWUICardTaskData` (id, title, priority, state). Use it as the staging bin of unscheduled work alongside a Gantt or calendar view.

## Basic Usage

Two unscheduled, planned tasks ("Schedule venue walkthrough" medium, "Confirm vendor shortlist" high) rendered as draggable compact cards, with `onAddTask` and `onTaskSelect` callbacks that log to the console.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A tray of two undated, draggable task cards with add-task and select callbacks.
```

## Varied Priorities

A fuller backlog spanning every priority level and several task states.

```example
file: examples/VariedPriorities.ts
html: examples/VariedPriorities.html
title: Varied Priorities
description: Five undated cards from critical to low priority across in-progress, blocked, review and planned states.
```

## Rich Cards

Tray rows carrying assignees, subtask progress and tags.

```example
file: examples/RichCards.ts
html: examples/RichCards.html
title: Rich Cards
description: Two staged tasks whose cards surface assignee chips, subtask done/total and colored tags.
```

```api
```