AI Side Drawer

Mirrors ClickUp's Brain² sidebar: a right-hand AI drawer that only appears after clicking Brain², with its chat input ([data-chmln=ai_input], a Quill contenteditable) nested under a z-indexed, overflow:hidden, isolation:isolate chain and a display:contents custom element. Anchor a tour step to the chat input and check it shows in edit mode, preview and live.

  • ?hide=remove (default) — drawer subtree is created on open and removed on close (Angular *ngIf)
  • ?hide=transform — always in the DOM, slid off-screen with translateX(100%)
  • ?hide=width — always in the DOM, host collapsed to width:0
  • ?hide=display — always in the DOM, display:none
  • ?open=1 opens on load; ?late_ms=5000 opens after a delay

State:

Overview

Recent: List, Campaign & Promotion Management, Template Guide, Seasonal Promotions…