<div data-controller="sidebar">
  <aside class="tw-sidebar">
    <!-- Logo -->
    <div class="tw-sidebar-logo">
      <a href="#" class="tw-sidebar-logo-link">
        <svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M37.47 38L29.43 17.99H26.34L18.27 38H21.12L22.89 33.53H32.85L34.62 38H37.47ZM32.13 31.34H23.64L27.87 20.54L32.13 31.34Z" fill="white"/>
          <path d="M39 18V14H37V18H33V20H37V24H39V20H43V18H39Z" fill="#EC634B"/>
        </svg>
      </a>
    </div>
    <!-- Navigation -->
    <nav class="tw-sidebar-nav" role="navigation" aria-label="Main navigation">
      <!-- Insights -->
      <button type="button"
            class="tw-sidebar-item"
            data-sidebar-target="item"
            data-action="click->sidebar#toggleDrawer"
        data-drawer="insights"
        data-label="Insights"
        aria-expanded="false">
        <i class="fa-light fa-chart-mixed tw-sidebar-icon"></i>
        <span class="tw:sr-only">Insights</span>
        <span class="tw-badge tw-badge-danger tw-badge-sm tw-badge-notification-ceil">New</span>
      </button>
      <!-- Parents & Enquiries -->
      <button type="button"
            class="tw-sidebar-item"
            data-sidebar-target="item"
            data-action="click->sidebar#toggleDrawer"
        data-drawer="parents"
        data-label="Parents & Enquiries"
        aria-expanded="false">
        <i class="fa-light fa-user-group tw-sidebar-icon"></i>
        <span class="tw:sr-only">Parents & Enquiries</span>
        <span class="tw-badge tw-badge-danger tw-badge-sm tw-badge-notification-ceil">New</span>
      </button>
      <!-- Communications & Events -->
      <button type="button"
            class="tw-sidebar-item"
            data-sidebar-target="item"
            data-action="click->sidebar#toggleDrawer"
        data-drawer="communications"
        data-label="Communications & Events"
        aria-expanded="false">
        <i class="fa-light fa-comment-alt-lines tw-sidebar-icon"></i>
        <span class="tw:sr-only">Communications & Events</span>
      </button>
      <!-- Registered Students -->
      <button type="button"
            class="tw-sidebar-item"
            data-sidebar-target="item"
            data-action="click->sidebar#toggleDrawer"
        data-drawer="students"
        data-label="Registered Students"
        aria-expanded="false">
        <i class="fa-light fa-users tw-sidebar-icon"></i>
        <span class="tw:sr-only">Registered Students</span>
      </button>
      <!-- Marketing -->
      <!-- <button type="button"
            class="tw-sidebar-item"
            data-sidebar-target="item"
            data-action="click->sidebar#toggleDrawer"
            data-drawer="marketing"
            data-label="Marketing"
            aria-expanded="false">
      <svg class="tw-sidebar-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M14.7461 2.38281C13.875 2.13281 12.9531 2 12 2C6.47656 2 2 6.47656 2 12C2 17.5234 6.47656 22 12 22C17.5234 22 22 17.5234 22 12C22 11.0469 21.8672 10.125 21.6172 9.25391L20.7266 10.2461C20.6836 10.293 20.6445 10.3359 20.5977 10.3789C20.6953 10.9062 20.7461 11.4453 20.7461 12C20.7461 16.832 16.8281 20.75 11.9961 20.75C7.16406 20.75 3.25 16.832 3.25 12C3.25 7.16797 7.16797 3.25 12 3.25C12.5547 3.25 13.0977 3.30078 13.6211 3.39844C13.6641 3.35547 13.707 3.3125 13.7539 3.26953L14.7461 2.38281ZM12.7266 5.79297C12.4883 5.76562 12.2461 5.75 12 5.75C8.54687 5.75 5.75 8.54687 5.75 12C5.75 15.4531 8.54687 18.25 12 18.25C15.4531 18.25 18.25 15.4531 18.25 12C18.25 11.7539 18.2344 11.5117 18.207 11.2734C18.1016 11.2656 17.9961 11.2539 17.8906 11.2383L16.9141 11.0742C16.9687 11.375 17 11.6836 17 12C17 14.7617 14.7617 17 12 17C9.23828 17 7 14.7617 7 12C7 9.23828 9.23828 7 12 7C12.3164 7 12.625 7.03125 12.9258 7.08594L12.7617 6.10937C12.7422 6.00391 12.7305 5.89844 12.7266 5.79297ZM15.3398 9.54687L18.0898 10.0039C18.7266 10.1094 19.3711 9.88281 19.8008 9.39844L21.5156 7.46875C21.9727 6.95703 21.7422 6.14453 21.0859 5.94922L18.7539 5.25L18.0508 2.91406C17.8555 2.25781 17.043 2.02734 16.5312 2.48437L14.6016 4.19922C14.1211 4.62891 13.8906 5.27344 13.9961 5.91016L14.4531 8.66016L11.5547 11.5586C11.3125 11.8008 11.3125 12.1992 11.5547 12.4414C11.7969 12.6836 12.1953 12.6836 12.4375 12.4414L15.3359 9.54297L15.3398 9.54687ZM16.4258 8.46094L18.4297 6.45703L20.2578 7.00391L18.8672 8.56641C18.7227 8.72656 18.5078 8.80469 18.2969 8.76953L16.4258 8.45703V8.46094ZM17.543 5.57422L15.5391 7.57813L15.2266 5.70703C15.1914 5.49609 15.2656 5.28125 15.4297 5.13672L16.9922 3.74609L17.5391 5.57422H17.543Z" fill="currentColor" stroke="none"/>
      </svg>
      <span class="tw:sr-only">Marketing</span>
      <span class="tw-badge tw-badge-danger tw-badge-sm tw-badge-notification-ceil">128</span>
    </button> -->
      <!-- Enrolments -->
      <button type="button"
            class="tw-sidebar-item"
            data-sidebar-target="item"
            data-action="click->sidebar#toggleDrawer"
        data-drawer="enrolments"
        data-label="Enrolments"
        aria-expanded="false">
        <i class="fa-light fa-file-alt tw-sidebar-icon"></i>
        <span class="tw:sr-only">Enrolments</span>
      </button>
      <!-- Applicaa Futures -->
      <button type="button"
            class="tw-sidebar-item"
            data-sidebar-target="item"
            data-action="click->sidebar#toggleDrawer"
        data-drawer="applicaafutures"
        data-label="Applicaa Futures"
        aria-expanded="false">
        <i class="fa-light fa-graduation-cap tw-sidebar-icon"></i>
        <span class="tw:sr-only">Applicaa Futures</span>
      </button>
      <!-- Data -->
      <button type="button"
            class="tw-sidebar-item"
            data-sidebar-target="item"
            data-action="click->sidebar#toggleDrawer"
        data-drawer="data"
        data-label="Data"
        aria-expanded="false">
        <i class="fa-light fa-cloud-upload tw-sidebar-icon"></i>
        <span class="tw:sr-only">Data</span>
        <span class="tw-badge tw-badge-danger tw-badge-sm tw-badge-notification-ceil">160</span>
      </button>
      <!-- Manage Users -->
      <button type="button"
            class="tw-sidebar-item"
            data-sidebar-target="item"
            data-action="click->sidebar#toggleDrawer"
        data-drawer="manageusers"
        data-label="Manage Users"
        aria-expanded="false">
        <i class="fa-light fa-users-cog tw-sidebar-icon"></i>
        <span class="tw:sr-only">Manage Users</span>
        <span class="tw-badge tw-badge-danger tw-badge-sm tw-badge-notification-ceil">218</span>
      </button>
      <!-- Platform Essentials -->
      <button type="button"
            class="tw-sidebar-item"
            data-sidebar-target="item"
            data-action="click->sidebar#toggleDrawer"
        data-drawer="essentials"
        data-label="Platform Essentials"
        aria-expanded="false">
        <i class="fa-light fa-bell tw-sidebar-icon"></i>
        <span class="tw:sr-only">Platform Essentials</span>
        <span class="tw-badge tw-badge-danger tw-badge-sm tw-badge-notification-ceil">90</span>
      </button>
    </nav>
    <!-- Bottom Section -->
    <div class="tw-sidebar-bottom">
      <button type="button"
            class="tw-sidebar-item"
            data-sidebar-target="item"
            data-action="click->sidebar#toggleDrawer"
        data-drawer="settings"
        data-label="Settings"
        aria-expanded="false">
        <i class="fa-light fa-cogs tw-sidebar-icon"></i>
        <span class="tw:sr-only">Settings</span>
      </button>
    </div>
  </aside>
  <!-- Parents & Enquiries Drawer -->
  <div class="tw-sidebar-drawer"
     data-sidebar-target="drawer"
     data-drawer-id="parents"
     aria-label="Parents & Enquiries navigation">
    <div class="tw-sidebar-drawer-header">PARENTS & ENQUIRIES</div>
    <nav class="tw-drawer-nav">
      <a href="#" class="tw-drawer-item tw-disabled">
        <span class="tw-drawer-item-label">Parents</span>
      </a>
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">Enquiries</span>
      </a>
    </nav>
  </div>
  <!-- Insights Drawer -->
  <div class="tw-sidebar-drawer"
     data-sidebar-target="drawer"
     data-drawer-id="insights"
     aria-label="Insights navigation">
    <div class="tw-sidebar-drawer-header">INSIGHTS</div>
    <nav class="tw-drawer-nav">
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">Summary</span>
      </a>
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">Pipeline</span>
      </a>
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">Map view</span>
      </a>
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">Feeder schools</span>
      </a>
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">Events</span>
      </a>
    </nav>
  </div>
  <!-- Registered Students Drawer -->
  <div class="tw-sidebar-drawer"
     data-sidebar-target="drawer"
     data-drawer-id="students"
     aria-label="Registered Students navigation">
    <div class="tw-sidebar-drawer-header">REGISTERED STUDENTS</div>
    <nav class="tw-drawer-nav">
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">Incomplete</span>
      </a>
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">
          Awaiting Reference
          <span class="tw-tag tw-tag-sm tw-tag-info-subtle tw-tag-interactive"
              data-controller="demo"
              data-action="click->demo#show"
            data-demo-loom-url="https://www.loom.com/embed/57b221906926464089a56d85e8eeefa9?sid=ab3b24a5-9f76-4b64-99ce-a54356ba6d80"
            data-demo-text="This is the demo for the feature\nThis is the next paragraph of texts"
            data-demo-learn-more="https://helpdesk.applicaa.com/">
            <i class="fa-regular fa-clapperboard-play"></i>
            Demo
          </span>
        </span>
      </a>
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">
          Completed
          <span class="tw-tag tw-tag-sm tw-tag-info-subtle tw-tag-interactive"
              data-controller="demo"
              data-action="click->demo#show"
            data-demo-loom-url="https://www.loom.com/embed/57b221906926464089a56d85e8eeefa9?sid=ab3b24a5-9f76-4b64-99ce-a54356ba6d80"
            data-demo-text="This is the demo for the feature\nThis is the next paragraph of texts"
            data-demo-learn-more="https://helpdesk.applicaa.com/">
            <i class="fa-regular fa-clapperboard-play"></i>
            Demo
          </span>
        </span>
      </a>
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">Declined</span>
      </a>
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">Withdrawn</span>
      </a>
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">Deadline Missed</span>
      </a>
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">Skipped Payment</span>
      </a>
    </nav>
  </div>
  <!-- Enrolments Drawer -->
  <div class="tw-sidebar-drawer"
     data-sidebar-target="drawer"
     data-drawer-id="enrolments"
     aria-label="Enrolments navigation">
    <div class="tw-sidebar-drawer-header">BULK ENROLMENT</div>
    <nav class="tw-drawer-nav">
      <a href="/lookbook/preview/projects/enrolment/bulk_enrolment" class="tw-drawer-item">
        <span class="tw-drawer-item-label">Bulk Enrolment</span>
      </a>
    </nav>
    <div class="tw-sidebar-drawer-header">
      ENROLMENT
      <span class="tw-tag tw-tag-sm tw-tag-info-subtle tw-tag-interactive tw:normal-case"
          data-controller="demo"
          data-action="click->demo#show"
        data-demo-loom-url="https://www.loom.com/embed/57b221906926464089a56d85e8eeefa9?sid=ab3b24a5-9f76-4b64-99ce-a54356ba6d80"
        data-demo-text="This is the demo for the feature\nThis is the next paragraph of texts"
        data-demo-learn-more="https://helpdesk.applicaa.com/">
        <i class="fa-regular fa-clapperboard-play"></i>
        Demo
      </span>
    </div>
    <nav class="tw-drawer-nav">
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">Details to be checked</span>
      </a>
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">Ready to Enrol</span>
      </a>
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">Enrolled</span>
      </a>
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">Enrolment Waiting</span>
      </a>
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">Enrolment Declined</span>
      </a>
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">Enrolment Activities</span>
      </a>
    </nav>
    <div class="tw-sidebar-drawer-header">REPORT</div>
    <nav class="tw-drawer-nav">
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">Enrolment Report</span>
      </a>
    </nav>
    <div class="tw-sidebar-drawer-header">POST ENROLMENT</div>
    <nav class="tw-drawer-nav">
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">CTF/File Request</span>
      </a>
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">Transition Tool</span>
      </a>
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">Sorting Hat</span>
      </a>
    </nav>
  </div>
  <!-- Applicaa Futures Drawer -->
  <div class="tw-sidebar-drawer"
     data-sidebar-target="drawer"
     data-drawer-id="applicaafutures"
     aria-label="Applicaa Futures navigation">
    <div class="tw-sidebar-drawer-header">APPLICAA FUTURES</div>
    <nav class="tw-drawer-nav">
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">One Reference</span>
      </a>
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">Destination Tracker</span>
      </a>
    </nav>
  </div>
  <!-- Data Drawer -->
  <div class="tw-sidebar-drawer"
     data-sidebar-target="drawer"
     data-drawer-id="data"
     aria-label="Data navigation">
    <div class="tw-sidebar-drawer-header">DATA</div>
    <nav class="tw-drawer-nav">
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">Import</span>
      </a>
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">
          Export
          <span class="tw-tag tw-tag-sm tw-tag-info-subtle tw-tag-interactive"
              data-controller="demo"
              data-action="click->demo#show"
            data-demo-loom-url="https://www.loom.com/embed/57b221906926464089a56d85e8eeefa9?sid=ab3b24a5-9f76-4b64-99ce-a54356ba6d80"
            data-demo-text="This is the demo for the feature\nThis is the next paragraph of texts"
            data-demo-learn-more="https://helpdesk.applicaa.com/">
            <i class="fa-regular fa-clapperboard-play"></i>
            Demo
          </span>
        </span>
      </a>
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">Uploaded Files</span>
      </a>
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">
          First Media Applications
          <span class="tw-badge tw-badge-danger tw-badge-sm">182</span>
        </span>
      </a>
    </nav>
  </div>
  <!-- Manage Users Drawer -->
  <div class="tw-sidebar-drawer"
     data-sidebar-target="drawer"
     data-drawer-id="manageusers"
     aria-label="Manage Users navigation">
    <div class="tw-sidebar-drawer-header">MANAGE USERS</div>
    <nav class="tw-drawer-nav">
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">Manually Add People</span>
      </a>
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">
          Duplicate Students
          <span class="tw-badge tw-badge-danger tw-badge-sm">211</span>
          <span class="tw-tag tw-tag-sm tw-tag-info-subtle tw-tag-interactive"
              data-controller="demo"
              data-action="click->demo#show"
            data-demo-loom-url="https://www.loom.com/embed/57b221906926464089a56d85e8eeefa9?sid=ab3b24a5-9f76-4b64-99ce-a54356ba6d80"
            data-demo-text="This is the demo for the feature\nThis is the next paragraph of texts"
            data-demo-learn-more="https://helpdesk.applicaa.com/">
            <i class="fa-regular fa-clapperboard-play"></i>
            Demo
          </span>
        </span>
      </a>
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">
          Duplicate Agencies
          <span class="tw-badge tw-badge-danger tw-badge-sm">7</span>
        </span>
      </a>
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">Duplicate Contacts</span>
      </a>
    </nav>
  </div>
  <!-- Platform Essentials Drawer -->
  <div class="tw-sidebar-drawer"
     data-sidebar-target="drawer"
     data-drawer-id="essentials"
     aria-label="Platform Essentials navigation">
    <div class="tw-sidebar-drawer-header">PLATFORM ESSENTIALS</div>
    <nav class="tw-drawer-nav">
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">
          Applicaa Journey
          <span class="tw-badge tw-badge-danger tw-badge-sm">13</span>
        </span>
      </a>
      <button type="button"
            class="tw-drawer-item"
            data-action="click->sidebar#toggleSubmenu"
        aria-expanded="false">
        <span class="tw-drawer-item-label">Product Requests & Updates</span>
        <svg class="tw-drawer-chevron" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2">
          <path d="M6 4l4 4-4 4"></path>
        </svg>
      </button>
      <div class="tw-drawer-submenu" data-sidebar-target="submenu">
        <a href="#" class="tw-drawer-subitem">Feature Requests</a>
        <a href="#" class="tw-drawer-subitem">Road Map</a>
        <a href="#" class="tw-drawer-subitem">Vote</a>
        <a href="#" class="tw-drawer-subitem">Recent Updates</a>
      </div>
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">Time Saved With Admissions+</span>
      </a>
    </nav>
  </div>
  <!-- Communications & Events Drawer -->
  <div class="tw-sidebar-drawer"
     data-sidebar-target="drawer"
     data-drawer-id="communications"
     aria-label="Communications & Events navigation">
    <div class="tw-sidebar-drawer-header">COMMUNICATIONS & EVENTS</div>
    <nav class="tw-drawer-nav">
      <!-- Communications Section (expandable) -->
      <button type="button"
            class="tw-drawer-item"
            data-action="click->sidebar#toggleSubmenu"
        aria-expanded="false">
        <span class="tw-drawer-item-label">
          Communications
          <span class="tw-tag tw-tag-sm tw-tag-info-subtle tw-tag-interactive"
              data-controller="demo"
              data-action="click->demo#show"
            data-demo-loom-url="https://www.loom.com/embed/57b221906926464089a56d85e8eeefa9?sid=ab3b24a5-9f76-4b64-99ce-a54356ba6d80"
            data-demo-text="This is the demo for the feature\nThis is the next paragraph of texts"
            data-demo-learn-more="https://helpdesk.applicaa.com/">
            <i class="fa-regular fa-clapperboard-play"></i>
            Demo
          </span>
        </span>
        <svg class="tw-drawer-chevron" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2">
          <path d="M6 4l4 4-4 4"></path>
        </svg>
      </button>
      <div class="tw-drawer-submenu" data-sidebar-target="submenu">
        <a href="#" class="tw-drawer-subitem">
          <i class="fa-regular fa-circle-info"></i>
          Manual Messages
        </a>
        <a href="#" class="tw-drawer-subitem">
          <i class="fa-regular fa-circle-info"></i>
          Automated Messages
        </a>
        <a href="#" class="tw-drawer-subitem">
          <i class="fa-regular fa-circle-info"></i>
          Scheduled Messages
        </a>
        <a href="#" class="tw-drawer-subitem">Message Summary</a>
      </div>
      <!-- Meetings (single item) -->
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">
          Meetings
          <span class="tw-tag tw-tag-sm tw-tag-info-subtle tw-tag-interactive"
              data-controller="demo"
              data-action="click->demo#show"
            data-demo-loom-url="https://www.loom.com/embed/57b221906926464089a56d85e8eeefa9?sid=ab3b24a5-9f76-4b64-99ce-a54356ba6d80"
            data-demo-text="This is the demo for the feature\nThis is the next paragraph of texts"
            data-demo-learn-more="https://helpdesk.applicaa.com/">
            <i class="fa-regular fa-clapperboard-play"></i>
            Demo
          </span>
        </span>
      </a>
      <!-- Events Section (expandable) -->
      <button type="button"
            class="tw-drawer-item"
            data-action="click->sidebar#toggleSubmenu"
        aria-expanded="false">
        <span class="tw-drawer-item-label">
          Events
          <span class="tw-tag tw-tag-sm tw-tag-info-subtle tw-tag-interactive"
              data-controller="demo"
              data-action="click->demo#show"
            data-demo-loom-url="https://www.loom.com/embed/57b221906926464089a56d85e8eeefa9?sid=ab3b24a5-9f76-4b64-99ce-a54356ba6d80"
            data-demo-text="This is the demo for the feature\nThis is the next paragraph of texts"
            data-demo-learn-more="https://helpdesk.applicaa.com/">
            <i class="fa-regular fa-clapperboard-play"></i>
            Demo
          </span>
        </span>
        <svg class="tw-drawer-chevron" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2">
          <path d="M6 4l4 4-4 4"></path>
        </svg>
      </button>
      <div class="tw-drawer-submenu" data-sidebar-target="submenu">
        <a href="#" class="tw-drawer-subitem">Event Calendar</a>
        <a href="#" class="tw-drawer-subitem">Event Guests</a>
        <a href="#" class="tw-drawer-subitem">Event Waitlists</a>
        <a href="#" class="tw-drawer-subitem">Event Forms</a>
      </div>
      <!-- Taster Day Section (expandable with secondary color) -->
      <button type="button"
            class="tw-drawer-item"
            data-action="click->sidebar#toggleSubmenu"
        aria-expanded="false">
        <span class="tw-drawer-item-label">
          Taster Day
          <span class="tw-tag tw-tag-sm tw-tag-info-subtle tw-tag-interactive"
              data-controller="demo"
              data-action="click->demo#show"
            data-demo-loom-url="https://www.loom.com/embed/57b221906926464089a56d85e8eeefa9?sid=ab3b24a5-9f76-4b64-99ce-a54356ba6d80"
            data-demo-text="This is the demo for the feature\nThis is the next paragraph of texts"
            data-demo-learn-more="https://helpdesk.applicaa.com/">
            <i class="fa-regular fa-clapperboard-play"></i>
            Demo
          </span>
        </span>
        <svg class="tw-drawer-chevron" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2">
          <path d="M6 4l4 4-4 4"></path>
        </svg>
      </button>
      <div class="tw-drawer-submenu" data-sidebar-target="submenu">
        <a href="#" class="tw-drawer-subitem">Taster Day Configuration</a>
        <a href="#" class="tw-drawer-subitem">Student Submissions & Timetables</a>
      </div>
    </nav>
  </div>
  <!-- Marketing & Events Drawer -->
  <div class="tw-sidebar-drawer"
     data-sidebar-target="drawer"
     data-drawer-id="marketing"
     aria-label="Marketing & Events navigation">
    <div class="tw-sidebar-drawer-header">MARKETING & EVENTS</div>
    <nav class="tw-drawer-nav">
      <button type="button"
            class="tw-drawer-item"
            data-action="click->sidebar#toggleSubmenu"
        aria-expanded="false">
        <span class="tw-drawer-item-label">Marketing Campaigns</span>
        <svg class="tw-drawer-chevron" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2">
          <path d="M6 4l4 4-4 4"></path>
        </svg>
      </button>
      <div class="tw-drawer-submenu" data-sidebar-target="submenu">
        <a href="#" class="tw-drawer-subitem">Campaigns</a>
        <a href="#" class="tw-drawer-subitem">Reports</a>
      </div>
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">Workflows</span>
      </a>
      <button type="button"
            class="tw-drawer-item"
            data-action="click->sidebar#toggleSubmenu"
        aria-expanded="false">
        <span class="tw-drawer-item-label">Emails</span>
        <svg class="tw-drawer-chevron" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2">
          <path d="M6 4l4 4-4 4"></path>
        </svg>
      </button>
      <div class="tw-drawer-submenu" data-sidebar-target="submenu">
        <a href="#" class="tw-drawer-subitem">Manual Emails</a>
        <a href="#" class="tw-drawer-subitem">Automated Emails</a>
        <a href="#" class="tw-drawer-subitem">Email Templates</a>
      </div>
      <a href="#" class="tw-drawer-item tw-disabled">
        <span class="tw-drawer-item-label">Notifications</span>
      </a>
      <a href="#" class="tw-drawer-item tw-disabled">
        <span class="tw-drawer-item-label">SMS</span>
      </a>
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">Meeting</span>
      </a>
      <button type="button"
            class="tw-drawer-item"
            data-action="click->sidebar#toggleSubmenu"
        aria-expanded="false">
        <span class="tw-drawer-item-label">Events</span>
        <svg class="tw-drawer-chevron" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2">
          <path d="M6 4l4 4-4 4"></path>
        </svg>
      </button>
      <div class="tw-drawer-submenu" data-sidebar-target="submenu">
        <a href="#" class="tw-drawer-subitem">Calendar</a>
        <a href="#" class="tw-drawer-subitem">Guests</a>
        <a href="#" class="tw-drawer-subitem">Waitlists</a>
        <a href="#" class="tw-drawer-subitem">Forms</a>
      </div>
      <button type="button"
            class="tw-drawer-item"
            data-action="click->sidebar#toggleSubmenu"
        aria-expanded="false">
        <span class="tw-drawer-item-label">Taster Day</span>
        <svg class="tw-drawer-chevron" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2">
          <path d="M6 4l4 4-4 4"></path>
        </svg>
      </button>
      <div class="tw-drawer-submenu" data-sidebar-target="submenu">
        <a href="#" class="tw-drawer-subitem">Configurations</a>
        <a href="#" class="tw-drawer-subitem">Submissions & Timetables</a>
      </div>
    </nav>
  </div>
  <!-- Settings Drawer -->
  <div class="tw-sidebar-drawer"
     data-sidebar-target="drawer"
     data-drawer-id="settings"
     aria-label="Settings navigation">
    <div class="tw-sidebar-drawer-header">SETTINGS</div>
    <nav class="tw-drawer-nav">
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">Application Form</span>
      </a>
      <button type="button"
            class="tw-drawer-item"
            data-action="click->sidebar#toggleSubmenu"
        aria-expanded="false">
        <span class="tw-drawer-item-label">Subject Options</span>
        <svg class="tw-drawer-chevron" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2">
          <path d="M6 4l4 4-4 4"></path>
        </svg>
      </button>
      <div class="tw-drawer-submenu" data-sidebar-target="submenu"></div>
      <button type="button"
            class="tw-drawer-item"
            data-action="click->sidebar#toggleSubmenu"
        aria-expanded="false">
        <span class="tw-drawer-item-label">Form Settings</span>
        <svg class="tw-drawer-chevron" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2">
          <path d="M6 4l4 4-4 4"></path>
        </svg>
      </button>
      <div class="tw-drawer-submenu" data-sidebar-target="submenu"></div>
      <button type="button"
            class="tw-drawer-item"
            data-action="click->sidebar#toggleSubmenu"
        aria-expanded="false">
        <span class="tw-drawer-item-label">School Settings</span>
        <svg class="tw-drawer-chevron" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2">
          <path d="M6 4l4 4-4 4"></path>
        </svg>
      </button>
      <div class="tw-drawer-submenu" data-sidebar-target="submenu"></div>
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">Enrolment Settings</span>
      </a>
      <a href="#" class="tw-drawer-item">
        <span class="tw-drawer-item-label">Enrolment Navigator</span>
      </a>
      <button type="button"
            class="tw-drawer-item"
            data-action="click->sidebar#toggleSubmenu"
        aria-expanded="false">
        <span class="tw-drawer-item-label">Properties</span>
        <svg class="tw-drawer-chevron" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2">
          <path d="M6 4l4 4-4 4"></path>
        </svg>
      </button>
      <div class="tw-drawer-submenu" data-sidebar-target="submenu"></div>
      <button type="button"
            class="tw-drawer-item"
            data-action="click->sidebar#toggleSubmenu"
        aria-expanded="false">
        <span class="tw-drawer-item-label">Security</span>
        <svg class="tw-drawer-chevron" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2">
          <path d="M6 4l4 4-4 4"></path>
        </svg>
      </button>
      <div class="tw-drawer-submenu" data-sidebar-target="submenu"></div>
    </nav>
  </div>
  <header class="tw-topbar" role="banner">
    <div class="tw-topbar-left">
      <!-- Context Dropdown -->
      <div class="tw-dropdown tw-dropdown-borderless" data-controller="dropdown" data-dropdown-auto-highlight-value="true">
        <button class="tw-dropdown-trigger tw-topbar-dropdown-trigger"
              type="button"
              aria-haspopup="listbox"
              aria-expanded="false"
              data-dropdown-target="trigger"
              data-action="click->dropdown#toggle keydown->dropdown#keydown">
          <span class="tw-dropdown-label tw-dropdown-primary" data-dropdown-target="label">2024/2025 - Year 7 Main Entry</span>
          <svg class="tw-dropdown-chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path d="m2 5 6 6 6-6"/>
          </svg>
        </button>
        <div class="tw-dropdown-menu tw-dropdown-menu-wide tw-dropdown-menu-scrollable" role="listbox" data-dropdown-target="menu" tabindex="-1">
          <button class="tw-dropdown-item tw-active" role="option" data-dropdown-target="item" data-action="click->dropdown#select" data-value="2024-y7-main">
            <span class="tw-dropdown-item-text">2024/2025 - Year 7 Main Entry</span>
            <svg class="tw-dropdown-item-check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
            </svg>
          </button>
          <button class="tw-dropdown-item" role="option" data-dropdown-target="item" data-action="click->dropdown#select" data-value="2024-y7-late">
            <span class="tw-dropdown-item-text">2024/2025 - Year 7 Late Entry</span>
            <svg class="tw-dropdown-item-check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
            </svg>
          </button>
          <button class="tw-dropdown-item" role="option" data-dropdown-target="item" data-action="click->dropdown#select" data-value="2024-y8">
            <span class="tw-dropdown-item-text">2024/2025 - Year 8 Admissions</span>
            <svg class="tw-dropdown-item-check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
            </svg>
          </button>
          <button class="tw-dropdown-item" role="option" data-dropdown-target="item" data-action="click->dropdown#select" data-value="2024-y9">
            <span class="tw-dropdown-item-text">2024/2025 - Year 9 In-Year</span>
            <svg class="tw-dropdown-item-check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
            </svg>
          </button>
          <button class="tw-dropdown-item" role="option" data-dropdown-target="item" data-action="click->dropdown#select" data-value="2025-y7-main">
            <span class="tw-dropdown-item-text">2025/2026 - Year 7 Main Entry</span>
            <svg class="tw-dropdown-item-check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
            </svg>
          </button>
          <button class="tw-dropdown-item" role="option" data-dropdown-target="item" data-action="click->dropdown#select" data-value="2025-y7-late">
            <span class="tw-dropdown-item-text">2025/2026 - Year 7 Late Entry</span>
            <svg class="tw-dropdown-item-check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
            </svg>
          </button>
          <button class="tw-dropdown-item" role="option" data-dropdown-target="item" data-action="click->dropdown#select" data-value="2025-y8">
            <span class="tw-dropdown-item-text">2025/2026 - Year 8 Admissions</span>
            <svg class="tw-dropdown-item-check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
            </svg>
          </button>
          <button class="tw-dropdown-item" role="option" data-dropdown-target="item" data-action="click->dropdown#select" data-value="2025-y9">
            <span class="tw-dropdown-item-text">2025/2026 - Year 9 In-Year</span>
            <svg class="tw-dropdown-item-check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
            </svg>
          </button>
          <button class="tw-dropdown-item" role="option" data-dropdown-target="item" data-action="click->dropdown#select" data-value="2026-y7-main">
            <span class="tw-dropdown-item-text">2026/2027 - Year 7 Main Entry</span>
            <svg class="tw-dropdown-item-check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
            </svg>
          </button>
          <button class="tw-dropdown-item" role="option" data-dropdown-target="item" data-action="click->dropdown#select" data-value="2026-y8">
            <span class="tw-dropdown-item-text">2026/2027 - Year 8 Admissions</span>
            <svg class="tw-dropdown-item-check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
            </svg>
          </button>
          <button class="tw-dropdown-item" role="option" data-dropdown-target="item" data-action="click->dropdown#select" data-value="2023-y12">
            <span class="tw-dropdown-item-text">2023/2024 - Year 12 Sixth Form</span>
            <svg class="tw-dropdown-item-check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
            </svg>
          </button>
          <button class="tw-dropdown-item" role="option" data-dropdown-target="item" data-action="click->dropdown#select" data-value="2024-y12">
            <span class="tw-dropdown-item-text">2024/2025 - Year 12 Sixth Form</span>
            <svg class="tw-dropdown-item-check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
            </svg>
          </button>
        </div>
      </div>
      <!-- Search -->
      <div class="tw-topbar-search">
        <div class="tw-input-group tw-has-icon-start">
          <i class="fa-regular fa-magnifying-glass tw-input-group-icon tw-input-group-icon-start"></i>
          <input type="search" class="tw-form-control" placeholder="Search...">
        </div>
      </div>
    </div>
    <div class="tw-topbar-right">
      <!-- Action Buttons -->
      <button type="button" class="tw-btn tw-btn-outline-success tw-btn-multiline" data-controller="tooltip" data-tooltip-content-value="Referral Program" data-tooltip-placement-value="bottom">
        <i class="fa-solid fa-gift tw-icon-16"></i>
        Refer<br>
         & Save
      </button>
      <button type="button" class="tw-btn tw-btn-outline-primary tw-btn-multiline" data-controller="tooltip" data-tooltip-content-value="Discuss Ideas & Submit Feature Requests" data-tooltip-placement-value="bottom">
        <i class="fa-solid fa-users tw-icon-16"></i>
        Applicaa<br>
         Community
      </button>
      <button type="button" class="tw-btn tw-btn-outline-primary tw-btn-multiline" data-controller="tooltip" data-tooltip-content-value="Support & Feature Requests" data-tooltip-placement-value="bottom">
        <i class="fa-solid fa-comment-question tw-icon-16"></i>
        Support<br>
         & Requests
      </button>
      <div class="tw-topbar-action-icons">
        <!-- Notification Icon -->
        <button type="button" class="tw-btn tw-btn-tertiary tw-btn-icon tw-topbar-notification-btn" aria-label="Notifications" data-controller="tooltip" data-tooltip-content-value="Notification" data-tooltip-placement-value="bottom">
          <i class="fa-solid fa-bell tw-icon-16"></i>
        </button>
      </div>
      <div class="tw-topbar-divider"></div>
      <!-- User Avatar Dropdown -->
      <div class="tw-dropdown tw-dropdown-icon tw-dropdown-borderless" data-controller="dropdown">
        <button type="button" class="tw-dropdown-trigger tw-topbar-avatar"
              aria-label="User menu"
              aria-haspopup="true"
              aria-expanded="false"
              data-dropdown-target="trigger"
              data-action="click->dropdown#toggle keydown->dropdown#keydown">
          <div class="tw-avatar tw-avatar-primary" role="img" aria-label="Jane Doe">
            <span>JD</span>
          </div>
        </button>
        <div class="tw-dropdown-menu tw-dropdown-menu-end" role="menu" data-dropdown-target="menu" tabindex="-1">
          <div class="tw-dropdown-header">John Doe</div>
          <div class="tw-dropdown-divider"></div>
          <button class="tw-dropdown-item" role="menuitem" data-dropdown-target="item" data-action="click->dropdown#select">
            <i class="fa-regular fa-circle-sterling tw-dropdown-item-icon"></i>
            <span class="tw-dropdown-item-text">Referrals & billing</span>
          </button>
          <button class="tw-dropdown-item" role="menuitem" data-dropdown-target="item" data-action="click->dropdown#select">
            <i class="fa-regular fa-lock tw-dropdown-item-icon"></i>
            <span class="tw-dropdown-item-text">Password & security</span>
          </button>
          <div class="tw-dropdown-divider"></div>
          <button class="tw-dropdown-item" role="menuitem" data-dropdown-target="item" data-action="click->dropdown#select">
            <i class="fa-regular fa-layer-group tw-dropdown-item-icon"></i>
            <span class="tw-dropdown-item-text">Multiple form</span>
          </button>
          <button class="tw-dropdown-item" role="menuitem" data-dropdown-target="item" data-action="click->dropdown#select">
            <i class="fa-regular fa-envelope tw-dropdown-item-icon"></i>
            <span class="tw-dropdown-item-text">Email preferences</span>
          </button>
          <button class="tw-dropdown-item" role="menuitem" data-dropdown-target="item" data-action="click->dropdown#select">
            <i class="fa-regular fa-right-from-bracket tw-dropdown-item-icon"></i>
            <span class="tw-dropdown-item-text">Logout</span>
          </button>
        </div>
      </div>
    </div>
  </header>
  <main class="tw-sidebar-topbar-content-offset tw:bg-background tw-h-screen-offset">
    <div class="tw:flex tw:h-full tw:items-stretch">
      <script id="conversation-script" type="application/json">
        {"steps":{"start":{"messages":[{"from":"emma","html":"\u003cp class='tw:text-neutral-800 tw:mb-1 fw-semibold'\u003eHi! I'm Emma, your Events Agent.\u003c/p\u003e\u003cp class='tw:text-neutral-500 tw:mb-0'\u003eI can help you create events, manage registrations, and track attendance. Pick a scenario to explore:\u003c/p\u003e"}],"chips":[{"label":"Create Open Evening","goto":"s1_start"},{"label":"Set up Morning Tours","goto":"s2_start"},{"label":"Clone last year's event","goto":"s3_start"},{"label":"Create filtered event","goto":"s4_start"},{"label":"Enable waitlist","goto":"s5_start"},{"label":"Add custom questions","goto":"s6_start"},{"label":"View attendance data","goto":"s7_start"},{"label":"Close registration","goto":"s8_start"}]},"s1_start":{"echo":"Create Open Evening","messages":[{"from":"emma","html":"Let's get your event set up. I'll ask a few questions and have everything ready for you. What type of event are you creating?"}],"chips":[{"label":"Open Day","goto":"s1_branch_stub"},{"label":"Open Evening","goto":"s1_name_openevening"},{"label":"Interview","goto":"s1_branch_stub"},{"label":"Private Visit","goto":"s1_branch_stub"}],"hint":"or type below"},"s1_branch_stub":{"echo":"That option","messages":[{"from":"emma","html":"In this demo, let's try Open Evening — it's the most common event type and shows the full setup flow."}],"autoAdvance":{"goto":"s1_name_openevening","delay":1800}},"s1_name_openevening":{"echo":"Open Evening","messages":[{"from":"emma","html":"Open Evening — got it. What would you like to call it?"}],"chips":[{"label":"Year 7 Open Evening","goto":"s1_form_suggestion"},{"label":"Open Evening 2026","goto":"s1_form_suggestion"},{"label":"Post-16 Open Evening","goto":"s1_form_suggestion"}],"hint":"or type below"},"s1_form_suggestion":{"echo":"Year 7 Open Evening","messages":[{"from":"emma","html":"\u003cp class=\"tw:text-neutral-800 tw:mb-1 fw-semibold\"\u003eWhich application form should this event be linked to?\u003c/p\u003e\u003cp class=\"tw:text-neutral-500 tw:mb-0\"\u003eI'd suggest Year 7 (2027/2028) — it's the next upcoming intake and matches the year group you mentioned.\u003c/p\u003e"}],"chips":[{"label":"Year 7 (2027/2028)","goto":"s1_date_question","recommended":true},{"label":"Year 7 (2028/2029)","goto":"s1_date_question"}],"hint":"or type below"},"s1_date_question":{"echo":"Year 7 (2027/2028)","messages":[{"from":"emma","html":"When's the Year 7 Open Evening? If you're not sure on the exact date, a rough month works — I can adjust later."}],"chips":[{"label":"Next Saturday","goto":"s1_time_question"},{"label":"In 2 weeks","goto":"s1_time_question"},{"label":"Next month","goto":"s1_time_question"}],"hint":"or type below"},"s1_time_question":{"echo":"October 15th","messages":[{"from":"emma","html":"What time does it run? Most Open Evenings are 6–8pm — works well for parents coming from work."}],"chips":[{"label":"9:00am – 12:00pm","goto":"s1_capacity_question"},{"label":"6:00pm – 8:00pm","goto":"s1_capacity_question","recommended":true},{"label":"10:00am – 12:00pm","goto":"s1_capacity_question"}],"hint":"or type below"},"s1_capacity_question":{"echo":"6:00pm – 8:00pm","messages":[{"from":"emma","html":"How many families can you accommodate? Think about your hall or venue capacity."}],"chips":[{"label":"No limit","goto":"s1_waitlist_question"},{"label":"50","goto":"s1_waitlist_question"},{"label":"100","goto":"s1_waitlist_question"},{"label":"200","goto":"s1_waitlist_question"}],"hint":"or type below"},"s1_waitlist_question":{"echo":"200","messages":[{"from":"emma","html":"200 places. Would you like a waitlist in case it fills up? Families can still register and get promoted if someone cancels."}],"chips":[{"label":"Yes, enable waitlist","goto":"s1_selfreg_question","recommended":true},{"label":"No waitlist needed","goto":"s1_selfreg_question"}],"hint":"or type below"},"s1_selfreg_question":{"echo":"Yes, enable waitlist","messages":[{"from":"emma","html":"Waitlist enabled. Should families be able to register themselves online? That means they sign up directly — no manual adding needed."}],"chips":[{"label":"Yes, self-registration","goto":"s1_applicaaone_question","recommended":true},{"label":"No, internal registration only","goto":"s1_applicaaone_question"}],"hint":"or type below"},"s1_applicaaone_question":{"echo":"Yes, self-registration","messages":[{"from":"emma","html":"Would you like this on ApplicaaOne too? It helps reach families who aren't already in your system."}],"chips":[{"label":"Yes, publish to ApplicaaOne","goto":"s1_questions_question","recommended":true},{"label":"No, website only","goto":"s1_questions_question"}]},"s1_questions_question":{"echo":"No, website only","messages":[{"from":"emma","html":"I'll use the standard questions — child's name, date of birth, year group, and contact details. These cover what most schools need. Want to add or change anything?"}],"chips":[{"label":"Use standard questions","goto":"s1_preconfirm","recommended":true},{"label":"Add custom questions","goto":"s1_preconfirm"},{"label":"Show me the fields first","goto":"s1_preconfirm"}],"hint":"or type below"},"s1_preconfirm":{"echo":"Use standard questions","messages":[{"from":"emma","html":"That's everything. Let me check I've got it right — have a look before I create anything."},{"from":"emma","html":"\u003ci class=\"fa-regular fa-calendar tw:mr-1.5 tw:text-green-500\"\u003e\u003c/i\u003eCreate New Event","card":"\u003cdiv class=\"tw-chat-card-confirm\"\u003e\u003cdiv class=\"tw-chat-card-header-confirm\"\u003e\u003ch3\u003eConfirm\u003c/h3\u003e\u003c/div\u003e\u003cdiv class=\"tw-chat-card-row\"\u003e\u003cspan class=\"tw-chat-card-row-label\"\u003eApplication Form\u003c/span\u003e\u003cspan class=\"tw-chat-card-row-value\"\u003eYear 7 (2027/2028)\u003c/span\u003e\u003c/div\u003e\u003cdiv class=\"tw-chat-card-row\"\u003e\u003cspan class=\"tw-chat-card-row-label\"\u003eEvent Type\u003c/span\u003e\u003cspan class=\"tw-chat-card-row-value\"\u003eOpen Evening\u003c/span\u003e\u003c/div\u003e\u003cdiv class=\"tw-chat-card-row\"\u003e\u003cspan class=\"tw-chat-card-row-label\"\u003eName\u003c/span\u003e\u003cspan class=\"tw-chat-card-row-value\"\u003eYear 7 Open Evening\u003c/span\u003e\u003c/div\u003e\u003cdiv class=\"tw-chat-card-row\"\u003e\u003cspan class=\"tw-chat-card-row-label\"\u003eDate\u003c/span\u003e\u003cspan class=\"tw-chat-card-row-value\"\u003e15 October 2026\u003c/span\u003e\u003c/div\u003e\u003cdiv class=\"tw-chat-card-row\"\u003e\u003cspan class=\"tw-chat-card-row-label\"\u003eTime\u003c/span\u003e\u003cspan class=\"tw-chat-card-row-value\"\u003e18:00 – 20:00\u003c/span\u003e\u003c/div\u003e\u003cdiv class=\"tw-chat-card-row\"\u003e\u003cspan class=\"tw-chat-card-row-label\"\u003eMax Seats\u003c/span\u003e\u003cspan class=\"tw-chat-card-row-value\"\u003e200\u003c/span\u003e\u003c/div\u003e\u003cdiv class=\"tw-chat-card-row\"\u003e\u003cspan class=\"tw-chat-card-row-label\"\u003eWaitlist\u003c/span\u003e\u003cspan class=\"tw-chat-card-row-value\"\u003eEnabled\u003c/span\u003e\u003c/div\u003e\u003cdiv class=\"tw-chat-card-row\"\u003e\u003cspan class=\"tw-chat-card-row-label\"\u003eSelf-Registration\u003c/span\u003e\u003cspan class=\"tw-chat-card-row-value\"\u003eYes\u003c/span\u003e\u003c/div\u003e\u003cdiv class=\"tw-chat-card-row\"\u003e\u003cspan class=\"tw-chat-card-row-label\"\u003eStatus\u003c/span\u003e\u003cspan class=\"tw-chat-card-row-value\"\u003eDraft\u003c/span\u003e\u003c/div\u003e\u003cdiv class=\"tw:px-3.5 tw:py-2 tw:border-t tw:border-neutral-100\"\u003e\u003cdiv class=\"tw:text-body-xs tw:leading-body-xs tw:text-neutral-500 tw:mb-1\"\u003eConfirmation email preview:\u003c/div\u003e\u003cdiv class=\"tw:bg-neutral-50 tw:border tw:border-neutral-200 tw:rounded-lg tw:p-2.5 tw:text-body-xs tw:leading-body-xs tw:text-neutral-700 tw:whitespace-pre-line\"\u003eDear [Parent Name],\\n\\nThank you for registering for our Year 7 Open Evening on Wednesday 15 October, 6:00pm – 8:00pm.\\n\\nPlease arrive at the main reception from 5:45pm. We look forward to welcoming you.\\n\\n[School Name] Admissions Team\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"tw-chat-card-actions\"\u003e\u003cbutton class=\"tw-chat-card-btn-cancel\" type=\"button\"\u003eEdit email\u003c/button\u003e\u003cbutton class=\"tw-chat-card-btn-cancel\" type=\"button\"\u003eEdit\u003c/button\u003e\u003cbutton class=\"tw-chat-card-btn-confirm\" type=\"button\" data-goto=\"s1_creating\"\u003eConfirm all\u003c/button\u003e\u003c/div\u003e\u003c/div\u003e"}]},"s1_creating":{"echo":"Confirmed","messages":[{"from":"emma","html":"\u003cdiv class=\"tw-chat-progress\"\u003e\u003cdiv class=\"tw-chat-progress-step\"\u003e\u003cdiv class=\"tw-chat-progress-dot-done\"\u003e\u0026#10003;\u003c/div\u003e\u003cspan class=\"tw-chat-progress-text\"\u003eCreating event...\u003c/span\u003e\u003cspan class=\"tw-chat-progress-result\"\u003eEvent created\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e"}],"autoAdvance":{"goto":"s1_postcreate","delay":1200}},"s1_postcreate":{"messages":[{"from":"emma","html":"\u003cp class=\"tw:text-neutral-700 tw:mb-0\"\u003eI created your Year 7 Open Evening as a draft. It's ready when you are.\u003c/p\u003e\u003cp class=\"tw:text-neutral-700 tw:mb-0\"\u003e\u003cstrong\u003eRegistration link:\u003c/strong\u003e \u003ca href=\"#\" class=\"tw:text-primary-700 tw:underline\"\u003ehttps://apply.school.com/events/year-7-open-evening-2026\u003c/a\u003e\u003c/p\u003e\u003cp class=\"tw:text-neutral-700 tw:mb-0\"\u003eThe event is in draft — parents can't see it yet. Once published, I'll keep track of registrations and let you know how it's going.\u003c/p\u003e\u003cp class=\"tw:text-neutral-700 tw:mb-0\"\u003eWould you like to publish it now or make changes first?\u003c/p\u003e"}],"chips":[{"label":"Publish now","goto":"s1_publish_flow"},{"label":"Add custom questions","goto":"s1_publish_flow"},{"label":"Edit details","goto":"s1_publish_flow"},{"label":"Keep as draft","goto":"s1_publish_flow"}],"hint":"or type below"},"s1_publish_flow":{"echo":"Publish now","messages":[{"from":"emma","html":"Publishing will make this event visible to all eligible parents on your admissions portal and registration page. Once live, families can register immediately."},{"from":"emma","html":"\u003ci class=\"fa-regular fa-globe tw:mr-1.5 tw:text-orange-500\"\u003e\u003c/i\u003ePublish Event","card":"\u003cdiv class=\"tw-chat-card-gate\"\u003e\u003cdiv class=\"tw-chat-card-header-gate\"\u003e\u003ch3\u003eAction\u003c/h3\u003e\u003c/div\u003e\u003cdiv class=\"tw-chat-card-row\"\u003e\u003cspan class=\"tw-chat-card-row-label\"\u003eEvent\u003c/span\u003e\u003cspan class=\"tw-chat-card-row-value\"\u003eYear 7 Open Evening\u003c/span\u003e\u003c/div\u003e\u003cdiv class=\"tw-chat-card-row\"\u003e\u003cspan class=\"tw-chat-card-row-label\"\u003eVisible to\u003c/span\u003e\u003cspan class=\"tw-chat-card-row-value\"\u003eAll Year 7 families\u003c/span\u003e\u003c/div\u003e\u003cdiv class=\"tw-chat-card-row\"\u003e\u003cspan class=\"tw-chat-card-row-label\"\u003eRegistration\u003c/span\u003e\u003cspan class=\"tw-chat-card-row-value\"\u003eOpen immediately\u003c/span\u003e\u003c/div\u003e\u003cdiv class=\"tw-chat-card-warning\"\u003e\u003ci class=\"fa-regular fa-triangle-exclamation\"\u003e\u003c/i\u003e\u003cspan\u003eOnce published, parents can see and register for this event.\u003c/span\u003e\u003c/div\u003e\u003cdiv class=\"tw-chat-card-actions\"\u003e\u003cbutton class=\"tw-chat-card-btn-cancel\" type=\"button\"\u003eCancel\u003c/button\u003e\u003cbutton class=\"tw-chat-card-btn-gate\" type=\"button\" data-goto=\"s1_publishing\"\u003ePublish\u003c/button\u003e\u003c/div\u003e\u003c/div\u003e"}]},"s1_publishing":{"echo":"Published","messages":[{"from":"emma","html":"\u003cdiv class=\"tw-chat-progress\"\u003e\u003cdiv class=\"tw-chat-progress-step\"\u003e\u003cdiv class=\"tw-chat-progress-dot-done\"\u003e\u0026#10003;\u003c/div\u003e\u003cspan class=\"tw-chat-progress-text\"\u003ePublishing event...\u003c/span\u003e\u003cspan class=\"tw-chat-progress-result\"\u003eEvent live\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e"}],"autoAdvance":{"goto":"s1_postpublish","delay":1200}},"s1_postpublish":{"messages":[{"from":"emma","html":"Your Year 7 Open Evening is live! 🎓 Families can register now. I'll send you a daily summary of new sign-ups and flag anything that needs your attention."},{"from":"emma","html":"What would you like to do next?"}],"chips":[{"label":"Share registration link","goto":"s1_end"},{"label":"Set up reminder email","goto":"s1_end"},{"label":"View public page","goto":"s1_end"}],"hint":"or type below"},"s1_end":{"echo":"Done","messages":[{"from":"emma","html":"That's the end of this scenario. You can try another or restart using the button below."}],"chips":[{"label":"Try another scenario","goto":"start"}]},"s2_start":{"echo":"Set up Morning Tours","messages":[{"from":"user","html":"Set up three Open Morning tours running weekly on the first Tuesday of November, December, and January. Each tour is 9:30–11:00 for 15 families max. Jane Smith (Head's PA) should be notified when someone registers."}],"autoAdvance":{"goto":"s2_sessions","delay":800}},"s2_sessions":{"messages":[{"from":"emma","html":"\u003cp class='tw:text-neutral-800 tw:mb-2 fw-semibold'\u003eThree tours — I can do that. Here's what I've worked out:\u003c/p\u003e\u003cdiv class='tw:bg-white/50 tw:border tw:border-neutral-200 tw:rounded-lg tw:px-3 tw:py-2 tw:mb-2'\u003e\u003cdiv class='tw:text-[11px] tw:text-neutral-500 fw-semibold tw:uppercase tw:tracking-wider tw:mb-1'\u003eSessions\u003c/div\u003e\u003cdiv class='tw:flex tw:flex-col tw:gap-1'\u003e\u003cdiv class='tw:flex tw:items-center tw:gap-1.5'\u003e\u003cspan class='tw:text-neutral-400 tw:shrink-0'\u003e1.\u003c/span\u003e \u003cspan class='tw:text-neutral-700'\u003eTue 3 Nov 2026, 09:30–11:00\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw:flex tw:items-center tw:gap-1.5'\u003e\u003cspan class='tw:text-neutral-400 tw:shrink-0'\u003e2.\u003c/span\u003e \u003cspan class='tw:text-neutral-700'\u003eTue 1 Dec 2026, 09:30–11:00\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw:flex tw:items-center tw:gap-1.5'\u003e\u003cspan class='tw:text-neutral-400 tw:shrink-0'\u003e3.\u003c/span\u003e \u003cspan class='tw:text-neutral-700'\u003eTue 5 Jan 2027, 09:30–11:00\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003cp class='tw:text-neutral-500 tw:mb-0'\u003eJane Smith (Head's PA) will be notified for every registration across all dates.\u003c/p\u003e"}],"chips":[{"label":"Looks good","goto":"s2_name"}]},"s2_name":{"echo":"Looks good","messages":[{"from":"emma","html":"What would you like to call this event?"}],"chips":[{"label":"Open Morning Tours","goto":"s2_defaults","recommended":true},{"label":"Head's Tours","goto":"s2_defaults"},{"label":"Private Tours","goto":"s2_defaults"}],"hint":"or type below"},"s2_defaults":{"echo":"Open Morning Tours","messages":[{"from":"emma","html":"Based on your Year 7 Open Evening, I'll use the same settings — self-registration and standard questions worked well last time. Does 'Private Visit' work as the event type?"}],"chips":[{"label":"Private Visit","goto":"s2_confirm","recommended":true},{"label":"Open Day","goto":"s2_confirm"},{"label":"Open Morning","goto":"s2_confirm"}],"hint":"or type below"},"s2_confirm":{"echo":"Private Visit","messages":[{"from":"emma","html":"Let me check I've got it right.","card":"\u003cdiv class='tw-chat-card-confirm tw:mt-1'\u003e\u003cdiv class='tw-chat-card-header-confirm'\u003e\u003ch3\u003eConfirm\u003c/h3\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eEvent Type\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003ePrivate Visit\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eName\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eOpen Morning Tours\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eSelf-Registration\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eYes\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eStaff Notification\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eJane Smith (Head's PA)\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row tw:py-1 tw:border-b-0'\u003e\u003cspan class='tw:text-body-xs tw:leading-body-xs tw:text-neutral-500 fw-semibold tw:uppercase tw:tracking-wider'\u003eSessions\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row tw:pl-6'\u003e\u003cspan class='tw-chat-card-row-label'\u003e1. Tue 3 Nov, 09:30–11:00\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003e15 places\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row tw:pl-6'\u003e\u003cspan class='tw-chat-card-row-label'\u003e2. Tue 1 Dec, 09:30–11:00\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003e15 places\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row tw:pl-6'\u003e\u003cspan class='tw-chat-card-row-label'\u003e3. Tue 5 Jan, 09:30–11:00\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003e15 places\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eStatus\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eDraft\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-actions'\u003e\u003cbutton class='tw-chat-card-btn-cancel' type='button'\u003eEdit\u003c/button\u003e\u003cbutton class='tw-chat-card-btn-confirm' type='button' data-goto='s2_creating'\u003eConfirm\u003c/button\u003e\u003c/div\u003e\u003c/div\u003e"}]},"s2_creating":{"echo":"Confirmed","messages":[{"from":"emma","html":"Creating event with three sessions..."}],"autoAdvance":{"goto":"s2_postcreate","delay":1500}},"s2_postcreate":{"messages":[{"from":"emma","html":"I've created your Open Morning Tours as a draft with three sessions. Jane Smith will be emailed whenever someone registers for any date.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eRegistration link:\u003c/strong\u003e \u003ca href='#' class='tw:text-primary-700 tw:underline'\u003ehttps://apply.school.com/events/open-morning-tours-2026\u003c/a\u003e\u003cbr\u003e\u003cbr\u003eFamilies will see all three dates and pick the one that suits them."}],"chips":[{"label":"Publish now","goto":"s2_publish"},{"label":"Review confirmation emails","goto":"s2_publish"},{"label":"Keep as draft","goto":"s2_end"}]},"s2_publish":{"echo":"Publish now","messages":[{"from":"emma","html":"Once published, all three tour dates will be visible to families and they can register immediately. Ready to go live?","card":"\u003cdiv class='tw-chat-card-gate tw:mt-1'\u003e\u003cdiv class='tw-chat-card-header-gate'\u003e\u003ch3\u003eAction\u003c/h3\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eEvent\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eOpen Morning Tours\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eSessions\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003e3 (Nov, Dec, Jan)\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eVisible to\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eAll families\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eRegistration\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eOpen immediately\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-warning'\u003e\u003ci class='fa-regular fa-triangle-exclamation'\u003e\u003c/i\u003e\u003cspan\u003eAll three tour dates will become visible and bookable by parents.\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-actions'\u003e\u003cbutton class='tw-chat-card-btn-cancel' type='button'\u003eCancel\u003c/button\u003e\u003cbutton class='tw-chat-card-btn-gate' type='button' data-goto='s2_publishing'\u003ePublish\u003c/button\u003e\u003c/div\u003e\u003c/div\u003e"}]},"s2_publishing":{"echo":"Published","messages":[{"from":"emma","html":"Publishing tours..."}],"autoAdvance":{"goto":"s2_postpublish","delay":1200}},"s2_postpublish":{"messages":[{"from":"emma","html":"All three tours are live! 🎓 Families can pick the date that suits them. I'll let you and Jane know as registrations come in."}],"chips":[{"label":"Try another scenario","goto":"start"}]},"s2_end":{"messages":[{"from":"emma","html":"Your Open Morning Tours are saved as a draft. You can publish them anytime from Events."}],"chips":[{"label":"Try another scenario","goto":"start"}]},"s3_start":{"echo":"Clone last year's event","messages":[{"from":"user","html":"Duplicate last year's Spring Open Day but change the date to March 22nd and update the description. Keep all the same questions, emails, and filters."}],"autoAdvance":{"goto":"s3_found","delay":1000}},"s3_found":{"messages":[{"from":"emma","html":"Good idea — cloning saves time. I found last year's Spring Open Day from 23 March 2025. I'll clone it with the new date and link it to Year 7 (2026/2027) — the next upcoming intake. What should the new description say?"}],"chips":[{"label":"Keep the same description","goto":"s3_confirm"},{"label":"I'll type a new one","goto":"s3_description"}]},"s3_description":{"echo":"I'll type a new one","messages":[{"from":"user","html":"Welcome to our annual Spring Open Day. Come and see our school in action, meet our staff, and explore our facilities. Suitable for Year 7 and Year 8 entry."}],"autoAdvance":{"goto":"s3_confirm","delay":500}},"s3_confirm":{"messages":[{"from":"emma","html":"Here's the plan. Have a look before I create anything.","card":"\u003cdiv class='tw-chat-card-confirm tw:mt-1'\u003e\u003cdiv class='tw-chat-card-header-confirm'\u003e\u003ch3\u003eClone Event\u003c/h3\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eSource Event\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eSpring Open Day (23 Mar 2025)\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eNew Date\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003e22 March 2026\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eTime\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003e10:00 – 14:00 (cloned)\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eMax Seats\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003e250 (cloned)\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eDescription\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eUpdated for 2026\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eApplication Form\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eYear 7 (2026/2027)\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eCustom questions\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003e3 (cloned)\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eEmail templates\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003e2 (cloned)\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eVisibility filter\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eYear 7, Year 8 (cloned)\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eStatus\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eDraft\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-actions'\u003e\u003cbutton class='tw-chat-card-btn-cancel' type='button'\u003eEdit\u003c/button\u003e\u003cbutton class='tw-chat-card-btn-confirm' type='button' data-goto='s3_cloning'\u003eConfirm\u003c/button\u003e\u003c/div\u003e\u003c/div\u003e"}]},"s3_cloning":{"echo":"Confirmed","messages":[{"from":"emma","html":"Cloning event..."}],"autoAdvance":{"goto":"s3_postclone","delay":1500}},"s3_postclone":{"messages":[{"from":"emma","html":"\u003cstrong\u003eI created your Spring Open Day 2026 as a draft\u003c/strong\u003e — cloned from last year with the new date and description. All questions, emails, and filters carried over.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eRegistration link:\u003c/strong\u003e \u003ca href='#' class='tw:text-primary-700 tw:underline'\u003ehttps://apply.school.com/events/spring-open-day-2026\u003c/a\u003e"}],"chips":[{"label":"Publish now","goto":"s3_publish"},{"label":"Review cloned emails","goto":"s3_publish"},{"label":"Review cloned questions","goto":"s3_publish"}]},"s3_publish":{"echo":"Publish now","messages":[{"from":"emma","html":"This will make the Spring Open Day visible to Year 7 and Year 8 families on the portal.","card":"\u003cdiv class='tw-chat-card-gate tw:mt-1'\u003e\u003cdiv class='tw-chat-card-header-gate'\u003e\u003ch3\u003eAction\u003c/h3\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eEvent\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eSpring Open Day\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eDate\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003e22 March 2026\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eVisible to\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eYear 7 and Year 8 families\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eRegistration\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eOpen immediately\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-warning'\u003e\u003ci class='fa-regular fa-triangle-exclamation'\u003e\u003c/i\u003e\u003cspan\u003eThis event will become visible to eligible families on the portal.\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-actions'\u003e\u003cbutton class='tw-chat-card-btn-cancel' type='button'\u003eCancel\u003c/button\u003e\u003cbutton class='tw-chat-card-btn-gate' type='button' data-goto='s3_publishing'\u003ePublish\u003c/button\u003e\u003c/div\u003e\u003c/div\u003e"}]},"s3_publishing":{"echo":"Published","messages":[{"from":"emma","html":"Publishing event..."}],"autoAdvance":{"goto":"s3_postpublish","delay":1200}},"s3_postpublish":{"messages":[{"from":"emma","html":"Your Spring Open Day 2026 is live! 🎓 Year 7 and Year 8 families can see it now. I'll keep an eye on registrations and compare with last year's pace."}],"chips":[{"label":"Try another scenario","goto":"start"}]},"s4_start":{"echo":"Create filtered event","messages":[{"from":"user","html":"I want to create an event that only Year 5 and Year 6 parents can see and register for. We don't want Year 3 or Year 4 families registering."}],"autoAdvance":{"goto":"s4_type","delay":800}},"s4_type":{"messages":[{"from":"emma","html":"\u003cp class='tw:text-neutral-500 tw:mb-1'\u003eNo problem — I'll set up an event that's only visible to Year 5 and Year 6 families. No other year groups will see it or be able to register.\u003c/p\u003e\u003cp class='tw:text-neutral-800 tw:mb-0 fw-semibold'\u003eWhat type of event is this?\u003c/p\u003e"}],"chips":[{"label":"Open Day","goto":"s4_name"},{"label":"Open Evening","goto":"s4_name"},{"label":"Taster Day","goto":"s4_name","recommended":true},{"label":"Private Visit","goto":"s4_name"}],"hint":"or type below"},"s4_name":{"echo":"Taster Day","messages":[{"from":"emma","html":"What would you like to call this event?"}],"chips":[{"label":"Year 5 \u0026 6 Taster Day","goto":"s4_date"},{"label":"Year 5 \u0026 6 Taster Afternoon","goto":"s4_date","recommended":true},{"label":"Junior Taster Afternoon","goto":"s4_date"}],"hint":"or type below"},"s4_date":{"echo":"Year 5 \u0026 6 Taster Afternoon","messages":[{"from":"emma","html":"When's the Taster Afternoon? A rough date is fine if you haven't confirmed yet."}],"chips":[{"label":"Next Saturday","goto":"s4_time"},{"label":"In 2 weeks","goto":"s4_time"},{"label":"Next month","goto":"s4_time"}],"hint":"or type below"},"s4_time":{"echo":"November 28th","messages":[{"from":"emma","html":"What time does it run? Afternoons are popular for taster events — 1:30–3:30 works well with school hours."}],"chips":[{"label":"9:00am – 12:00pm","goto":"s4_capacity"},{"label":"1:30pm – 3:30pm","goto":"s4_capacity","recommended":true},{"label":"10:00am – 2:00pm","goto":"s4_capacity"}],"hint":"or type below"},"s4_capacity":{"echo":"1:30pm – 3:30pm","messages":[{"from":"emma","html":"How many families can you accommodate? Think about the activities you're planning — smaller groups often work better for tasters."}],"chips":[{"label":"No limit","goto":"s4_defaults"},{"label":"40","goto":"s4_defaults"},{"label":"60","goto":"s4_defaults"},{"label":"80","goto":"s4_defaults"}],"hint":"or type below"},"s4_defaults":{"echo":"80","messages":[{"from":"emma","html":"I'll enable self-registration and standard questions, same as your other events."},{"from":"emma","html":"I have everything I need. I'll create this as a draft with the filters applied."}],"autoAdvance":{"goto":"s4_confirm","delay":1500}},"s4_confirm":{"messages":[{"from":"emma","html":"\u003ci class=\"fa-regular fa-calendar tw:mr-1.5 tw:text-green-500\"\u003e\u003c/i\u003eCreate New Event","card":"\u003cdiv class='tw-chat-card-confirm'\u003e\u003cdiv class='tw-chat-card-header-confirm'\u003e\u003ch3\u003eConfirm\u003c/h3\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eEvent Type\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eTaster Day\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eName\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eYear 5 \u0026amp; 6 Taster Afternoon\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eDate\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003e28 November 2026\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eTime\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003e13:30 – 15:30\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eMax Seats\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003e80\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eSelf-Registration\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eYes\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003e\u003ci class='fa-regular fa-lock tw:mr-1'\u003e\u003c/i\u003eVisibility\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eYear 5, Year 6 only\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003e\u003ci class='fa-regular fa-lock tw:mr-1'\u003e\u003c/i\u003eRegistration\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eYear 5, Year 6 only\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eStatus\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eDraft\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-actions'\u003e\u003cbutton class='tw-chat-card-btn-cancel' type='button'\u003eEdit\u003c/button\u003e\u003cbutton class='tw-chat-card-btn-confirm' type='button' data-goto='s4_creating'\u003eConfirm\u003c/button\u003e\u003c/div\u003e\u003c/div\u003e"}]},"s4_creating":{"echo":"Confirmed","messages":[{"from":"emma","html":"\u003cdiv class=\"tw-chat-progress\"\u003e\u003cdiv class=\"tw-chat-progress-step\"\u003e\u003cdiv class=\"tw-chat-progress-dot-done\"\u003e\u0026#10003;\u003c/div\u003e\u003cspan class=\"tw-chat-progress-text\"\u003eCreating event with filters...\u003c/span\u003e\u003cspan class=\"tw-chat-progress-result\"\u003eEvent created\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e"}],"autoAdvance":{"goto":"s4_postcreate","delay":1200}},"s4_postcreate":{"messages":[{"from":"emma","html":"\u003cp class='tw:text-neutral-800 tw:mb-2 fw-semibold'\u003eI created the Taster Afternoon as a draft with filters applied.\u003c/p\u003e\u003cdiv class='tw:flex tw:flex-col tw:gap-1 tw:mb-2'\u003e\u003cdiv class='tw:flex tw:items-center tw:gap-1.5'\u003e\u003cspan class='tw:text-green-700'\u003e\u0026#10003;\u003c/span\u003e \u003cspan class='tw:text-neutral-700'\u003e\u003cstrong\u003eYear 5\u003c/strong\u003e parent — sees event, can register\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw:flex tw:items-center tw:gap-1.5'\u003e\u003cspan class='tw:text-green-700'\u003e\u0026#10003;\u003c/span\u003e \u003cspan class='tw:text-neutral-700'\u003e\u003cstrong\u003eYear 6\u003c/strong\u003e parent — sees event, can register\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw:flex tw:items-center tw:gap-1.5'\u003e\u003cspan class='tw:text-red-600'\u003e\u0026#10007;\u003c/span\u003e \u003cspan class='tw:text-neutral-500'\u003e\u003cstrong\u003eYear 4\u003c/strong\u003e parent — does not see the event\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw:flex tw:items-center tw:gap-1.5'\u003e\u003cspan class='tw:text-red-600'\u003e\u0026#10007;\u003c/span\u003e \u003cspan class='tw:text-neutral-500'\u003eDirect link shared — system blocks registration\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cp class='tw:text-body-xs tw:leading-body-xs tw:text-neutral-500 tw:mb-0'\u003eFilters apply to both visibility and registration.\u003c/p\u003e"}],"chips":[{"label":"Publish now","goto":"s4_publish"},{"label":"Add custom questions","goto":"s4_publish"},{"label":"Keep as draft","goto":"s4_end"}],"hint":"or type below"},"s4_publish":{"echo":"Publish now","messages":[{"from":"emma","html":"\u003ci class=\"fa-regular fa-globe tw:mr-1.5 tw:text-orange-500\"\u003e\u003c/i\u003ePublish Event","card":"\u003cdiv class='tw-chat-card-gate'\u003e\u003cdiv class='tw-chat-card-header-gate'\u003e\u003ch3\u003eAction\u003c/h3\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eEvent\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eYear 5 \u0026amp; 6 Taster Afternoon\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eDate\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003e28 November 2026\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eVisible to\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eYear 5, Year 6 only \u003cspan class='tw-badge tw-badge-xs tw-badge-warning-subtle'\u003eRESTRICTED\u003c/span\u003e\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eRegistration\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eRestricted to Year 5 and Year 6\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-warning'\u003e\u003ci class='fa-regular fa-triangle-exclamation'\u003e\u003c/i\u003e\u003cspan\u003eOnly families matching the filter will see this event. Other year groups will not.\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-actions'\u003e\u003cbutton class='tw-chat-card-btn-cancel' type='button'\u003eCancel\u003c/button\u003e\u003cbutton class='tw-chat-card-btn-gate' type='button' data-goto='s4_publishing'\u003ePublish\u003c/button\u003e\u003c/div\u003e\u003c/div\u003e"}]},"s4_publishing":{"echo":"Published","messages":[{"from":"emma","html":"\u003cdiv class=\"tw-chat-progress\"\u003e\u003cdiv class=\"tw-chat-progress-step\"\u003e\u003cdiv class=\"tw-chat-progress-dot-done\"\u003e\u0026#10003;\u003c/div\u003e\u003cspan class=\"tw-chat-progress-text\"\u003ePublishing event...\u003c/span\u003e\u003cspan class=\"tw-chat-progress-result\"\u003eEvent live\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e"}],"autoAdvance":{"goto":"s4_postpublish","delay":1200}},"s4_postpublish":{"messages":[{"from":"emma","html":"\u003cp class='tw:text-neutral-800 tw:mb-1 fw-semibold'\u003eYour Taster Afternoon is live — Year 5 and Year 6 families can see it now! 🎓\u003c/p\u003e\u003cp class='tw:text-neutral-500 tw:mb-0'\u003eYou can also filter by application status or enquiry stage if needed.\u003c/p\u003e"}],"chips":[{"label":"Try another scenario","goto":"start"}]},"s4_end":{"messages":[{"from":"emma","html":"Your Taster Afternoon is saved as a draft with Year 5 and Year 6 filters applied. You can publish it anytime from Events."}],"chips":[{"label":"Try another scenario","goto":"start"}]},"s5_start":{"echo":"Enable waitlist","messages":[{"from":"user","html":"Our Open Evening is full but we keep getting interested families. Turn on the waitlist and set it to automatically promote people if someone cancels."}],"autoAdvance":{"goto":"s5_ack","delay":800}},"s5_ack":{"messages":[{"from":"emma","html":"\u003cdiv class=\"tw-chat-progress\"\u003e\u003cdiv class=\"tw-chat-progress-step\"\u003e\u003cdiv class=\"tw-chat-progress-dot-done\"\u003e\u0026#10003;\u003c/div\u003e\u003cspan class=\"tw-chat-progress-text\"\u003eFinding your Open Evening...\u003c/span\u003e\u003cspan class=\"tw-chat-progress-result\"\u003eYear 7 Open Evening (15 Oct 2026) — 200/200 registered\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e"},{"from":"emma","html":"\u003cp class='tw:text-neutral-800 tw:mb-2 fw-semibold'\u003eThat's a good problem to have — your Open Evening is completely full. Let's get the waitlist sorted.\u003c/p\u003e\u003cdiv class='tw:bg-white/50 tw:border tw:border-neutral-200 tw:rounded-lg tw:px-3 tw:py-2 tw:mb-2'\u003e\u003cdiv class='tw:text-[11px] tw:text-neutral-500 fw-semibold tw:uppercase tw:tracking-wider tw:mb-1'\u003eHow auto-promotion works\u003c/div\u003e\u003cdiv class='tw:flex tw:flex-col tw:gap-1'\u003e\u003cdiv class='tw:flex tw:items-start tw:gap-1.5'\u003e\u003cspan class='tw:text-neutral-400 tw:shrink-0'\u003e1.\u003c/span\u003e \u003cspan class='tw:text-neutral-700'\u003eNew registrations join a queue\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw:flex tw:items-start tw:gap-1.5'\u003e\u003cspan class='tw:text-neutral-400 tw:shrink-0'\u003e2.\u003c/span\u003e \u003cspan class='tw:text-neutral-700'\u003eIf someone cancels → next in queue auto-confirmed + emailed\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw:flex tw:items-start tw:gap-1.5'\u003e\u003cspan class='tw:text-neutral-400 tw:shrink-0'\u003e3.\u003c/span\u003e \u003cspan class='tw:text-neutral-700'\u003eNo manual action needed from your team\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e"}],"autoAdvance":{"goto":"s5_promotion","delay":2000}},"s5_promotion":{"messages":[{"from":"emma","html":"How should the waitlist work when a place opens up?"}],"chips":[{"label":"Auto-promote next family","goto":"s5_maxsize","recommended":true},{"label":"Let me choose manually","goto":"s5_maxsize"},{"label":"Ask me each time","goto":"s5_maxsize"}]},"s5_maxsize":{"echo":"Auto-promote next family","messages":[{"from":"emma","html":"Should the waitlist have a maximum size?"}],"chips":[{"label":"Unlimited","goto":"s5_confirm","recommended":true},{"label":"Cap at 50","goto":"s5_confirm"},{"label":"Cap at 100","goto":"s5_confirm"}],"hint":"or type below"},"s5_confirm":{"echo":"Unlimited","messages":[{"from":"emma","html":"Here's what I'll update.","card":"\u003cdiv class='tw-chat-card-confirm'\u003e\u003cdiv class='tw-chat-card-header-confirm'\u003e\u003ch3\u003eUpdate Event\u003c/h3\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eEvent\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eYear 7 Open Evening (15 Oct)\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eCurrent Status\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003ePublished — 200/200 registered\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eWaitlist \u003cspan class='tw-badge tw-badge-xs tw-badge-success-subtle'\u003eNEW\u003c/span\u003e\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eEnabled (unlimited)\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eAuto-Promotion \u003cspan class='tw-badge tw-badge-xs tw-badge-success-subtle'\u003eNEW\u003c/span\u003e\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eOn\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003ePublic Message \u003cspan class='tw-badge tw-badge-xs tw-badge-success-subtle'\u003eNEW\u003c/span\u003e\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003e\"Waitlist available\"\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row tw:flex-col tw:items-start'\u003e\u003cspan class='tw-chat-card-row-label'\u003eWaitlist Email \u003cspan class='tw-badge tw-badge-xs tw-badge-success-subtle'\u003eNEW\u003c/span\u003e\u003c/span\u003e\u003cspan class='tw-chat-card-row-value tw:text-left'\u003eYou're on the waitlist — we'll notify you if a space opens\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row tw:flex-col tw:items-start'\u003e\u003cspan class='tw-chat-card-row-label'\u003ePromotion Email \u003cspan class='tw-badge tw-badge-xs tw-badge-success-subtle'\u003eNEW\u003c/span\u003e\u003c/span\u003e\u003cspan class='tw-chat-card-row-value tw:text-left'\u003eGood news — a place has become available and you're now confirmed\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-actions'\u003e\u003cbutton class='tw-chat-card-btn-cancel' type='button'\u003eEdit\u003c/button\u003e\u003cbutton class='tw-chat-card-btn-confirm' type='button' data-goto='s5_updating'\u003eConfirm\u003c/button\u003e\u003c/div\u003e\u003c/div\u003e"}]},"s5_updating":{"echo":"Confirmed","messages":[{"from":"emma","html":"\u003cdiv class=\"tw-chat-progress\"\u003e\u003cdiv class=\"tw-chat-progress-step\"\u003e\u003cdiv class=\"tw-chat-progress-dot-done\"\u003e\u0026#10003;\u003c/div\u003e\u003cspan class=\"tw-chat-progress-text\"\u003eUpdating event settings...\u003c/span\u003e\u003cspan class=\"tw-chat-progress-result\"\u003eWaitlist enabled\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e"}],"autoAdvance":{"goto":"s5_postcomplete","delay":1200}},"s5_postcomplete":{"messages":[{"from":"emma","html":"\u003cp class='tw:text-neutral-700 tw:mb-0'\u003e\u003cstrong\u003eDone — the waitlist is live.\u003c/strong\u003e Full capacity is a great sign! Families can still register and they'll be told where they are in the queue.\u003c/p\u003e\u003cp class='tw:text-neutral-700 tw:mb-0'\u003eCurrently 0 families on the waitlist. The registration page now shows \"Waitlist available\" instead of \"Fully booked.\"\u003c/p\u003e"}],"chips":[{"label":"Try another scenario","goto":"start"}]},"s6_start":{"echo":"Add custom questions","messages":[{"from":"user","html":"Add a dietary requirements question and an accessibility needs question to our Open Day registration form. Make dietary requirements compulsory."}],"autoAdvance":{"goto":"s6_found","delay":800}},"s6_found":{"messages":[{"from":"emma","html":"\u003cdiv class=\"tw-chat-progress\"\u003e\u003cdiv class=\"tw-chat-progress-step\"\u003e\u003cdiv class=\"tw-chat-progress-dot-done\"\u003e\u0026#10003;\u003c/div\u003e\u003cspan class=\"tw-chat-progress-text\"\u003eSearching for existing questions...\u003c/span\u003e\u003cspan class=\"tw-chat-progress-result\"\u003eFound existing \"Dietary Requirements\" question (used on 3 previous events)\u003c/span\u003e\u003c/div\u003e\u003cdiv class=\"tw-chat-progress-step\"\u003e\u003cdiv class=\"tw-chat-progress-dot-done\"\u003e\u0026#10003;\u003c/div\u003e\u003cspan class=\"tw-chat-progress-text\"\u003eSearching for accessibility question...\u003c/span\u003e\u003cspan class=\"tw-chat-progress-result\"\u003eNo existing match found\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e"},{"from":"emma","html":"\u003cp class='tw:text-neutral-800 tw:mb-1 fw-semibold'\u003eGood news — I found an existing \"Dietary Requirements\" question that's been used on your last 3 events. It's a free text field. Would you like to reuse it, or create a different version?\u003c/p\u003e\u003cp class='tw:text-neutral-500 tw:mb-0'\u003eFor \"Accessibility Needs\" — I didn't find an existing match, so I'll create a new one.\u003c/p\u003e"}],"autoAdvance":{"goto":"s6_reuse","delay":2000}},"s6_reuse":{"messages":[{"from":"emma","html":"What would you like to do with the existing dietary question?"}],"chips":[{"label":"Yes, reuse it","goto":"s6_perattendee","recommended":true},{"label":"Create a new one","goto":"s6_perattendee"},{"label":"Show me the existing question","goto":"s6_perattendee"}]},"s6_perattendee":{"echo":"Yes, reuse it","messages":[{"from":"emma","html":"Should these questions be answered for every attendee, or just the person filling in the form?"}],"chips":[{"label":"Every attendee","goto":"s6_confirm","recommended":true},{"label":"Just the registrant","goto":"s6_confirm"}]},"s6_confirm":{"echo":"Every attendee","messages":[{"from":"emma","html":"Here's the plan for your registration questions.","card":"\u003cdiv class='tw-chat-card-confirm'\u003e\u003cdiv class='tw-chat-card-header-confirm'\u003e\u003ch3\u003eAdd Questions to Open Day\u003c/h3\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eEvent\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eSpring Open Day (22 Mar 2026)\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row tw:flex-col tw:items-start'\u003e\u003cspan class='tw-chat-card-row-label'\u003eQuestion 1\u003c/span\u003e\u003cspan class='tw-chat-card-row-value tw:text-left'\u003e\"Please list any dietary requirements or allergies\"\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eSource\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eReused (3 previous events)\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eCompulsory\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eYes\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row tw:flex-col tw:items-start'\u003e\u003cspan class='tw-chat-card-row-label'\u003eQuestion 2\u003c/span\u003e\u003cspan class='tw-chat-card-row-value tw:text-left'\u003e\"Please describe any accessibility needs\"\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eSource\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eNew\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eCompulsory\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eNo\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eCollect For\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eEvery attendee\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-actions'\u003e\u003cbutton class='tw-chat-card-btn-cancel' type='button'\u003eEdit\u003c/button\u003e\u003cbutton class='tw-chat-card-btn-confirm' type='button' data-goto='s6_adding'\u003eConfirm\u003c/button\u003e\u003c/div\u003e\u003c/div\u003e"}]},"s6_adding":{"echo":"Confirmed","messages":[{"from":"emma","html":"\u003cdiv class=\"tw-chat-progress\"\u003e\u003cdiv class=\"tw-chat-progress-step\"\u003e\u003cdiv class=\"tw-chat-progress-dot-done\"\u003e\u0026#10003;\u003c/div\u003e\u003cspan class=\"tw-chat-progress-text\"\u003eAdding questions to registration form...\u003c/span\u003e\u003cspan class=\"tw-chat-progress-result\"\u003e2 questions added\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e"}],"autoAdvance":{"goto":"s6_postcomplete","delay":1200}},"s6_postcomplete":{"messages":[{"from":"emma","html":"\u003cp class='tw:text-neutral-700 tw:mb-0'\u003e\u003cstrong\u003eAll done —\u003c/strong\u003e both questions are now on your Open Day registration form:\u003c/p\u003e\u003col class='tw:text-neutral-700 tw:pl-5 tw:mb-0 tw:space-y-0.5'\u003e\u003cli\u003eDietary requirements — compulsory, families must answer before submitting\u003c/li\u003e\u003cli\u003eAccessibility needs — optional, families can leave it blank\u003c/li\u003e\u003c/ol\u003e\u003cp class='tw:text-neutral-700 tw:mb-0'\u003eBoth questions will appear for every attendee listed on the registration.\u003c/p\u003e"}],"chips":[{"label":"Try another scenario","goto":"start"}]},"s7_start":{"echo":"Attendance data","messages":[{"from":"user","html":"How many people registered for last month's Open Day vs how many actually came? Break it down by year group."}],"autoAdvance":{"goto":"s7_loading","delay":800}},"s7_loading":{"messages":[{"from":"emma","html":"\u003cdiv class=\"tw-chat-progress\"\u003e\u003cdiv class=\"tw-chat-progress-step\"\u003e\u003cdiv class=\"tw-chat-progress-dot-done\"\u003e\u0026#10003;\u003c/div\u003e\u003cspan class=\"tw-chat-progress-text\"\u003ePulling attendance data...\u003c/span\u003e\u003cspan class=\"tw-chat-progress-result\"\u003eSpring Open Day (22 Mar 2026) — 135 registered\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e"}],"autoAdvance":{"goto":"s7_chart","delay":1500}},"s7_chart":{"messages":[{"from":"emma","html":"\u003cp class='tw:text-neutral-800 tw:mb-2 fw-semibold'\u003eHere's how the Spring Open Day went:\u003c/p\u003e\u003cdiv class='tw:flex tw:flex-col tw:gap-1.5 tw:mb-3'\u003e\u003cdiv class='tw:flex tw:items-center tw:gap-2'\u003e\u003cspan class='tw:text-body-xs tw:leading-body-xs tw:text-neutral-500 tw:w-10 tw:text-right tw:shrink-0'\u003eYear 7\u003c/span\u003e\u003cdiv class='tw:flex-1 tw:h-5 tw:bg-neutral-200 tw:rounded' style='overflow:hidden'\u003e\u003cdiv class='tw:h-full tw:bg-primary tw:rounded tw:flex tw:items-center tw:justify-end tw:pr-1.5' style='width:85%'\u003e\u003cspan class='tw:text-[9px] tw:text-white fw-semibold'\u003e72 / 85\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cspan class='tw:text-body-xs tw:leading-body-xs fw-semibold tw:text-green-700 tw:w-8'\u003e85%\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw:flex tw:items-center tw:gap-2'\u003e\u003cspan class='tw:text-body-xs tw:leading-body-xs tw:text-neutral-500 tw:w-10 tw:text-right tw:shrink-0'\u003eYear 8\u003c/span\u003e\u003cdiv class='tw:flex-1 tw:h-5 tw:bg-neutral-200 tw:rounded' style='overflow:hidden'\u003e\u003cdiv class='tw:h-full tw:bg-blue-500 tw:rounded tw:flex tw:items-center tw:justify-end tw:pr-1.5' style='width:77%'\u003e\u003cspan class='tw:text-[9px] tw:text-white fw-semibold'\u003e27 / 35\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cspan class='tw:text-body-xs tw:leading-body-xs fw-semibold tw:text-orange-600 tw:w-8'\u003e77%\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw:flex tw:items-center tw:gap-2'\u003e\u003cspan class='tw:text-body-xs tw:leading-body-xs tw:text-neutral-500 tw:w-10 tw:text-right tw:shrink-0'\u003eYear 9\u003c/span\u003e\u003cdiv class='tw:flex-1 tw:h-5 tw:bg-neutral-200 tw:rounded' style='overflow:hidden'\u003e\u003cdiv class='tw:h-full tw:bg-magenta-500 tw:rounded tw:flex tw:items-center tw:justify-end tw:pr-1.5' style='width:73%'\u003e\u003cspan class='tw:text-[9px] tw:text-white fw-semibold'\u003e11 / 15\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cspan class='tw:text-body-xs tw:leading-body-xs fw-semibold tw:text-red-600 tw:w-8'\u003e73%\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cp class='tw:text-body-xs tw:leading-body-xs tw:text-neutral-500 tw:border-t tw:border-neutral-200 tw:pt-2 tw:mb-0'\u003e\u003cstrong class='tw:text-neutral-800'\u003eOverall: 110 / 135 attended (81%)\u003c/strong\u003e · Year 9 had the highest no-show rate\u003c/p\u003e"}],"autoAdvance":{"goto":"s7_insight","delay":2000}},"s7_insight":{"messages":[{"from":"emma","html":"\u003cp class='tw:text-neutral-800 tw:mb-0 fw-semibold'\u003eSomething worth noting:\u003c/p\u003e\u003cp class='tw:text-neutral-700 tw:mb-0'\u003e44 families attended but haven't started an application. That's 62 families worth following up with. Last year, 58% had applied by this point — you're 16 points behind.\u003c/p\u003e"}],"autoAdvance":{"goto":"s7_followup_chips","delay":1800}},"s7_followup_chips":{"messages":[{"from":"emma","html":"Would you like me to help with follow-up?"}],"chips":[{"label":"Draft a follow-up email","goto":"s7_email","recommended":true},{"label":"Export attendee list","goto":"s7_email"},{"label":"Compare with last year","goto":"s7_email"}]},"s7_email":{"echo":"Draft a follow-up email","messages":[{"from":"emma","html":"Here's the follow-up email I'd send.","card":"\u003cdiv class='tw-chat-card-gate'\u003e\u003cdiv class='tw-chat-card-header-gate'\u003e\u003ch3\u003eSend Follow-Up Email\u003c/h3\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eTo\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003e44 families (attended, no application)\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eSubject\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eThank you for visiting — start your application today\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row tw:flex-col tw:items-start'\u003e\u003cspan class='tw-chat-card-row-label'\u003ePreview\u003c/span\u003e\u003cspan class='tw-chat-card-row-value tw:text-left'\u003eThank you for attending our Spring Open Day. We loved meeting your family! Applications are now open — start yours today and secure your place.\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-warning'\u003e\u003ci class='fa-regular fa-paper-plane tw:text-orange-500 tw:shrink-0 tw:mt-0.5'\u003e\u003c/i\u003e\u003cspan\u003eThis will send 44 individual emails immediately\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-actions'\u003e\u003cbutton class='tw-chat-card-btn-cancel' type='button'\u003eEdit\u003c/button\u003e\u003cbutton class='tw-chat-card-btn-gate' type='button' data-goto='s7_sending'\u003eSend Emails\u003c/button\u003e\u003c/div\u003e\u003c/div\u003e"}]},"s7_sending":{"echo":"Send Emails","messages":[{"from":"emma","html":"\u003cdiv class=\"tw-chat-progress\"\u003e\u003cdiv class=\"tw-chat-progress-step\"\u003e\u003cdiv class=\"tw-chat-progress-dot-done\"\u003e\u0026#10003;\u003c/div\u003e\u003cspan class=\"tw-chat-progress-text\"\u003eSending follow-up emails...\u003c/span\u003e\u003cspan class=\"tw-chat-progress-result\"\u003e44 emails queued\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e"}],"autoAdvance":{"goto":"s7_sent","delay":1500}},"s7_sent":{"messages":[{"from":"emma","html":"\u003cp class='tw:text-neutral-700 tw:mb-0'\u003e\u003cstrong\u003eAll 44 emails sent.\u003c/strong\u003e That's a solid follow-up. I'll track opens and clicks — expect a report in a few days.\u003c/p\u003e"}],"chips":[{"label":"Try another scenario","goto":"start"}]},"s8_start":{"echo":"Close registration","messages":[{"from":"user","html":"Close registrations for the Year 7 Open Evening at 5pm on October 14th, one day before the event. After that, show a message saying the event is fully booked."}],"autoAdvance":{"goto":"s8_confirm","delay":800}},"s8_confirm":{"messages":[{"from":"emma","html":"Here's what I'll set up.","card":"\u003cdiv class='tw-chat-card-confirm'\u003e\u003cdiv class='tw-chat-card-header-confirm'\u003e\u003ch3\u003eUpdate Event\u003c/h3\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eEvent\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eYear 7 Open Evening (15 Oct 2026)\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eDate\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003e15 October 2026, 6:00 PM\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eCurrent Status\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003ePublished — 142 registered\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eClose Registration \u003cspan class='tw-badge tw-badge-xs tw-badge-success-subtle'\u003eNEW\u003c/span\u003e\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003e14 Oct 2026 at 5:00 PM\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row tw:flex-col tw:items-start'\u003e\u003cspan class='tw-chat-card-row-label'\u003eClosed Message \u003cspan class='tw-badge tw-badge-xs tw-badge-success-subtle'\u003eNEW\u003c/span\u003e\u003c/span\u003e\u003cspan class='tw-chat-card-row-value tw:text-left'\u003eThis event is now fully booked. Thank you for your interest.\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-actions'\u003e\u003cbutton class='tw-chat-card-btn-cancel' type='button'\u003eEdit\u003c/button\u003e\u003cbutton class='tw-chat-card-btn-confirm' type='button' data-goto='s8_updating'\u003eConfirm\u003c/button\u003e\u003c/div\u003e\u003c/div\u003e"}]},"s8_updating":{"echo":"Confirmed","messages":[{"from":"emma","html":"\u003cdiv class=\"tw-chat-progress\"\u003e\u003cdiv class=\"tw-chat-progress-step\"\u003e\u003cdiv class=\"tw-chat-progress-dot-done\"\u003e\u0026#10003;\u003c/div\u003e\u003cspan class=\"tw-chat-progress-text\"\u003eUpdating event settings...\u003c/span\u003e\u003cspan class=\"tw-chat-progress-result\"\u003eRegistration cutoff scheduled\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e"}],"autoAdvance":{"goto":"s8_postcomplete","delay":1200}},"s8_postcomplete":{"messages":[{"from":"emma","html":"\u003cp class='tw:text-neutral-700 tw:mb-0'\u003e\u003cstrong\u003eDone —\u003c/strong\u003e I'll set that up. Registration will close automatically at 5pm on 14 October. No manual action needed from your team — the page will switch to your \"fully booked\" message at the cutoff time.\u003c/p\u003e"}],"autoAdvance":{"goto":"s8_anythingelse","delay":1500}},"s8_anythingelse":{"messages":[{"from":"emma","html":"Anything else for this event?"}],"chips":[{"label":"Preview closed page","goto":"s8_tourlink_confirm"},{"label":"Add a \"book a tour\" link","goto":"s8_tourlink_confirm","recommended":true},{"label":"Change the cutoff time","goto":"s8_tourlink_confirm"}]},"s8_tourlink_confirm":{"echo":"Add a \"book a tour\" link","messages":[{"from":"emma","html":"Good idea — families who miss out can still engage. I'll add it to the closed message.","card":"\u003cdiv class='tw-chat-card-confirm'\u003e\u003cdiv class='tw-chat-card-header-confirm'\u003e\u003ch3\u003eUpdate Closed Message\u003c/h3\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eEvent\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eYear 7 Open Evening (15 Oct 2026)\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row tw:flex-col tw:items-start'\u003e\u003cspan class='tw-chat-card-row-label'\u003eClosed Message \u003cspan class='tw-badge tw-badge-xs tw-badge-info-subtle'\u003eUPDATED\u003c/span\u003e\u003c/span\u003e\u003cspan class='tw-chat-card-row-value tw:text-left'\u003eThis event is now fully booked. Thank you for your interest. You can still book a private tour — \u003cu\u003eschedule a visit here\u003c/u\u003e.\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-actions'\u003e\u003cbutton class='tw-chat-card-btn-cancel' type='button'\u003eEdit\u003c/button\u003e\u003cbutton class='tw-chat-card-btn-confirm' type='button' data-goto='s8_tourlink_done'\u003eConfirm\u003c/button\u003e\u003c/div\u003e\u003c/div\u003e"}]},"s8_tourlink_done":{"echo":"Confirmed","messages":[{"from":"emma","html":"\u003cp class='tw:text-neutral-700 tw:mb-0'\u003e\u003cstrong\u003eUpdated.\u003c/strong\u003e The closed message now includes a link to book a private tour. Families who visit after the cutoff will see it straight away.\u003c/p\u003e"}],"chips":[{"label":"Actually, close registrations right now","goto":"s8_closenow"},{"label":"Try another scenario","goto":"start"}]},"s8_closenow":{"echo":"Actually, close registrations right now","messages":[{"from":"emma","html":"That would override the scheduled cutoff and close registration immediately.","card":"\u003cdiv class='tw-chat-card-gate'\u003e\u003cdiv class='tw-chat-card-header-gate'\u003e\u003ch3\u003eClose Registration Now\u003c/h3\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eEvent\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eYear 7 Open Evening (15 Oct 2026)\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eCurrent Status\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003ePublished — 142 registered\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eScheduled Cutoff\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003e14 Oct at 5:00 PM (will be removed)\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-row'\u003e\u003cspan class='tw-chat-card-row-label'\u003eNew Status\u003c/span\u003e\u003cspan class='tw-chat-card-row-value'\u003eClosed immediately\u003c/span\u003e\u003c/div\u003e\u003cdiv class='tw:mx-3.5 tw:my-2 tw:bg-red-100 tw:border tw:border-red-200 tw:rounded-lg tw:px-3 tw:py-2 tw:flex tw:items-start tw:gap-2'\u003e\u003ci class='fa-regular fa-triangle-exclamation tw:text-red-500 tw:shrink-0 tw:mt-0.5'\u003e\u003c/i\u003e\u003cdiv class='tw:text-body-xs tw:leading-body-xs tw:text-red-900'\u003e\u003cstrong\u003eImmediate effect.\u003c/strong\u003e Registration form will be replaced with your closed message right away. Families currently viewing the page will not be able to submit.\u003c/div\u003e\u003c/div\u003e\u003cdiv class='tw-chat-card-actions'\u003e\u003cbutton class='tw-chat-card-btn-cancel' type='button'\u003eKeep Scheduled\u003c/button\u003e\u003cbutton class='tw-chat-card-btn-gate' type='button' data-goto='s8_closing'\u003eClose Now\u003c/button\u003e\u003c/div\u003e\u003c/div\u003e"}]},"s8_closing":{"echo":"Close Now","messages":[{"from":"emma","html":"\u003cdiv class=\"tw-chat-progress\"\u003e\u003cdiv class=\"tw-chat-progress-step\"\u003e\u003cdiv class=\"tw-chat-progress-dot-done\"\u003e\u0026#10003;\u003c/div\u003e\u003cspan class=\"tw-chat-progress-text\"\u003eClosing registration...\u003c/span\u003e\u003cspan class=\"tw-chat-progress-result\"\u003eRegistration closed\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e"}],"autoAdvance":{"goto":"s8_closed","delay":1200}},"s8_closed":{"messages":[{"from":"emma","html":"\u003cp class='tw:text-neutral-700 tw:mb-0'\u003e\u003cstrong\u003eCompleted —\u003c/strong\u003e Registration is now closed. The page shows your fully booked message with the tour link. 142 families are confirmed for the event.\u003c/p\u003e"}],"chips":[{"label":"Try another scenario","goto":"start"}]}}}
      </script>
      <!-- Left: Chat Column -->
      <div class="tw:flex-1 tw:flex tw:flex-col tw:min-w-0 tw:bg-white tw:relative"
           data-controller="conversation"
           data-conversation-script-id-value="conversation-script">
        <!-- Agent Content Header -->
        <div id="agent-content-header" class="tw:w-full tw:bg-white tw:border-b tw:border-neutral-translucent-200 tw:px-5 tw:pr-3 tw:py-3 tw:overflow-visible tw:transition-all tw:duration-200 tw:max-h-16 tw:opacity-100 tw:flex tw:items-center tw:gap-2">
          <h2 class="tw-h3 tw:mb-0">Events Agent</h2>
          <div class="tw-dropdown tw-dropdown-sm" data-controller="dropdown" id="scenario-dropdown">
            <button class="tw-dropdown-trigger tw-dropdown-borderless" type="button" data-action="click->dropdown#toggle" data-dropdown-target="trigger" aria-expanded="false">
              <span class="tw-dropdown-label" id="scenario-label">All scenarios</span>
              <span class="tw-dropdown-chevron"><i class="fa-solid fa-chevron-down"></i></span>
            </button>
            <div class="tw-dropdown-menu" data-dropdown-target="menu" style="max-height: 70vh; overflow-y: auto;">
              <button class="tw-dropdown-item tw-active" type="button" data-scenario="all">
                <span class="tw-dropdown-item-text">All scenarios</span>
                <span class="tw-dropdown-item-check"><i class="fa-solid fa-check"></i></span>
              </button>
              <div class="tw-dropdown-divider"></div>
              <button class="tw-dropdown-item" type="button" data-scenario="1">
                <span class="tw-dropdown-item-text">1. Create Open Evening</span>
                <span class="tw-dropdown-item-check"><i class="fa-solid fa-check"></i></span>
              </button>
              <button class="tw-dropdown-item" type="button" data-scenario="2">
                <span class="tw-dropdown-item-text">2. Set up Morning Tours</span>
                <span class="tw-dropdown-item-check"><i class="fa-solid fa-check"></i></span>
              </button>
              <button class="tw-dropdown-item" type="button" data-scenario="3">
                <span class="tw-dropdown-item-text">3. Clone last year's event</span>
                <span class="tw-dropdown-item-check"><i class="fa-solid fa-check"></i></span>
              </button>
              <button class="tw-dropdown-item" type="button" data-scenario="4">
                <span class="tw-dropdown-item-text">4. Create filtered event</span>
                <span class="tw-dropdown-item-check"><i class="fa-solid fa-check"></i></span>
              </button>
              <button class="tw-dropdown-item" type="button" data-scenario="5">
                <span class="tw-dropdown-item-text">5. Enable waitlist</span>
                <span class="tw-dropdown-item-check"><i class="fa-solid fa-check"></i></span>
              </button>
              <button class="tw-dropdown-item" type="button" data-scenario="6">
                <span class="tw-dropdown-item-text">6. Add custom questions</span>
                <span class="tw-dropdown-item-check"><i class="fa-solid fa-check"></i></span>
              </button>
              <button class="tw-dropdown-item" type="button" data-scenario="7">
                <span class="tw-dropdown-item-text">7. View attendance data</span>
                <span class="tw-dropdown-item-check"><i class="fa-solid fa-check"></i></span>
              </button>
              <button class="tw-dropdown-item" type="button" data-scenario="8">
                <span class="tw-dropdown-item-text">8. Close registration</span>
                <span class="tw-dropdown-item-check"><i class="fa-solid fa-check"></i></span>
              </button>
            </div>
          </div>
          <div class="tw:flex-1"></div>
          <div class="tw-input-group tw-input-group-sm tw-has-icon-start tw:w-auto">
            <i class="fa-regular fa-magnifying-glass tw-input-group-icon tw-input-group-icon-start"></i>
            <input type="search" class="tw-form-control tw:w-[360px] tw:max-w-[24px] tw:focus:max-w-[360px] tw:opacity-0 tw:focus:opacity-100 tw:cursor-pointer tw:focus:cursor-text" placeholder="Search in this chat..." aria-label="Search in this chat" style="border: none; outline: none; box-shadow: none; padding-right: 0; transition: 0.2s all ease;">
          </div>
          <button class="tw-btn tw-btn-tertiary tw-btn-sm" type="button" aria-label="New chat"><i class="fa-regular fa-plus"></i> New chat</button>
          <button class="tw-btn tw-btn-tertiary tw-btn-icon tw-btn-sm" type="button" aria-label="Hide sidebar" data-controller="tooltip" data-tooltip-content-value="Hide sidebar"><i class="fa-regular fa-sidebar-flip"></i></button>
        </div>
        <!-- Message Thread (scrollable) -->
        <div id="agent-conversation-body" class="tw:w-full tw:flex tw:flex-1 tw:flex-col tw:overflow-y-auto tw:transition-all tw:duration-200">
          <div class="tw:py-5 tw:max-w-4xl tw:mx-auto tw:px-4 tw:w-full" role="log" aria-label="Conversation">
            <div class="tw-agent-chat-thread"
                 data-conversation-target="thread">
              <!-- Messages injected here by conversation controller -->
            </div>
          </div>
        </div>
        <!-- Typing Indicator -->
        <div data-conversation-target="typing" class="tw:hidden tw:max-w-4xl tw:mx-auto tw:px-4 tw:pb-2">
          <div class="tw-agent-chat-msg">
            <div class="tw-agent-chat-bubble tw:flex tw:gap-1.5 tw:py-3">
              <span class="tw:w-2 tw:h-2 tw:rounded-full tw:bg-neutral-400 tw:animate-bounce [animation-delay:0ms]"></span>
              <span class="tw:w-2 tw:h-2 tw:rounded-full tw:bg-neutral-400 tw:animate-bounce [animation-delay:150ms]"></span>
              <span class="tw:w-2 tw:h-2 tw:rounded-full tw:bg-neutral-400 tw:animate-bounce [animation-delay:300ms]"></span>
            </div>
          </div>
        </div>
        <!-- Chip Area -->
        <div data-conversation-target="chipArea" class="tw:hidden tw:shrink-0"></div>
        <!-- Agent Main Input — elevated card composer -->
        <div id="agent-main-input" class="tw:flex tw:w-full tw:flex-col tw:max-w-4xl tw:mx-auto tw:gap-4 tw:transition-all tw:duration-200 tw:px-4 tw:absolute tw:bottom-0 tw:left-0 tw:right-0 tw:z-10 tw:pb-3">
          <div class="tw-card tw-card-elevated tw:rounded-2xl tw:overflow-hidden tw:w-full tw:mx-auto tw:cursor-text">
            <!-- Input row -->
            <div class="tw:flex tw:items-center tw-emma-input-container" id="emma-input-container">
              <textarea
                name="emma-input"
                class="tw-emma-input tw:transition-[height] tw:duration-200"
                rows="1"
                placeholder="Ask me anything about events..."
                aria-label="Ask Emma"></textarea>
            </div>
            <!-- Toolbar row -->
            <div class="tw:flex tw:items-center tw:gap-0 tw:p-2 tw:pt-0.5">
              <button class="tw-btn tw-btn-tertiary tw-btn-icon tw-btn-lg" type="button" aria-label="Attach file"
                      data-controller="tooltip" data-tooltip-content-value="Attach file" data-tooltip-placement-value="top">
                <i class="fa-regular tw-icon-16 fa-paperclip"></i>
              </button>
              <div class="tw:ml-auto tw:flex tw:items-center tw:gap-1">
                <button class="tw-btn tw-btn-tertiary tw-btn-icon tw-btn-lg" type="button" aria-label="Voice mode"
                        data-controller="tooltip" data-tooltip-content-value="Voice mode" data-tooltip-placement-value="top">
                  <i class="fa-regular tw-icon-16 fa-microphone"></i>
                </button>
                <button id="agent-send-btn" class="tw-btn tw-btn-primary tw-btn-icon tw-btn-lg" type="button" aria-label="Send"
                        data-controller="tooltip" data-tooltip-content-value="Send" data-tooltip-placement-value="top">
                  <i class="fa-regular tw-icon-16 fa-arrow-up"></i>
                </button>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- end left column -->
      <!-- Right: Activity Sidebar -->
      <div id="agent-activity-sidebar" class="tw-agent-activity-sidebar tw:flex tw:flex-col" style="width: 360px;">
        <div data-controller="tabs" class="tw-agent-activity-sidebar-content tw:flex-1 tw:overflow-y-auto">
          <!-- Tab headers — tw:h-12 matches content header height -->
          <div class="tw-tabs tw-tabs-justified tw:h-12 tw:flex-shrink-0 tw:bg-white tw:border-b tw:border-neutral-translucent-200" role="tablist" style="gap: 0;">
            <!-- style="gap: 0" is intentional: .tw-tabs applies gap-8 via @apply which utility
                 classes cannot override due to CSS cascade (unlayered component CSS wins) -->
            <button class="tw-tab tw-active" role="tab" aria-selected="true" data-tabs-target="tab" data-action="click->tabs#select keydown->tabs#keydown">
              <div class="tw:py-1">Overview</div>
            </button>
            <button class="tw-tab" role="tab" aria-selected="false" data-tabs-target="tab" data-action="click->tabs#select keydown->tabs#keydown">
              <div class="tw:py-1">History</div>
            </button>
          </div>
          <div class="tw-tab-content tw:mt-0">
            <!-- Overview Panel -->
            <div class="tw-tab-panel tw-active" role="tabpanel" data-tabs-target="panel">
              <!-- Search filter -->
              <div class="tw:p-2">
                <div class="tw-input-group tw-has-icon-start">
                  <i class="fa-regular fa-magnifying-glass tw-input-group-icon tw-input-group-icon-start"></i>
                  <input type="search" class="tw-form-control" placeholder="Filter activity..." aria-label="Filter activity">
                </div>
              </div>
              <div class="tw:px-3 tw:pb-3 tw:space-y-2">
                <!-- Progress Checklist -->
                <div class="tw-card tw-card-flat tw:mb-3">
                  <div class="tw-card-body tw:py-3 tw:px-4">
                    <p class="tw:text-body-xs tw:leading-body-xs fw-bold tw:text-neutral-800 tw:mb-2.5">Event Setup Progress</p>
                    <div class="tw:space-y-2">
                      <div class="tw:flex tw:items-center tw:gap-2">
                        <span class="tw:w-4 tw:h-4 tw:rounded-full tw:bg-green-500 tw:flex tw:items-center tw:justify-center tw:shrink-0">
                          <i class="fa-solid fa-check tw:text-white tw:text-[8px]"></i>
                        </span>
                        <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-400 tw:line-through">Gathering details</span>
                      </div>
                      <div class="tw:flex tw:items-center tw:gap-2">
                        <span class="tw:w-4 tw:h-4 tw:rounded-full tw:bg-primary tw:flex tw:items-center tw:justify-center tw:shrink-0 tw:animate-pulse"></span>
                        <span class="tw:text-body-xs tw:leading-body-xs tw:text-primary fw-semibold">Setting up event</span>
                      </div>
                      <div class="tw:flex tw:items-center tw:gap-2">
                        <span class="tw:w-4 tw:h-4 tw:rounded-full tw:bg-neutral-200 tw:shrink-0"></span>
                        <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-400">Post-event monitoring</span>
                      </div>
                    </div>
                  </div>
                </div>
                <!-- Date divider: Today -->
                <div class="tw-chat-divider">
                  <div class="tw-chat-divider-line"></div>
                  <span class="tw-chat-divider-label">Today</span>
                  <div class="tw-chat-divider-line"></div>
                </div>
                <!-- Feed Item: Empty state -->
                <div class="tw-chat-feed-empty">
                  <i class="fa-regular fa-message-lines"></i>
                  <p>Activity will appear here as the conversation progresses.</p>
                </div>
              </div>
              <!-- end space-y-2 -->
            </div>
            <!-- end Overview panel -->
            <!-- History Panel -->
            <div class="tw-tab-panel tw:px-3 tw:py-3 tw:space-y-1.5" role="tabpanel" data-tabs-target="panel">
              <!-- Search -->
              <div class="tw:mb-2">
                <div class="tw-input-group tw-input-group-icon tw-input-group-icon-start tw-input-group-sm">
                  <i class="fa-regular fa-magnifying-glass"></i>
                  <input type="text" class="tw-form-control tw-form-control-sm" placeholder="Search conversations...">
                </div>
              </div>
              <!-- Active chat -->
              <div class="tw-chat-history-active">
                <div class="tw:flex tw:items-center tw:gap-1.5 tw:mb-1">
                  <span class="tw:text-body-xs tw:leading-body-xs fw-semibold tw:text-neutral-800 tw:truncate tw:flex-1">Create Year 7 Open Evening</span>
                  <span class="tw-badge tw-badge-xs tw:bg-primary tw:text-white">Active</span>
                </div>
                <p class="tw:text-[10px] tw:text-neutral-500 tw:mb-0">Setting up event details, registration, and invitations</p>
                <div class="tw:flex tw:items-center tw:gap-1 tw:mt-1">
                  <span class="tw:text-[9px] tw:text-neutral-400">Just started</span>
                </div>
              </div>
              <!-- Previous chat: Open Morning Tours -->
              <div class="tw-chat-history-item">
                <div class="tw:flex tw:items-center tw:gap-1.5 tw:mb-1">
                  <span class="tw:text-body-xs tw:leading-body-xs fw-semibold tw:text-neutral-800 tw:truncate tw:flex-1">Open Morning Tours Setup</span>
                  <span class="tw:text-[10px] tw:text-neutral-400 tw:whitespace-nowrap tw:shrink-0">Yesterday</span>
                </div>
                <p class="tw:text-[10px] tw:text-neutral-500 tw:mb-0">Created 3 guided tour dates for prospective families</p>
                <div class="tw:flex tw:items-center tw:gap-1 tw:mt-1">
                  <span class="tw:text-[9px] tw:text-neutral-400">8 messages</span>
                  <span class="tw:text-[9px] tw:text-neutral-300">·</span>
                  <span class="tw:text-[9px] tw:text-green-700">Completed</span>
                </div>
              </div>
              <!-- Previous chat: Year 6 Taster Day -->
              <div class="tw-chat-history-item">
                <div class="tw:flex tw:items-center tw:gap-1.5 tw:mb-1">
                  <span class="tw:text-body-xs tw:leading-body-xs fw-semibold tw:text-neutral-800 tw:truncate tw:flex-1">Year 6 Taster Day Planning</span>
                  <span class="tw:text-[10px] tw:text-neutral-400 tw:whitespace-nowrap tw:shrink-0">20 Mar</span>
                </div>
                <p class="tw:text-[10px] tw:text-neutral-500 tw:mb-0">Scheduled taster sessions with department coordination</p>
                <div class="tw:flex tw:items-center tw:gap-1 tw:mt-1">
                  <span class="tw:text-[9px] tw:text-neutral-400">22 messages</span>
                  <span class="tw:text-[9px] tw:text-neutral-300">·</span>
                  <span class="tw:text-[9px] tw:text-green-700">Completed</span>
                </div>
              </div>
            </div>
            <!-- end History panel -->
          </div>
          <!-- end tw-tab-content -->
        </div>
        <!-- end tabs wrapper -->
      </div>
      <!-- end agent-activity-sidebar -->
    </div>
    <!-- end two-column container -->
  </main>
</div>