@mieweb/ui 0.7.1-dev.14 → 0.7.1-dev.16

package/dist/index.js

@@ -26,19 +26,19 @@ 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-QEBVYLI7.js';
-export { AILogoIcon, AIMessageDisplay, AITypingIndicator, ChatBubble, ChevronIcon, CloseIcon, CollapsiblePill, MCPToolCallDisplay, MessageAvatar, RefreshIcon, ResourceLink, SendIcon, SparklesIcon, SpinnerIcon, ToolStatusIcon, getToolIcon } from './chunk-QEBVYLI7.js';
-import { EmptyState } from './chunk-MHD5HZ4X.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-MHD5HZ4X.js';
-import { MessageComposer } from './chunk-IXWRD4AP.js';
-export { AttachmentPicker, AttachmentPreviewItem, CameraButton, CharacterCounter, DragDropZone, MessageComposer, SendButton, generateAttachmentId, getFileType, sendButtonVariants, validateFile } from './chunk-IXWRD4AP.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 { PhoneInput, PhoneInputGroup } from './chunk-3D4ITDLO.js';
 import { Progress } from './chunk-CEQJGUAS.js';
 export { CircularProgress, Progress, circularProgressVariants, progressBarFillVariants, progressBarTrackVariants } from './chunk-CEQJGUAS.js';
 export { QuickAction, QuickActionGroup, QuickActionIcons, quickActionIconVariants, quickActionVariants } from './chunk-5U6GETAW.js';
 import { RecordButton } from './chunk-VNWJTCBQ.js';
 export { RecordButton, formatDuration, recordButtonVariants } from './chunk-VNWJTCBQ.js';
-export { RichTextEditor, convertAngleBracketsToMustache, processDictation } from './chunk-UXBRRSJ6.js';
+export { RichTextEditor, convertAngleBracketsToMustache, processDictation } from './chunk-5BDCQBYW.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';
@@ -49,7 +49,7 @@ export { HtmlPreviewBlock } from './chunk-MWPPOX6F.js';
 export { MermaidBlock } from './chunk-NU6QKULE.js';
 export { SurveyBlock } from './chunk-VE6OUO7X.js';
 export { FenceBlock } from './chunk-RZFSJD67.js';
-export { FillerWordsModal, MediaEditor, SilenceSettingsModal, SpeedMarkerMenu, WordEditorModal } from './chunk-I2BKK3AQ.js';
+export { FillerWordsModal, MediaEditor, SilenceSettingsModal, SpeedMarkerMenu, WordEditorModal } from './chunk-NGLI2MSM.js';
 export { Slider, sliderRangeVariants, sliderThumbVariants, sliderTrackVariants } from './chunk-OTQ72WX3.js';
 import './chunk-RISZWWEQ.js';
 export { MediaPlayer, inferMediaKind, mediaPlayerVariants } from './chunk-PS5INHGC.js';
@@ -59,24 +59,24 @@ 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-JJNCQMR5.js';
-import { Dropdown, DropdownItem, DropdownSeparator, DropdownHeader } from './chunk-GDBPFHNX.js';
-export { Dropdown, DropdownContent, DropdownHeader, DropdownItem, DropdownLabel, DropdownSeparator } from './chunk-GDBPFHNX.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';
 import { Alert, AlertTitle, AlertDescription } from './chunk-6EWJGRC3.js';
 export { Alert, AlertDescription, AlertTitle, alertVariants } from './chunk-6EWJGRC3.js';
 import { AlertDialog } from './chunk-H3HF36ZL.js';
 export { AlertDialog } from './chunk-H3HF36ZL.js';
 export { AudioPlayer, ProgressBar, audioPlayerVariants, formatTime as formatAudioTime, playButtonVariants } from './chunk-XO3WLK65.js';
 export { AudioRecorder, audioRecorderVariants, controlButtonVariants, formatTime, waveformContainerVariants } from './chunk-2DW4PUJD.js';
-export { Autocomplete } from './chunk-IS5PNYR7.js';
+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-477Z2DYN.js';
-export { ALLERGY_TYPE_LABELS, AllergyList, AllergyManager, CodeLookupProvider, MEDICATION_STATUS_LABELS, MedicationEditor, MedicationList, MedicationReconciliation, RowActionToolbar, RowIconButton, labelToMedicationFields, lookupToMedicationFields, parseMedicationLabel, parseSig, toolbarKeyNav, useCodeLookupConfig } from './chunk-477Z2DYN.js';
+import { useCodeLookupConfig, RowActionToolbar, RowIconButton, toolbarKeyNav, parseSig, labelToMedicationFields, MedicationEditor } from './chunk-QOBNYNKZ.js';
+export { ALLERGY_TYPE_LABELS, AllergyList, AllergyManager, CodeLookupProvider, MEDICATION_STATUS_LABELS, MedicationEditor, MedicationList, MedicationReconciliation, RowActionToolbar, RowIconButton, labelToMedicationFields, lookupToMedicationFields, parseMedicationLabel, parseSig, toolbarKeyNav, useCodeLookupConfig } from './chunk-QOBNYNKZ.js';
 import { Textarea } from './chunk-AFGADE3B.js';
 export { Textarea, textareaVariants } from './chunk-AFGADE3B.js';
 import { Tooltip } from './chunk-FJ7YPVKV.js';
@@ -85,12 +85,12 @@ import { RadioGroup, Radio } from './chunk-QUUBTNMH.js';
 export { Radio, RadioGroup, radioVariants } from './chunk-QUUBTNMH.js';
 import { Label } from './chunk-I3WGZPI6.js';
 export { Label, labelVariants } from './chunk-I3WGZPI6.js';
-import { Select } from './chunk-34LGPMO4.js';
-export { Select, selectTriggerVariants } from './chunk-34LGPMO4.js';
+import { Select } from './chunk-DLBV42JD.js';
+export { Select, selectTriggerVariants } from './chunk-DLBV42JD.js';
 import { Card, CardHeader, CardContent, CardTitle } from './chunk-QYSUYB3S.js';
 export { Card, CardActions, CardBadge, CardCollapsible, CardContent, CardDescription, CardDivider, CardFooter, CardHeader, CardMedia, CardStat, CardTitle, cardAccentVariants, cardVariants } from './chunk-QYSUYB3S.js';
-import { DateInput } from './chunk-4G3NJLQA.js';
-export { DateInput } from './chunk-4G3NJLQA.js';
+import { DateInput } from './chunk-RGRSJYZF.js';
+export { DateInput } from './chunk-RGRSJYZF.js';
 import { Modal, ModalHeader, ModalTitle, ModalClose, ModalBody, ModalFooter } from './chunk-XMCIXHGH.js';
 export { Modal, ModalBody, ModalClose, ModalFooter, ModalHeader, ModalTitle, modalContentVariants, modalOverlayVariants } from './chunk-XMCIXHGH.js';
 import { Input, inputVariants } from './chunk-YXCE2HSK.js';
@@ -116,8 +116,8 @@ import { useEscapeKey } from './chunk-T4ME7QCT.js';
 export { useEscapeKey } from './chunk-T4ME7QCT.js';
 import { useClickOutside } from './chunk-62ZOA6PX.js';
 export { useClickOutside } from './chunk-62ZOA6PX.js';
-import { useAnchoredPosition } from './chunk-QA6ZDHFP.js';
-export { useAnchoredPosition } from './chunk-QA6ZDHFP.js';
+import { useAnchoredPosition } from './chunk-BOOJDRJO.js';
+export { useAnchoredPosition } from './chunk-BOOJDRJO.js';
 import './chunk-7XUN3OQT.js';
 export { formatPhoneNumber, isPhoneNumberEmpty, isValidPhoneNumber, unformatPhoneNumber } from './chunk-ZVPJ2MH6.js';
 export { isHtmlEmpty, stripHtmlTags } from './chunk-ERLPVXOV.js';
@@ -134,7 +134,7 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
 import * as ReactDOM from 'react-dom';
 import { createPortal } from 'react-dom';
-import { FileUp, X, AlertCircle as AlertCircle$1, Calendar as Calendar$1, ChevronLeft, ChevronRight as ChevronRight$1, ChevronDown as ChevronDown$1, FolderUp, Upload, Edit2, Check, ChevronUp as ChevronUp$1, Phone as Phone$1, Mail as Mail$1, Clock as Clock$1, MapPin, Shield, Building2, SlidersHorizontal, Trash2 as Trash2$1, Pencil as Pencil$1, Plus as Plus$1, Link as Link$1, AlertTriangle as AlertTriangle$1, RefreshCw as RefreshCw$1 } from 'lucide-react';
+import { FileUp, X, AlertCircle as AlertCircle$1, ChevronUp as ChevronUp$1, Check, Calendar as Calendar$1, ChevronLeft, ChevronRight as ChevronRight$1, ChevronDown as ChevronDown$1, FolderUp, Upload, Edit2, Phone as Phone$1, Mail as Mail$1, Clock as Clock$1, MapPin, Shield, Building2, SlidersHorizontal, Trash2 as Trash2$1, Pencil as Pencil$1, Plus as Plus$1, Link as Link$1, AlertTriangle as AlertTriangle$1, RefreshCw as RefreshCw$1 } from 'lucide-react';
 
 var SEX_OPTIONS = [
   { value: "F", label: "Female" },
@@ -1470,7 +1470,8 @@ function AIChat({
   onCancel,
   onClear,
   onClose,
-  renderTextContent
+  renderTextContent,
+  renderMessageFooter
 }) {
   const messagesEndRef = React10.useRef(null);
   const messages = React10.useMemo(
@@ -1584,7 +1585,8 @@ function AIChat({
                   userName,
                   showTimestamp: showTimestamps,
                   onLinkClick: handleLinkClick,
-                  renderTextContent
+                  renderTextContent,
+                  renderMessageFooter
                 },
                 message.id
               )),
@@ -5578,6 +5580,329 @@ function VisitScribe({
     }
   );
 }
+var MENU_OFFSET_PX = 6;
+var MENU_MAX_HEIGHT_PX = 320;
+function optionKey(option) {
+  return `${option.provider}\0${option.model}`;
+}
+function renderedOptionKey(option, index) {
+  return `${option.id ?? optionKey(option)}\0${index}`;
+}
+function groupByProvider(models) {
+  const groups = /* @__PURE__ */ new Map();
+  for (const model of models) {
+    const group = groups.get(model.provider);
+    if (group) {
+      group.push(model);
+    } else {
+      groups.set(model.provider, [model]);
+    }
+  }
+  return Array.from(groups, ([provider, options]) => ({ provider, options }));
+}
+function getProviderLabel(models, provider) {
+  return models.find((model) => model.provider === provider && model.providerLabel)?.providerLabel ?? provider;
+}
+function ComposerModelSelector({
+  models,
+  value,
+  providerFilter,
+  onProviderFilterChange,
+  onChange,
+  disabled = false,
+  className,
+  boundaryRef,
+  placeholder = "Model",
+  anyLabel = "Any",
+  emptyLabel = "No models",
+  ariaLabel = "Model"
+}) {
+  const [open, setOpen] = React10.useState(false);
+  const [internalProviderFilter, setInternalProviderFilter] = React10.useState(null);
+  const [highlightedIndex, setHighlightedIndex] = React10.useState(0);
+  const listRef = React10.useRef(null);
+  const menuId = React10.useId();
+  const {
+    anchorRef: triggerRef,
+    floatingRef: menuRef,
+    style: menuStyle
+  } = useAnchoredPosition({
+    open,
+    placement: "top-start",
+    offset: MENU_OFFSET_PX,
+    matchMinWidth: true,
+    maxHeight: MENU_MAX_HEIGHT_PX,
+    allowFlip: false,
+    boundaryRef
+  });
+  const activeProviderFilter = providerFilter === void 0 ? internalProviderFilter : providerFilter;
+  const selectedKey = value ? optionKey(value) : null;
+  const selectedOption = models.find(
+    (model) => optionKey(model) === selectedKey
+  );
+  const providers = React10.useMemo(
+    () => Array.from(new Set(models.map((model) => model.provider))),
+    [models]
+  );
+  const providerLabels = React10.useMemo(
+    () => new Map(
+      providers.map((provider) => [
+        provider,
+        getProviderLabel(models, provider)
+      ])
+    ),
+    [models, providers]
+  );
+  const filteredModels = React10.useMemo(
+    () => activeProviderFilter === null ? models : models.filter((model) => model.provider === activeProviderFilter),
+    [activeProviderFilter, models]
+  );
+  const groupedModels = React10.useMemo(
+    () => groupByProvider(filteredModels),
+    [filteredModels]
+  );
+  const groupedRenderedModels = React10.useMemo(() => {
+    let index = 0;
+    return groupedModels.map((group) => ({
+      provider: group.provider,
+      options: group.options.map((option) => {
+        const rendered = {
+          option,
+          index,
+          key: renderedOptionKey(option, index)
+        };
+        index += 1;
+        return rendered;
+      })
+    }));
+  }, [groupedModels]);
+  const renderedModels = React10.useMemo(
+    () => groupedRenderedModels.flatMap((group) => group.options),
+    [groupedRenderedModels]
+  );
+  const getOptionId = React10.useCallback(
+    (index) => `${menuId}-option-${index}`,
+    [menuId]
+  );
+  const activeOptionId = open && renderedModels[highlightedIndex] ? getOptionId(highlightedIndex) : void 0;
+  const selectedRenderedIndex = React10.useMemo(
+    () => selectedKey ? renderedModels.findIndex(
+      (renderedModel) => optionKey(renderedModel.option) === selectedKey
+    ) : -1,
+    [renderedModels, selectedKey]
+  );
+  const setProvider = React10.useCallback(
+    (provider) => {
+      if (providerFilter === void 0) {
+        setInternalProviderFilter(provider);
+      }
+      onProviderFilterChange?.(provider);
+    },
+    [onProviderFilterChange, providerFilter]
+  );
+  const close = React10.useCallback(
+    (restoreFocus = true) => {
+      setOpen(false);
+      if (restoreFocus) {
+        triggerRef.current?.focus({ preventScroll: true });
+      }
+    },
+    [triggerRef]
+  );
+  const selectModel = React10.useCallback(
+    (model) => {
+      onChange({ provider: model.provider, model: model.model });
+      close();
+    },
+    [close, onChange]
+  );
+  const outsideRefs = React10.useMemo(
+    () => [triggerRef, menuRef],
+    [triggerRef, menuRef]
+  );
+  useClickOutside(outsideRefs, () => close(false), open);
+  useEscapeKey(close, open);
+  React10.useEffect(() => {
+    if (!open) return;
+    setHighlightedIndex(selectedRenderedIndex >= 0 ? selectedRenderedIndex : 0);
+  }, [activeProviderFilter, open, selectedRenderedIndex]);
+  React10.useEffect(() => {
+    if (!open) return;
+    setHighlightedIndex(
+      (current) => Math.min(current, Math.max(renderedModels.length - 1, 0))
+    );
+  }, [open, renderedModels.length]);
+  React10.useEffect(() => {
+    if (!open) return;
+    requestAnimationFrame(
+      () => listRef.current?.focus({ preventScroll: true })
+    );
+  }, [open]);
+  const handleTriggerKeyDown = (event) => {
+    if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+      event.preventDefault();
+      setOpen(true);
+    }
+  };
+  const handleMenuKeyDown = (event) => {
+    if (renderedModels.length === 0) return;
+    if (event.key === "ArrowDown") {
+      event.preventDefault();
+      setHighlightedIndex((current) => (current + 1) % renderedModels.length);
+    }
+    if (event.key === "ArrowUp") {
+      event.preventDefault();
+      setHighlightedIndex(
+        (current) => (current - 1 + renderedModels.length) % renderedModels.length
+      );
+    }
+    if (event.key === "Home") {
+      event.preventDefault();
+      setHighlightedIndex(0);
+    }
+    if (event.key === "End") {
+      event.preventDefault();
+      setHighlightedIndex(renderedModels.length - 1);
+    }
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      const highlightedModel = renderedModels[highlightedIndex]?.option;
+      if (highlightedModel) {
+        selectModel(highlightedModel);
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref: triggerRef,
+        type: "button",
+        disabled,
+        "aria-haspopup": "listbox",
+        "aria-expanded": open,
+        "aria-controls": open ? menuId : void 0,
+        onClick: () => setOpen((current) => !current),
+        onKeyDown: handleTriggerKeyDown,
+        "data-slot": "composer-model-selector-trigger",
+        className: cn(
+          "inline-flex h-8 max-w-full items-center gap-1.5 rounded-full border px-2.5 text-sm font-medium",
+          "border-border bg-background text-foreground shadow-sm",
+          "hover:bg-muted/50",
+          "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: selectedOption?.label ?? selectedOption?.model ?? placeholder }),
+          /* @__PURE__ */ jsx(ChevronUp$1, { "aria-hidden": "true", className: "h-3.5 w-3.5 shrink-0" })
+        ]
+      }
+    ),
+    open && createPortal(
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref: menuRef,
+          style: menuStyle,
+          "data-slot": "composer-model-selector-menu",
+          className: cn(
+            "border-border bg-card text-card-foreground flex w-80 max-w-full flex-col rounded-lg border shadow-lg",
+            "animate-in fade-in overflow-hidden duration-100"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                "data-slot": "composer-model-selector-provider-filter",
+                className: "border-border flex min-h-9 items-center gap-1 overflow-x-auto overflow-y-hidden border-b p-2",
+                children: [null, ...providers].map((provider) => {
+                  const selected = activeProviderFilter === provider;
+                  return /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-pressed": selected,
+                      onMouseDown: (event) => event.preventDefault(),
+                      onClick: () => setProvider(provider),
+                      className: cn(
+                        "inline-flex h-6 shrink-0 items-center justify-center rounded-full px-2.5 text-xs font-medium whitespace-nowrap transition-colors",
+                        "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none",
+                        selected ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted hover:text-foreground"
+                      ),
+                      children: provider === null ? anyLabel : providerLabels.get(provider) ?? provider
+                    },
+                    provider ?? "all-providers"
+                  );
+                })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                ref: listRef,
+                id: menuId,
+                role: "listbox",
+                "aria-label": ariaLabel,
+                "aria-activedescendant": activeOptionId,
+                tabIndex: -1,
+                onKeyDown: handleMenuKeyDown,
+                className: "min-h-0 flex-1 overflow-y-auto p-1",
+                children: groupedModels.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-muted-foreground px-3 py-4 text-center text-sm", children: emptyLabel }) : groupedRenderedModels.map((group) => /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    role: "group",
+                    "aria-label": providerLabels.get(group.provider) ?? group.provider,
+                    children: [
+                      /* @__PURE__ */ jsx("div", { className: "text-muted-foreground px-3 py-1.5 text-xs font-semibold uppercase", children: providerLabels.get(group.provider) ?? group.provider }),
+                      group.options.map((renderedModel) => {
+                        const { index, key, option: model } = renderedModel;
+                        const selected = optionKey(model) === selectedKey;
+                        const highlighted = index === highlightedIndex;
+                        return /* @__PURE__ */ jsxs(
+                          "button",
+                          {
+                            id: getOptionId(index),
+                            type: "button",
+                            role: "option",
+                            "aria-selected": selected,
+                            onMouseDown: (event) => event.preventDefault(),
+                            onClick: () => selectModel(model),
+                            onMouseEnter: () => setHighlightedIndex(index),
+                            className: cn(
+                              "flex w-full items-center gap-2 rounded-md px-3 py-2 text-start text-sm",
+                              "focus-visible:ring-ring transition-colors focus-visible:ring-2 focus-visible:outline-none",
+                              highlighted && "bg-muted",
+                              selected && "bg-primary/10 text-primary"
+                            ),
+                            children: [
+                              /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: model.label ?? model.model }),
+                              selected && /* @__PURE__ */ jsx(
+                                Check,
+                                {
+                                  "aria-hidden": "true",
+                                  className: "text-primary h-4 w-4 shrink-0"
+                                }
+                              )
+                            ]
+                          },
+                          key
+                        );
+                      })
+                    ]
+                  },
+                  group.provider
+                ))
+              }
+            )
+          ]
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+ComposerModelSelector.displayName = "ComposerModelSelector";
 function normalizeString(value) {
   return value.trim().replace(/\s+/g, " ").toLowerCase();
 }
@@ -42772,6 +43097,6 @@ function WebsiteInputGroup({
 }
 WebsiteInputGroup.displayName = "WebsiteInputGroup";
 
-export { AIChat, AIChatModal, AIChatTrigger, AIReconciliationPanel, AccessDeniedPage, ActionButton2 as ActionButton, ActionButtonsBar, ActiveFilters, AddContactModal, AddServiceCard, AdditionalFields, Address, AddressCard, AddressCompact, AddressDisplay, AddressForm, AddressInline, AppHeader, AppHeaderActions, AppHeaderBrand, AppHeaderDivider, AppHeaderIconButton, AppHeaderSearch, AppHeaderSection, AppHeaderTitle, AppHeaderUserMenu, Assessment, AuthButtons, AuthDialog, BookAppointmentButton, BookingDialog, BusinessHours, BusinessHoursEditor, CHANGE_TYPE_LABELS, CONCERN_STATUS_LABELS, CSVColumnMapper, CSVFileUpload, CardSkeleton, CheckrIntegration, ClaimListingButton, ClaimProviderForm, CodingChips, CommandPalette, CommandPaletteProvider, CommandPaletteTrigger, CompactCookieBanner, CompactFilterBar, CompactHeader, CompactHours, CompactProviderHeader, ConditionEditor, ConnectionStatusBadge, ConnectionStatusBar, ConnectionStatusOverlay, ConsentSwitch, CookieConsentBanner, CopyrightText, CountBadge, CreateInvoiceModal, CreateReferralModal, DEFAULT_ERROR_CONFIGS, DEFAULT_LANGUAGES, DEFAULT_RADIUS_OPTIONS, DEFAULT_SOCIAL_PROVIDERS, DOTBadge, DashboardWidget, DashboardWidgetActions, DashboardWidgetDataCards, DashboardWidgetInfo, DashboardWidgetTable, DateRangeFilter, DateRangePicker, DialogOverlay, DisclaimerText, DocumentDetectionOverlay, DocumentScanner, DropZone, DropzoneOverlay, EditUserRoleModal, EmployeeForm, EmployeeProfileCard, EmployerContactCard, EmployerList, EmployerPricingCard, EmployerServiceModal, EmployerView, ErrorPage, FileManager, FilePreview, FloatingAIChat, FloatingInput, FooterLinkSection, SocialMediaLinks2 as FooterSocialLinks, HRISProviderSelector, HandsFreeChat, HealthSurveillance, HelpSupportPanel, HeroSearchBar, HeyOzwell, HeyOzwellToggle, HoursSummary, ImagingOrderEditor, InlineBookingForm, InventoryManager, InviteUserModal, InvoiceList, InvoicePaymentPage, InvoiceView, LabOrderEditor, LanguageSelector, LanguageSelectorInline, LanguageSelectorNative, LegalLinks, LoadingBar, LoadingDots, LoadingOverlay, LoadingPage, LoadingSkeleton, MODEL_MANIFEST, MaintenancePage, MobileBackButton, MobileMenuButton, MobileMenuPanel, ModelInfoList, NavLinks, NewsletterForm, NotFoundPage, NotificationCenter, ORDER_TYPE_META, ORDER_TYPE_SEARCH_DOMAINS, OfflinePage, OnboardingCompletion, OnboardingStepQuestion, OnboardingWizard, OpenStatusBadge, OrderCard, OrderConfirmation, OrderConfirmationWizard, OrderDetailSidebar, OrderEditor, OrderList, OrderLookupForm, OrderSidebar, OrderSidebarTabs, OzwellSettingsMenu, PageHeader, PatientHeader, PaymentHistoryTable, PaymentMethodBank, PaymentMethodCard, PaymentMethodList, PendingClaimsTable, PermissionsEditor, PillSelect, PresentingProblems, ProblemList, ProcedureOrderEditor, ProductVersion, ProductVersionBadge, Breadcrumb2 as ProviderBreadcrumb, ProviderCard, ProviderCardGrid, ProviderCardSkeleton, ProviderDetailHeader, ProviderDetailHeaderSkeleton, ProviderLogo2 as ProviderLogo, ProviderOverview, ProviderSearchBar, ProviderSearchFilters, ProviderSelector, ProviderSettings, SocialMediaLinks as ProviderSocialLinks, ProviderUsersTable, QuickBookCard, QuickLinksCard, RELEVANCE_LABELS, RecurringServiceAddCard, RecurringServiceCard, RecurringServiceGrid, RecurringServiceSetupModal, ReferralEditor, RejectionModal, ReportDashboard, ReportDatePicker, ReportLink, ReportTimeRange, ResultsEntryCard, ResultsEntryForm, ResultsEntryModal, SSOConfigForm, ScheduleCalendar, SearchResultsMessage, SelectedServicesBadges, ServerErrorPage, ServiceAccordion, ServiceBadge, ServiceBadgeGroup, ServiceCard, ServiceCategoryBadge, ServiceGeneralSettings, ServiceGrid, ServiceLink, ServiceList, ServiceMultiSelect, ServicePicker, ServicePricingManager, ServiceSelect, ServiceShippingSettings, ServiceTagCloud, ServiceTagCloudBadges, SetupServiceModal, Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarMobileToggle, SidebarNav, SidebarNavGroup, SidebarNavItem, SidebarProvider, SidebarSearch, SidebarToggle, SimpleFooter, SiteFooter, SiteHeader, SiteLogo, StepIndicator, StripeBadge, StripeSecureBadge, SuggestedActions, TableOfContents, TimelineEventList, TimelineProgress, Toast, ToastContainer, ToastProvider, UncertaintyBadge, UpdateAvailableOverlay, UserMenu, VerifiedBadge2 as VerifiedBadge, VisitScribe, VoiceManager, VoiceSetup, WEBSITE_TYPES, WebChartReportViewer, WebcamModal, WebsiteInput, WebsiteInputGroup, askOzwell, askOzwellStream, attributeSegments, calculateDateRange, centroid, chime, clearVoiceprints, clearWhatPrints, clusterEmbeddings, concernGroupKey, concernHistoryContent, cosine, countBadgeVariants, countChipVariants, create24HourSchedule, createDefaultSchedule, createWeekdaySchedule, currentAssertion, decodeTo16kMono, defaultOrderTabs, defaultReconciliationIsEqual, endsWithDone, formatAddressLines, formatAddressSingleLine, formatCityState, formatCityStateZip, generateId, getDefaultPresets, getDictationLoad, getExtendedPresets, getGoogleMapsSearchUrl, getGoogleMapsUrl, getOzwellConfig, getVoiceprints, getWakeWarm, inferSpeakerRoles, isConditionCodetype, isOzwellConfigured, isValidUrl, isWhisperLoaded, labelClusters, loadWhatPrints, medicationToOrder, mergeTurns, openRollingRecorder, orderToMedication, orderTypeForCodetype, panelVariants as reconciliationPanelVariants, saveWhatPrints, setVoiceprints, stripStopPhrase, subscribeDictationLoad, subscribeWakeWarm, toOzwellMessages, transcribeBlob, transcribeGate, transcribeSamples, transcribeSegments, transcribeServer, trimTrailingStopPhrase, useCamera, useCommandPalette, useConnectionStatus, useCookieConsent, useDiarization, useDocumentDetection, useDropzone, useFileUpload, useHeyOzwell, useSidebar, useSpeakerVerify, useToast, useVisitScribe, useVoiceSetup, useWakeWord, warmStopGate, warmWakeModels, warmWhisper, widgetVariants };
+export { AIChat, AIChatModal, AIChatTrigger, AIReconciliationPanel, AccessDeniedPage, ActionButton2 as ActionButton, ActionButtonsBar, ActiveFilters, AddContactModal, AddServiceCard, AdditionalFields, Address, AddressCard, AddressCompact, AddressDisplay, AddressForm, AddressInline, AppHeader, AppHeaderActions, AppHeaderBrand, AppHeaderDivider, AppHeaderIconButton, AppHeaderSearch, AppHeaderSection, AppHeaderTitle, AppHeaderUserMenu, Assessment, AuthButtons, AuthDialog, BookAppointmentButton, BookingDialog, BusinessHours, BusinessHoursEditor, CHANGE_TYPE_LABELS, CONCERN_STATUS_LABELS, CSVColumnMapper, CSVFileUpload, CardSkeleton, CheckrIntegration, ClaimListingButton, ClaimProviderForm, CodingChips, CommandPalette, CommandPaletteProvider, CommandPaletteTrigger, CompactCookieBanner, CompactFilterBar, CompactHeader, CompactHours, CompactProviderHeader, ComposerModelSelector, ConditionEditor, ConnectionStatusBadge, ConnectionStatusBar, ConnectionStatusOverlay, ConsentSwitch, CookieConsentBanner, CopyrightText, CountBadge, CreateInvoiceModal, CreateReferralModal, DEFAULT_ERROR_CONFIGS, DEFAULT_LANGUAGES, DEFAULT_RADIUS_OPTIONS, DEFAULT_SOCIAL_PROVIDERS, DOTBadge, DashboardWidget, DashboardWidgetActions, DashboardWidgetDataCards, DashboardWidgetInfo, DashboardWidgetTable, DateRangeFilter, DateRangePicker, DialogOverlay, DisclaimerText, DocumentDetectionOverlay, DocumentScanner, DropZone, DropzoneOverlay, EditUserRoleModal, EmployeeForm, EmployeeProfileCard, EmployerContactCard, EmployerList, EmployerPricingCard, EmployerServiceModal, EmployerView, ErrorPage, FileManager, FilePreview, FloatingAIChat, FloatingInput, FooterLinkSection, SocialMediaLinks2 as FooterSocialLinks, HRISProviderSelector, HandsFreeChat, HealthSurveillance, HelpSupportPanel, HeroSearchBar, HeyOzwell, HeyOzwellToggle, HoursSummary, ImagingOrderEditor, InlineBookingForm, InventoryManager, InviteUserModal, InvoiceList, InvoicePaymentPage, InvoiceView, LabOrderEditor, LanguageSelector, LanguageSelectorInline, LanguageSelectorNative, LegalLinks, LoadingBar, LoadingDots, LoadingOverlay, LoadingPage, LoadingSkeleton, MODEL_MANIFEST, MaintenancePage, MobileBackButton, MobileMenuButton, MobileMenuPanel, ModelInfoList, NavLinks, NewsletterForm, NotFoundPage, NotificationCenter, ORDER_TYPE_META, ORDER_TYPE_SEARCH_DOMAINS, OfflinePage, OnboardingCompletion, OnboardingStepQuestion, OnboardingWizard, OpenStatusBadge, OrderCard, OrderConfirmation, OrderConfirmationWizard, OrderDetailSidebar, OrderEditor, OrderList, OrderLookupForm, OrderSidebar, OrderSidebarTabs, OzwellSettingsMenu, PageHeader, PatientHeader, PaymentHistoryTable, PaymentMethodBank, PaymentMethodCard, PaymentMethodList, PendingClaimsTable, PermissionsEditor, PillSelect, PresentingProblems, ProblemList, ProcedureOrderEditor, ProductVersion, ProductVersionBadge, Breadcrumb2 as ProviderBreadcrumb, ProviderCard, ProviderCardGrid, ProviderCardSkeleton, ProviderDetailHeader, ProviderDetailHeaderSkeleton, ProviderLogo2 as ProviderLogo, ProviderOverview, ProviderSearchBar, ProviderSearchFilters, ProviderSelector, ProviderSettings, SocialMediaLinks as ProviderSocialLinks, ProviderUsersTable, QuickBookCard, QuickLinksCard, RELEVANCE_LABELS, RecurringServiceAddCard, RecurringServiceCard, RecurringServiceGrid, RecurringServiceSetupModal, ReferralEditor, RejectionModal, ReportDashboard, ReportDatePicker, ReportLink, ReportTimeRange, ResultsEntryCard, ResultsEntryForm, ResultsEntryModal, SSOConfigForm, ScheduleCalendar, SearchResultsMessage, SelectedServicesBadges, ServerErrorPage, ServiceAccordion, ServiceBadge, ServiceBadgeGroup, ServiceCard, ServiceCategoryBadge, ServiceGeneralSettings, ServiceGrid, ServiceLink, ServiceList, ServiceMultiSelect, ServicePicker, ServicePricingManager, ServiceSelect, ServiceShippingSettings, ServiceTagCloud, ServiceTagCloudBadges, SetupServiceModal, Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarMobileToggle, SidebarNav, SidebarNavGroup, SidebarNavItem, SidebarProvider, SidebarSearch, SidebarToggle, SimpleFooter, SiteFooter, SiteHeader, SiteLogo, StepIndicator, StripeBadge, StripeSecureBadge, SuggestedActions, TableOfContents, TimelineEventList, TimelineProgress, Toast, ToastContainer, ToastProvider, UncertaintyBadge, UpdateAvailableOverlay, UserMenu, VerifiedBadge2 as VerifiedBadge, VisitScribe, VoiceManager, VoiceSetup, WEBSITE_TYPES, WebChartReportViewer, WebcamModal, WebsiteInput, WebsiteInputGroup, askOzwell, askOzwellStream, attributeSegments, calculateDateRange, centroid, chime, clearVoiceprints, clearWhatPrints, clusterEmbeddings, concernGroupKey, concernHistoryContent, cosine, countBadgeVariants, countChipVariants, create24HourSchedule, createDefaultSchedule, createWeekdaySchedule, currentAssertion, decodeTo16kMono, defaultOrderTabs, defaultReconciliationIsEqual, endsWithDone, formatAddressLines, formatAddressSingleLine, formatCityState, formatCityStateZip, generateId, getDefaultPresets, getDictationLoad, getExtendedPresets, getGoogleMapsSearchUrl, getGoogleMapsUrl, getOzwellConfig, getVoiceprints, getWakeWarm, inferSpeakerRoles, isConditionCodetype, isOzwellConfigured, isValidUrl, isWhisperLoaded, labelClusters, loadWhatPrints, medicationToOrder, mergeTurns, openRollingRecorder, orderToMedication, orderTypeForCodetype, panelVariants as reconciliationPanelVariants, saveWhatPrints, setVoiceprints, stripStopPhrase, subscribeDictationLoad, subscribeWakeWarm, toOzwellMessages, transcribeBlob, transcribeGate, transcribeSamples, transcribeSegments, transcribeServer, trimTrailingStopPhrase, useCamera, useCommandPalette, useConnectionStatus, useCookieConsent, useDiarization, useDocumentDetection, useDropzone, useFileUpload, useHeyOzwell, useSidebar, useSpeakerVerify, useToast, useVisitScribe, useVoiceSetup, useWakeWord, warmStopGate, warmWakeModels, warmWhisper, widgetVariants };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map