feat(appointment): complete customer receiving and trip continuation workflows

src/styles/adminDensity.test.ts

@@ -171,7 +171,7 @@ const cssRoot = (css: string) => {
 }
 
 describe('approved Admin density ownership', () => {
-  it('keeps appointment details over the calendar without clipping days or scrolling away panel controls', () => {
+  it('keeps appointment dialog content scrollable with fixed controls and unclipped calendar days', () => {
     const declarations = (file: string, selector: string) => {
       const values: Record<string, string> = {}
       const css = parse(read(`modules/appointment-calendar/${file}`)).descriptor.styles.map(style => style.content).join('\n')
@@ -179,8 +179,10 @@ describe('approved Admin density ownership', () => {
       return values
     }
     const panel = declarations('AppointmentCalendarView.vue', '.work-panel')
-    expect(panel.position).toBe('absolute')
-    expect(panel.height).toContain('100dvh')
+    expect(panel.position).toBeUndefined()
+    expect(panel['min-height']).toBe('0')
+    expect(declarations('AppointmentCalendarView.vue', ':global(.work-dialog.el-dialog:not(.is-fullscreen))').height).toBe('88dvh')
+    expect(declarations('AppointmentCalendarView.vue', ':global(.work-dialog .el-dialog__body)').overflow).toBe('hidden')
     expect(declarations('AppointmentCalendarView.vue', '.work-layout')['grid-template-columns']).toBeUndefined()
     expect(declarations('AppointmentCalendarView.vue', '.panel-body')).toMatchObject({ 'overflow-y': 'auto', 'min-height': '0' })
     expect(declarations('AppointmentCalendarView.vue', '.panel-header').flex).toBe('none')
@@ -190,8 +192,9 @@ describe('approved Admin density ownership', () => {
     expect(declarations('WorkCalendarPanel.vue', '.calendar-toolbar')['justify-content']).toBe('flex-start')
     expect(declarations('AppointmentCalendarView.vue', '.work-inbox').border).toBeUndefined()
     const day = declarations('WorkCalendarPanel.vue', '.work-day')
-    expect(parseInt(day['min-height']!)).toBeLessThan(140)
-    expect(day['max-height']).toBeUndefined()
+    expect(day.height).toBe('146px')
+    expect(day['min-height']).toBe(day.height)
+    expect(day['max-height']).toBe(day.height)
     expect(day.overflow).not.toBe('hidden')
   })
   it('shares list status and category tab styles across registered list consumers', () => {