Migrate to Helios

app/adapters/application.js

@@ -1,9 +1,11 @@
 /* eslint-disable ember/classic-decorator-no-classic-methods, ember/no-computed-properties-in-native-classes, ember/no-get */
+import classic from 'ember-classic-decorator';
 import JSONAPIAdapter from '@ember-data/adapter/json-api';
 import config from 'prison-rideshare-ui/config/environment';
 import { computed } from '@ember/object';
 import { inject as service } from '@ember/service';
 
+@classic
 export default class ApplicationAdapter extends JSONAPIAdapter {
   @service session;
 

app/app.js

@@ -1,3 +1,5 @@
+import 'decorator-transforms/globals';
+
 import Application from '@ember/application';
 import Resolver from 'ember-resolver';
 import loadInitializers from 'ember-load-initializers';

app/components/alert.gjs

@@ -0,0 +1,30 @@
+import Component from '@glimmer/component';
+import { HdsAlert } from '@hashicorp/design-system-components/components';
+
+export default class Alert extends Component {
+  get color() {
+    return this.args.color ?? 'critical';
+  }
+
+  get type() {
+    return this.args.type ?? 'inline';
+  }
+
+  <template>
+    <HdsAlert
+      @color={{this.color}}
+      @type={{this.type}}
+      data-test-inline-alert
+      ...attributes
+      as |Alert|
+    >
+      <Alert.Title data-test-inline-alert-text>
+        {{#if (has-block)}}
+          {{yield}}
+        {{else}}
+          {{@message}}
+        {{/if}}
+      </Alert.Title>
+    </HdsAlert>
+  </template>
+}

app/components/app-frame.gjs

@@ -0,0 +1,11 @@
+import { hash } from '@ember/helper';
+import Header from 'prison-rideshare-ui/components/app-frame/header';
+import Sidebar from 'prison-rideshare-ui/components/app-frame/sidebar';
+import Main from 'prison-rideshare-ui/components/app-frame/main';
+
+<template>
+  {{! See docs/helios-overrides.md }}
+  <div class='app-frame' ...attributes>
+    {{yield (hash Header=Header Sidebar=Sidebar Main=Main)}}
+  </div>
+</template>

app/components/app-frame/header.gjs

@@ -0,0 +1,6 @@
+<template>
+  {{! See docs/helios-overrides.md }}
+  <header class='app-frame__header' ...attributes>
+    {{yield}}
+  </header>
+</template>

app/components/app-frame/main.gjs

@@ -0,0 +1,6 @@
+<template>
+  {{! See docs/helios-overrides.md }}
+  <main class='app-frame__main' ...attributes>
+    {{yield}}
+  </main>
+</template>

app/components/app-frame/sidebar.gjs

@@ -0,0 +1,6 @@
+<template>
+  {{! See docs/helios-overrides.md }}
+  <aside class='app-frame__sidebar' ...attributes>
+    {{yield}}
+  </aside>
+</template>

app/components/app-side-nav.gjs

@@ -0,0 +1,73 @@
+import { action } from '@ember/object';
+import Component from '@glimmer/component';
+import { on } from '@ember/modifier';
+import { hash } from '@ember/helper';
+import List from 'prison-rideshare-ui/components/app-side-nav/list';
+
+// See docs/helios-overrides.md
+export default class AppSideNavComponent extends Component {
+  constructor(owner, args) {
+    super(owner, args);
+
+    this.args?.onRegister?.(this);
+  }
+
+  willDestroy() {
+    super.willDestroy(...arguments);
+
+    this.args?.onRegister?.(null);
+  }
+
+  get isMinimized() {
+    return Boolean(this.args.isMinimized);
+  }
+
+  get isResponsive() {
+    return Boolean(this.args.isResponsive);
+  }
+
+  get state() {
+    return this.isMinimized ? 'closed' : 'open';
+  }
+
+  get navClasses() {
+    return `app-side-nav app-side-nav--${this.state}`;
+  }
+
+  get showScrim() {
+    return this.isResponsive && !this.isMinimized;
+  }
+
+  @action
+  toggleMinimizedStatus() {
+    const nextState = !this.isMinimized;
+
+    this.args?.onToggleMinimizedStatus?.(nextState);
+  }
+
+  <template>
+    <div
+      class={{this.navClasses}}
+      data-state={{this.state}}
+      data-test-app-sidenav
+      aria-hidden={{this.isMinimized}}
+      ...attributes
+    >
+      <div class='app-side-nav__panel'>
+        <div class='app-side-nav__scroll'>
+          {{yield (hash List=List)}}
+        </div>
+      </div>
+
+      {{#if this.isResponsive}}
+        <button
+          type='button'
+          class='app-side-nav__scrim'
+          hidden={{this.isMinimized}}
+          aria-label='Close navigation menu'
+          {{on 'click' this.toggleMinimizedStatus}}
+        />
+      {{/if}}
+    </div>
+  </template>
+}

app/components/app-side-nav/item.gjs

@@ -0,0 +1,6 @@
+<template>
+  {{! See docs/helios-overrides.md }}
+  <li class='app-side-nav__item' ...attributes>
+    {{yield}}
+  </li>
+</template>

app/components/app-side-nav/link.gjs

@@ -0,0 +1,40 @@
+import Component from '@glimmer/component';
+import LinkTo from '@ember/routing/link-component';
+
+// See docs/helios-overrides.md
+export default class AppSideNavLinkComponent extends Component {
+  get hasModel() {
+    return this.args.model !== undefined && this.args.model !== null;
+  }
+
+  <template>
+    <li class='app-side-nav__item'>
+      {{#if this.hasModel}}
+        <LinkTo
+          @route={{@route}}
+          @model={{@model}}
+          @activeClass='app-side-nav__link--active'
+          class='app-side-nav__link'
+          ...attributes
+        >
+          <span class='app-side-nav__link-label'>
+            {{@text}}
+          </span>
+          {{yield}}
+        </LinkTo>
+      {{else}}
+        <LinkTo
+          @route={{@route}}
+          @activeClass='app-side-nav__link--active'
+          class='app-side-nav__link'
+          ...attributes
+        >
+          <span class='app-side-nav__link-label'>
+            {{@text}}
+          </span>
+          {{yield}}
+        </LinkTo>
+      {{/if}}
+    </li>
+  </template>
+}

app/components/app-side-nav/list.gjs

@@ -0,0 +1,43 @@
+import Component from '@glimmer/component';
+import { hash } from '@ember/helper';
+import Link from 'prison-rideshare-ui/components/app-side-nav/link';
+import Item from 'prison-rideshare-ui/components/app-side-nav/item';
+import { action } from '@ember/object';
+import { inject as service } from '@ember/service';
+import { on } from '@ember/modifier';
+
+// See docs/helios-overrides.md
+export default class AppSideNavListComponent extends Component {
+  @service sidebar;
+
+  @action handleNavClick(event) {
+    if (typeof window === 'undefined') {
+      return;
+    }
+
+    const isDesktop = window.matchMedia?.('(min-width: 1088px)')?.matches;
+
+    if (isDesktop) {
+      return;
+    }
+
+    if (event.target.closest('.app-side-nav__link')) {
+      this.sidebar.open = false;
+      this.sidebar.setNavMinimizedState(true);
+    }
+  }
+
+  <template>
+    {{! Delegated click handler closes the nav on mobile; interactive behavior is intentional. }}
+    {{! template-lint-disable no-invalid-interactive }}
+    <nav
+      class='app-side-nav__nav'
+      {{on 'click' this.handleNavClick capture=true}}
+    >
+      <ul class='app-side-nav__list'>
+        {{yield (hash Link=Link Item=Item)}}
+      </ul>
+    </nav>
+    {{! template-lint-enable no-invalid-interactive }}
+  </template>
+}

app/components/calendar-day.gjs

@@ -17,6 +17,7 @@ export default class CalendarDay extends Component {
         @person={{this.person}}
         @count={{this.count}}
         @setViewingSlot={{this.setViewingSlot}}
+        @setError={{this.setError}}
       />
     {{/each}}
   </template>