@mieweb/ui 0.7.2-dev.3 → 0.7.2-dev.5

package/dist/index.d.cts

@@ -2969,6 +2969,8 @@ interface CasePatient {
     mrn?: string;
     /** Date of birth (display string) */
     dob?: string;
+    /** Age shown next to the DOB, e.g. 48 */
+    age?: number | string;
 }
 /** One label/value pair in the expandable case details grid */
 interface CaseDetailItem {
@@ -2985,6 +2987,12 @@ interface CaseManagementHeaderLabels {
     mrn: string;
     /** DOB field label */
     dob: string;
+    /** Age rendered next to the DOB, e.g. `(48 y.o.)` */
+    formatAge: (age: number | string) => string;
+    /** Label of the built-in add-case-note action */
+    addCaseNote: string;
+    /** Label of the built-in close-case action */
+    closeCase: string;
     /** Accessible name of the back button */
     back: string;
     /** Accessible name of the details toggle while collapsed */
@@ -3035,7 +3043,17 @@ interface CaseManagementHeaderProps extends Omit<React$1.HTMLAttributes<HTMLDivE
     showBackButton?: boolean;
     /** Called when the back button is clicked */
     onBack?: () => void;
-    /** Slot for action buttons on the right, e.g. "Add Case Note" */
+    /**
+     * Renders the built-in "Add Case Note" action (text button on `md`+, an
+     * icon-only button below) and is called when it is clicked.
+     */
+    onAddCaseNote?: () => void;
+    /**
+     * Renders the built-in "Close Case" action (text button on `md`+, an
+     * icon-only button below) and is called when it is clicked.
+     */
+    onCloseCase?: () => void;
+    /** Slot for extra action buttons, rendered after the built-in actions */
     actions?: React$1.ReactNode;
     /** Names of other users currently editing the case, shown on the context bar */
     editingUsers?: string[];
@@ -3083,7 +3101,7 @@ interface CaseManagementHeaderProps extends Omit<React$1.HTMLAttributes<HTMLDivE
  *     { label: 'Case Manager', value: 'Unassigned' },
  *     { label: 'Opened', value: 'Jan 21, 2025' },
  *   ]}
- *   actions={<Button variant="ghost">+ Add Case Note</Button>}
+ *   onAddCaseNote={() => openNoteEditor()}
  * />
  * ```
  */

package/dist/index.d.ts

@@ -2969,6 +2969,8 @@ interface CasePatient {
     mrn?: string;
     /** Date of birth (display string) */
     dob?: string;
+    /** Age shown next to the DOB, e.g. 48 */
+    age?: number | string;
 }
 /** One label/value pair in the expandable case details grid */
 interface CaseDetailItem {
@@ -2985,6 +2987,12 @@ interface CaseManagementHeaderLabels {
     mrn: string;
     /** DOB field label */
     dob: string;
+    /** Age rendered next to the DOB, e.g. `(48 y.o.)` */
+    formatAge: (age: number | string) => string;
+    /** Label of the built-in add-case-note action */
+    addCaseNote: string;
+    /** Label of the built-in close-case action */
+    closeCase: string;
     /** Accessible name of the back button */
     back: string;
     /** Accessible name of the details toggle while collapsed */
@@ -3035,7 +3043,17 @@ interface CaseManagementHeaderProps extends Omit<React$1.HTMLAttributes<HTMLDivE
     showBackButton?: boolean;
     /** Called when the back button is clicked */
     onBack?: () => void;
-    /** Slot for action buttons on the right, e.g. "Add Case Note" */
+    /**
+     * Renders the built-in "Add Case Note" action (text button on `md`+, an
+     * icon-only button below) and is called when it is clicked.
+     */
+    onAddCaseNote?: () => void;
+    /**
+     * Renders the built-in "Close Case" action (text button on `md`+, an
+     * icon-only button below) and is called when it is clicked.
+     */
+    onCloseCase?: () => void;
+    /** Slot for extra action buttons, rendered after the built-in actions */
     actions?: React$1.ReactNode;
     /** Names of other users currently editing the case, shown on the context bar */
     editingUsers?: string[];
@@ -3083,7 +3101,7 @@ interface CaseManagementHeaderProps extends Omit<React$1.HTMLAttributes<HTMLDivE
  *     { label: 'Case Manager', value: 'Unassigned' },
  *     { label: 'Opened', value: 'Jan 21, 2025' },
  *   ]}
- *   actions={<Button variant="ghost">+ Add Case Note</Button>}
+ *   onAddCaseNote={() => openNoteEditor()}
  * />
  * ```
  */

package/dist/index.js

@@ -1,16 +1,23 @@
+import { getModelBytes } from './chunk-6I7IDZ4A.js';
+export { Toggle, toggleVariants } from './chunk-PTZB2GKL.js';
 export { TranscriptView, formatTimestampMs } from './chunk-SEPYBAML.js';
 export { VisuallyHidden } from './chunk-H2CIKJQI.js';
-export { brands } from './chunk-BCJFOSZX.js';
+export { brands } from './chunk-MO65V64I.js';
+export { enterpriseHealthBrand } from './chunk-MTZPVOP6.js';
+export { miewebBrand } from './chunk-NERS5ZT6.js';
 export { wagglelineBrand } from './chunk-2NTYAALC.js';
 export { webchartBrand } from './chunk-CW66SO5O.js';
+export { ozwellBrand } from './chunk-5YUBQIC7.js';
 export { defaultBrand } from './chunk-PSTGFXQG.js';
-export { enterpriseHealthBrand } from './chunk-MTZPVOP6.js';
-export { miewebBrand } from './chunk-NERS5ZT6.js';
 export { createBrandPreset, generateBrandCSS, generateTailwindTheme } from './chunk-WOYUQ4AT.js';
 export { bluehiveBrand } from './chunk-3T7QGLNB.js';
 export { ccmeBrand } from './chunk-SCQRJPSV.js';
-export { ozwellBrand } from './chunk-5YUBQIC7.js';
-import { getModelBytes } from './chunk-6I7IDZ4A.js';
+import { SparklesIcon, RefreshIcon, CloseIcon, AIMessageDisplay } from './chunk-RZJXCI53.js';
+export { AILogoIcon, AIMessageDisplay, AITypingIndicator, ChatBubble, ChevronIcon, CloseIcon, CollapsiblePill, MCPToolCallDisplay, MessageAvatar, RefreshIcon, ResourceLink, SendIcon, SparklesIcon, SpinnerIcon, ToolStatusIcon, getToolIcon } from './chunk-RZJXCI53.js';
+import { EmptyState } from './chunk-FDV7EQWH.js';
+export { AttachmentPreview, ConversationHeader, ConversationListItem, ConversationListSkeleton, DateSeparator, EmptyState, LightboxModal, LoadMoreButton, MessageBubble, MessageList, MessageStatusIcon, MessageThread, MessagingSplitView, ReadReceiptIndicator, SkeletonMessage, TypingIndicator, bubbleVariants, formatDateLabel, formatFileSize, formatLastSeen, getConversationSubtitle, getConversationTitle, groupMessagesByDate, headerVariants, isSameSenderGroup, useMessageScroll, useMessages, useReadReceipts, useTypingIndicator } from './chunk-FDV7EQWH.js';
+import { MessageComposer } from './chunk-EKRT7K2K.js';
+export { AttachmentPicker, AttachmentPreviewItem, CameraButton, CharacterCounter, DragDropZone, MessageComposer, SendButton, generateAttachmentId, getFileType, sendButtonVariants, validateFile } from './chunk-EKRT7K2K.js';
 import { Switch, switchThumbVariants, switchTrackVariants } from './chunk-AQ564XO7.js';
 export { Switch, switchThumbVariants, switchTrackVariants } from './chunk-AQ564XO7.js';
 import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from './chunk-TNUL4LGG.js';
@@ -20,18 +27,14 @@ export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTrigger
 import { Text } from './chunk-3YSIZ2CK.js';
 export { SmallMuted, Text, textVariants } from './chunk-3YSIZ2CK.js';
 export { ThemeProvider, ThemeProviderContext, ThemeToggle, themeToggleIconVariants, themeToggleVariants, useThemeContext } from './chunk-SH6B4MG5.js';
-export { Toggle, toggleVariants } from './chunk-PTZB2GKL.js';
+export { DateButton, DatePicker, RadioOption, SchedulePicker, TimeButton, TimePicker, dateButtonVariants, radioOptionVariants, timeButtonVariants } from './chunk-23AYDOCH.js';
+export { ScrollArea, scrollAreaVariants } from './chunk-HS25RPDW.js';
 export { Sheet, SheetBody, SheetClose, SheetDescription, SheetFooter, SheetHeader, SheetTitle, sheetContentVariants, sheetOverlayVariants } from './chunk-LMBXJZLG.js';
 import { Skeleton } from './chunk-ZIUADGAR.js';
 export { Skeleton, SkeletonCard, SkeletonTable, SkeletonText, skeletonVariants } from './chunk-ZIUADGAR.js';
 import { Spinner, SpinnerWithLabel } from './chunk-UA7E7PDS.js';
 export { FullPageSpinner, Spinner, SpinnerWithLabel, spinnerVariants } from './chunk-UA7E7PDS.js';
-import { SparklesIcon, RefreshIcon, CloseIcon, AIMessageDisplay } from './chunk-RZJXCI53.js';
-export { AILogoIcon, AIMessageDisplay, AITypingIndicator, ChatBubble, ChevronIcon, CloseIcon, CollapsiblePill, MCPToolCallDisplay, MessageAvatar, RefreshIcon, ResourceLink, SendIcon, SparklesIcon, SpinnerIcon, ToolStatusIcon, getToolIcon } from './chunk-RZJXCI53.js';
-import { EmptyState } from './chunk-FDV7EQWH.js';
-export { AttachmentPreview, ConversationHeader, ConversationListItem, ConversationListSkeleton, DateSeparator, EmptyState, LightboxModal, LoadMoreButton, MessageBubble, MessageList, MessageStatusIcon, MessageThread, MessagingSplitView, ReadReceiptIndicator, SkeletonMessage, TypingIndicator, bubbleVariants, formatDateLabel, formatFileSize, formatLastSeen, getConversationSubtitle, getConversationTitle, groupMessagesByDate, headerVariants, isSameSenderGroup, useMessageScroll, useMessages, useReadReceipts, useTypingIndicator } from './chunk-FDV7EQWH.js';
-import { MessageComposer } from './chunk-EKRT7K2K.js';
-export { AttachmentPicker, AttachmentPreviewItem, CameraButton, CharacterCounter, DragDropZone, MessageComposer, SendButton, generateAttachmentId, getFileType, sendButtonVariants, validateFile } from './chunk-EKRT7K2K.js';
+export { Pagination, SimplePagination, paginationButtonVariants } from './chunk-FDUA6OGN.js';
 export { PhoneInput, PhoneInputGroup } from './chunk-3D4ITDLO.js';
 import { Progress } from './chunk-CEQJGUAS.js';
 export { CircularProgress, Progress, circularProgressVariants, progressBarFillVariants, progressBarTrackVariants } from './chunk-CEQJGUAS.js';
@@ -40,8 +43,8 @@ import { RecordButton } from './chunk-VNWJTCBQ.js';
 export { RecordButton, formatDuration, recordButtonVariants } from './chunk-VNWJTCBQ.js';
 export { RichTextEditor, convertAngleBracketsToMustache, processDictation } from './chunk-FTRGZOVJ.js';
 export { Separator, separatorVariants } from './chunk-OQWZYKJM.js';
-export { DateButton, DatePicker, RadioOption, SchedulePicker, TimeButton, TimePicker, dateButtonVariants, radioOptionVariants, timeButtonVariants } from './chunk-23AYDOCH.js';
-export { ScrollArea, scrollAreaVariants } from './chunk-HS25RPDW.js';
+import { Dropdown, DropdownItem, DropdownSeparator, DropdownHeader } from './chunk-HIDV32ZX.js';
+export { Dropdown, DropdownContent, DropdownHeader, DropdownItem, DropdownLabel, DropdownSeparator } from './chunk-HIDV32ZX.js';
 export { FloatingWindow, MinimizedWindow } from './chunk-N3Y43KOB.js';
 export { CodeBlock, MarkdownRenderer, highlightCode, useMarkdown } from './chunk-Z4PECE5S.js';
 export { CsvBlock } from './chunk-5J5PEUUA.js';
@@ -53,15 +56,14 @@ export { FillerWordsModal, MediaEditor, SilenceSettingsModal, SpeedMarkerMenu, W
 export { Slider, sliderRangeVariants, sliderThumbVariants, sliderTrackVariants } from './chunk-OTQ72WX3.js';
 import './chunk-RISZWWEQ.js';
 export { MediaPlayer, inferMediaKind, mediaPlayerVariants } from './chunk-EMMYFHOT.js';
-export { Pagination, SimplePagination, paginationButtonVariants } from './chunk-FDUA6OGN.js';
+export { Breadcrumb, BreadcrumbSlash } from './chunk-5Y5FSR4N.js';
 import './chunk-OF7NTZ2I.js';
 import { Checkbox } from './chunk-KFLDXJEE.js';
 export { Checkbox, CheckboxGroup, checkboxVariants } from './chunk-KFLDXJEE.js';
 export { CollabStatus, defaultCollabStatusLabels, useYjsCollabStatus } from './chunk-SVSHA7XV.js';
 export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './chunk-BJKAVWED.js';
 export { CountryCodeDropdown, formatE164, validatePhoneNumber } from './chunk-BMRQ4VME.js';
-import { Dropdown, DropdownItem, DropdownSeparator, DropdownHeader } from './chunk-HIDV32ZX.js';
-export { Dropdown, DropdownContent, DropdownHeader, DropdownItem, DropdownLabel, DropdownSeparator } from './chunk-HIDV32ZX.js';
+export { miewebUIPreset, miewebUISafelist } from './chunk-6MMIWE7H.js';
 import { Alert, AlertTitle, AlertDescription } from './chunk-6EWJGRC3.js';
 export { Alert, AlertDescription, AlertTitle, alertVariants } from './chunk-6EWJGRC3.js';
 import { AlertDialog } from './chunk-FPVRQCCL.js';
@@ -72,7 +74,6 @@ export { Autocomplete } from './chunk-P6L74SKG.js';
 import { Avatar } from './chunk-DCBMTFLE.js';
 export { Avatar, AvatarGroup, avatarVariants, getInitials } from './chunk-DCBMTFLE.js';
 import './chunk-IQ4KQJAO.js';
-export { Breadcrumb, BreadcrumbSlash } from './chunk-5Y5FSR4N.js';
 import { evaluateDue, completedKeys, normalizeOrders } from './chunk-Y5KEFV5O.js';
 export { buildChartOrderRows, buildEncounterOrderRows, dueForOrder, evaluateDue, evaluateProgram, isApplicable } from './chunk-Y5KEFV5O.js';
 import { useCodeLookupConfig, RowActionToolbar, RowIconButton, toolbarKeyNav, parseSig, labelToMedicationFields, MedicationEditor } from './chunk-KRGKPUJH.js';
@@ -95,7 +96,7 @@ import { Modal, ModalHeader, ModalTitle, ModalClose, ModalBody, ModalFooter } fr
 export { Modal, ModalBody, ModalClose, ModalFooter, ModalHeader, ModalTitle, modalContentVariants, modalOverlayVariants } from './chunk-XMCIXHGH.js';
 import { Input, inputVariants } from './chunk-YXCE2HSK.js';
 export { Input, inputVariants } from './chunk-YXCE2HSK.js';
-import { Plus, GripVertical, RefreshCw, Pencil, AlertCircle, ArrowLeft, Users, ChevronDown, Clock, FileText, ClipboardList, Stethoscope, Mail, Phone, ClipboardCheck, Eye, Info, Link, ChevronUp, History, CheckCircle, StickyNote, ExternalLink, MoreVertical, Trash2, Send, Scan, TestTube2, Pill, Share, User, Download, ChevronRight, Calendar, Printer, ClipboardPlus, FilePlus, FileCheck, Wheat, Bell, FileHeart, HeartPulse, Paperclip, HelpCircle, MoreHorizontal, AlertTriangle, Upload as Upload$1, Camera, ScanLine, Image, X as X$1, Check as Check$1 } from './chunk-3PXOIAF6.js';
+import { Plus, GripVertical, RefreshCw, Pencil, AlertCircle, ArrowLeft, Users, FilePlus, CheckCircle, ChevronDown, Clock, FileText, ClipboardList, Stethoscope, Mail, Phone, ClipboardCheck, Eye, Info, Link, ChevronUp, History, StickyNote, ExternalLink, MoreVertical, Trash2, Send, Scan, TestTube2, Pill, Share, User, Download, ChevronRight, Calendar, Printer, ClipboardPlus, FileCheck, Wheat, Bell, FileHeart, HeartPulse, Paperclip, HelpCircle, MoreHorizontal, AlertTriangle, Upload as Upload$1, Camera, ScanLine, Image, X as X$1, Check as Check$1 } from './chunk-3PXOIAF6.js';
 export { Accessibility as AccessibilityIcon, Activity as ActivityIcon, AlertCircle as AlertCircleIcon, AlertTriangle as AlertTriangleIcon, Wheat as AllergyIcon, WheatOff as AllergyOffIcon, Ambulance as AmbulanceIcon, ArrowLeft as ArrowLeftIcon, ArrowRight as ArrowRightIcon, ArrowUpDown as ArrowUpDownIcon, AtSign as AtSignIcon, Baby as BabyIcon, BadgeAlert as BadgeAlertIcon, BadgeCheck as BadgeCheckIcon, BadgeMinus as BadgeMinusIcon, BadgePlus as BadgePlusIcon, BadgeX as BadgeXIcon, Ban as BanIcon, Bandage as BandageIcon, BedDouble as BedDoubleIcon, Bed as BedIcon, BedSingle as BedSingleIcon, Bell as BellIcon, BellOff as BellOffIcon, Biohazard as BiohazardIcon, Bone as BoneIcon, BookOpenCheck as BookOpenCheckIcon, BookOpen as BookOpenIcon, Bookmark as BookmarkIcon, Brain as BrainIcon, Briefcase as BriefcaseIcon, BriefcaseMedical as BriefcaseMedicalIcon, Building as BuildingIcon, CalendarCheck as CalendarCheckIcon, Calendar as CalendarIcon, Camera as CameraIcon, Cannabis as CannabisIcon, BarChart3 as ChartIcon, CheckCircle as CheckCircleIcon, Check as CheckIcon, ChevronDown as ChevronDownIcon, ChevronLeft as ChevronLeftIcon, ChevronRight as ChevronRightIcon, ChevronUp as ChevronUpIcon, Cigarette as CigaretteIcon, CigaretteOff as CigaretteOffIcon, CircleDotDashed as CircleDotDashedIcon, CircleDot as CircleDotIcon, CircleUser as CircleUserIcon, ClipboardCheck as ClipboardCheckIcon, Clipboard as ClipboardIcon, ClipboardList as ClipboardListIcon, ClipboardPlus as ClipboardPlusIcon, Clock as ClockIcon, Cog as CogIcon, Columns as ColumnsIcon, Copy as CopyIcon, CreditCard as CreditCardIcon, Cross as CrossIcon, Dna as DnaIcon, DollarSign as DollarSignIcon, Download as DownloadIcon, Droplet as DropletIcon, Droplets as DropletsIcon, Ear as EarIcon, ExternalLink as ExternalLinkIcon, Eye as EyeIcon, EyeOff as EyeOffIcon, FileCheck2 as FileCheck2Icon, FileCheck as FileCheckIcon, FileHeart as FileHeartIcon, File as FileIcon, FilePlus2 as FilePlus2Icon, FilePlus as FilePlusIcon, FileText as FileTextIcon, Filter as FilterIcon, Fingerprint as FingerprintIcon, Flag as FlagIcon, FlaskConical as FlaskIcon, FlaskRound as FlaskRoundIcon, Folder as FolderIcon, FolderOpen as FolderOpenIcon, Footprints as FootprintsIcon, Glasses as GlassesIcon, Globe as GlobeIcon, LayoutGrid as GridIcon, GripVertical as GripVerticalIcon, Hand as HandIcon, HandMetal as HandMetalIcon, Hash as HashIcon, Heart as HeartIcon, HeartOff as HeartOffIcon, HeartPulse as HeartPulseIcon, HelpCircle as HelpCircleIcon, History as HistoryIcon, Home as HomeIcon, Hospital as HospitalIcon, Image as ImageIcon, Info as InfoIcon, Key as KeyIcon, Link as LinkIcon, List as ListIcon, Loader2 as LoaderIcon, Lock as LockIcon, LogIn as LogInIcon, LogOut as LogOutIcon, Mail as MailIcon, MapPin as MapPinIcon, Maximize as MaximizeIcon, Menu as MenuIcon, MessageSquare as MessageIcon, Microscope as MicroscopeIcon, Minimize as MinimizeIcon, Minus as MinusIcon, Monitor as MonitorIcon, Moon as MoonIcon, MoreHorizontal as MoreHorizontalIcon, MoreVertical as MoreVerticalIcon, NotebookPen as NotebookPenIcon, Palette as PaletteIcon, Paperclip as PaperclipIcon, CircleUserRound as PatientIcon, Pencil as PencilIcon, UserRound as PersonIcon, Phone as PhoneIcon, PieChart as PieChartIcon, Pill as PillIcon, Plus as PlusIcon, Printer as PrinterIcon, Radiation as RadiationIcon, Ruler as RulerIcon, Save as SaveIcon, Scale as ScaleIcon, Scaling as ScalingIcon, ScanEye as ScanEyeIcon, Scan as ScanIcon, ScanLine as ScanLineIcon, Search as SearchIcon, Settings as SettingsIcon, Share as ShareIcon, ShieldCheck as ShieldCheckIcon, Shield as ShieldIcon, ShieldPlus as ShieldPlusIcon, Sliders as SlidersIcon, Sparkle as SparkleIcon, Star as StarIcon, Stethoscope as StethoscopeIcon, StickyNote as StickyNoteIcon, Sun as SunIcon, Syringe as SyringeIcon, Table as TableIcon, Tablets as TabletsIcon, Tag as TagIcon, TestTube2 as TestTubeIcon, TestTubes as TestTubesIcon, Thermometer as ThermometerIcon, ThermometerSun as ThermometerSunIcon, ThumbsDown as ThumbsDownIcon, ThumbsUp as ThumbsUpIcon, Timer as TimerIcon, Trash2 as TrashIcon, TrendingDown as TrendingDownIcon, TrendingUp as TrendingUpIcon, Truck as TruckIcon, Unlock as UnlockIcon, Upload as UploadIcon, UserCheck as UserCheckIcon, User as UserIcon, UserMinus as UserMinusIcon, UserPlus as UserPlusIcon, UserRoundCheck as UserRoundCheckIcon, UserRoundMinus as UserRoundMinusIcon, UserRoundPlus as UserRoundPlusIcon, UserRoundX as UserRoundXIcon, Users as UsersIcon, Weight as WeightIcon, Wrench as WrenchIcon, XCircle as XCircleIcon, X2 as XIcon, Zap as ZapIcon } from './chunk-3PXOIAF6.js';
 import { Button, buttonVariants } from './chunk-D2GID3YK.js';
 export { Button, buttonVariants } from './chunk-D2GID3YK.js';
@@ -127,7 +128,6 @@ import { cn } from './chunk-TQONQSJO.js';
 export { cn, miewebUITwMergeConflicts } from './chunk-TQONQSJO.js';
 import { isStorybookDocsMode } from './chunk-VSQF22GL.js';
 export { isStorybookDocsMode } from './chunk-VSQF22GL.js';
-export { miewebUIPreset, miewebUISafelist } from './chunk-TH5GXHVQ.js';
 import * as React10 from 'react';
 import React10__default, { createContext, useState, useEffect, useCallback, useMemo, useContext, useRef } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -11294,6 +11294,9 @@ var defaultCaseManagementHeaderLabels = {
   daysOpenTerm: "Days Open",
   mrn: "MRN",
   dob: "DOB",
+  formatAge: (age) => `(${age} y.o.)`,
+  addCaseNote: "Add Case Note",
+  closeCase: "Close Case",
   back: "Go back",
   expandDetails: "Show case details",
   collapseDetails: "Hide case details",
@@ -11310,6 +11313,37 @@ function computeDaysOpen(openedDate) {
 function BarDivider() {
   return /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "bg-border h-4 w-px shrink-0" });
 }
+function HeaderActionButton({
+  label,
+  mobileIcon,
+  desktopLeftIcon,
+  onClick
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "icon",
+        onClick,
+        "aria-label": label,
+        className: "h-8 w-8 md:hidden",
+        children: mobileIcon
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        onClick,
+        leftIcon: desktopLeftIcon,
+        className: "hidden md:inline-flex",
+        children: label
+      }
+    )
+  ] });
+}
 var CaseContextBar = React10.forwardRef(
   ({
     caseInfo,
@@ -11385,6 +11419,8 @@ var CaseManagementHeader = React10.forwardRef(
     sticky = false,
     showBackButton = false,
     onBack,
+    onAddCaseNote,
+    onCloseCase,
     actions,
     editingUsers,
     collabStatus,
@@ -11461,10 +11497,39 @@ var CaseManagementHeader = React10.forwardRef(
                     /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-sm whitespace-nowrap", children: [
                       l.dob,
                       ": ",
-                      patient.dob ?? l.emptyValue
+                      patient.dob ?? l.emptyValue,
+                      patient.age != null && ` ${l.formatAge(patient.age)}`
                     ] })
                   ] }),
-                  actions && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-2", children: actions }),
+                  (onAddCaseNote || onCloseCase || actions) && // Horizontal always: long labels truncate (Button's built-in
+                  // ellipsis) instead of stacking or starving the identity block.
+                  /* @__PURE__ */ jsxs(
+                    ButtonGroup,
+                    {
+                      orientation: "horizontal",
+                      className: "max-w-[60%] min-w-0 gap-2",
+                      children: [
+                        onAddCaseNote && /* @__PURE__ */ jsx(
+                          HeaderActionButton,
+                          {
+                            label: l.addCaseNote,
+                            mobileIcon: /* @__PURE__ */ jsx(FilePlus, { size: 16 }),
+                            desktopLeftIcon: /* @__PURE__ */ jsx(Plus, { size: 16 }),
+                            onClick: onAddCaseNote
+                          }
+                        ),
+                        onCloseCase && /* @__PURE__ */ jsx(
+                          HeaderActionButton,
+                          {
+                            label: l.closeCase,
+                            mobileIcon: /* @__PURE__ */ jsx(CheckCircle, { size: 16 }),
+                            onClick: onCloseCase
+                          }
+                        ),
+                        actions
+                      ]
+                    }
+                  ),
                   hasDetails && /* @__PURE__ */ jsx(
                     Button,
                     {