fix: UI polish — nav labels, date picker, rules engine, error messages

- Sidebar: removed "Master" from nav labels (Leads, Patients, Appointments, Call Log)
- Appointment form: Dept + Doctor in 2-col row, Date below, disabled cascade
- DatePicker: placement="bottom start" + shouldFlip fixes popover positioning
- Team Performance: default to "Week", grid KPI cards, chart legend spacing
- Rules Engine: manual save (removed auto-debounce), Reset to Defaults uses
  DEFAULT_PRIORITY_CONFIG (no template endpoint), removed dead saveTimerRef
- Automation rules: 6 showcase cards with trigger/condition/action, replaced
  agent-specific rule with generic round-robin
- Recording analysis: friendly error message with retry instead of raw Deepgram error
- Sidebar active/hover: brand color reference for theming

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/components/application/date-picker/date-picker.tsx

@@ -40,7 +40,8 @@ export const DatePicker = ({ value: valueProp, defaultValue, onChange, onApply,
             </AriaGroup>
             <AriaPopover
                 offset={8}
-                placement="bottom right"
+                placement="bottom start"
+                shouldFlip
                 className={({ isEntering, isExiting }) =>
                     cx(
                         "origin-(--trigger-anchor-point) will-change-transform",

src/components/call-desk/appointment-form.tsx

@@ -386,29 +386,29 @@ export const AppointmentForm = ({
                     </Select>
                 )}
 
-                <Select
-                    label="Department / Specialty"
-                    placeholder={doctors.length === 0 ? 'Loading...' : 'Select department'}
-                    items={departmentItems}
-                    selectedKey={department}
-                    onSelectionChange={(key) => setDepartment(key as string)}
-                    isRequired
-                    isDisabled={doctors.length === 0}
-                >
-                    {(item) => <Select.Item id={item.id} label={item.label} />}
-                </Select>
+                <div className="grid grid-cols-2 gap-3">
+                    <Select
+                        label="Department *"
+                        placeholder={doctors.length === 0 ? 'Loading...' : 'Select department'}
+                        items={departmentItems}
+                        selectedKey={department}
+                        onSelectionChange={(key) => setDepartment(key as string)}
+                        isDisabled={doctors.length === 0}
+                    >
+                        {(item) => <Select.Item id={item.id} label={item.label} />}
+                    </Select>
 
-                <Select
-                    label="Doctor"
-                    placeholder={!department ? 'Select department first' : 'Select doctor'}
-                    items={doctorSelectItems}
-                    selectedKey={doctor}
-                    onSelectionChange={(key) => setDoctor(key as string)}
-                    isRequired
-                    isDisabled={!department}
-                >
-                    {(item) => <Select.Item id={item.id} label={item.label} />}
-                </Select>
+                    <Select
+                        label="Doctor *"
+                        placeholder={!department ? 'Select department first' : 'Select doctor'}
+                        items={doctorSelectItems}
+                        selectedKey={doctor}
+                        onSelectionChange={(key) => setDoctor(key as string)}
+                        isDisabled={!department}
+                    >
+                        {(item) => <Select.Item id={item.id} label={item.label} />}
+                    </Select>
+                </div>
 
                 <div className="flex flex-col gap-1">
                     <span className="text-xs font-medium text-secondary">Date <span className="text-error-primary">*</span></span>
@@ -416,6 +416,7 @@ export const AppointmentForm = ({
                         value={date ? parseDate(date) : null}
                         onChange={(val) => setDate(val ? val.toString() : '')}
                         granularity="day"
+                        isDisabled={!doctor}
                     />
                 </div>
 

src/components/call-desk/recording-analysis.tsx

@@ -178,7 +178,7 @@ export const RecordingAnalysisSlideout = ({
 
                         {error && !loading && (
                             <div className="flex flex-col items-center gap-3 py-12">
-                                <p className="text-sm text-error-primary">{error}</p>
+                                <p className="text-sm text-tertiary">Transcription is temporarily unavailable. Please try again.</p>
                                 <Button
                                     size="sm"
                                     color="secondary"

src/components/layout/sidebar.tsx

@@ -69,10 +69,10 @@ const getNavSections = (role: string): NavSection[] => {
                 { label: 'Live Call Monitor', href: '/live-monitor', icon: IconTowerBroadcast },
             ]},
             { label: 'Data & Reports', items: [
-                { label: 'Lead Master', href: '/leads', icon: IconUsers },
-                { label: 'Patient Master', href: '/patients', icon: IconHospitalUser },
-                { label: 'Appointment Master', href: '/appointments', icon: IconCalendarCheck },
-                { label: 'Call Log Master', href: '/call-history', icon: IconClockRewind },
+                { label: 'Leads', href: '/leads', icon: IconUsers },
+                { label: 'Patients', href: '/patients', icon: IconHospitalUser },
+                { label: 'Appointments', href: '/appointments', icon: IconCalendarCheck },
+                { label: 'Call Log', href: '/call-history', icon: IconClockRewind },
                 { label: 'Call Recordings', href: '/call-recordings', icon: IconFileAudio },
                 { label: 'Missed Calls', href: '/missed-calls', icon: IconPhoneMissed },
             ]},