@mieweb/ui 0.7.3-dev.1 → 0.7.3-dev.11

package/dist/index.js

@@ -35,16 +35,16 @@ export { Skeleton, SkeletonCard, SkeletonTable, SkeletonText, skeletonVariants }
 import { Spinner, SpinnerWithLabel } from './chunk-UA7E7PDS.js';
 export { FullPageSpinner, Spinner, SpinnerWithLabel, spinnerVariants } from './chunk-UA7E7PDS.js';
 export { Pagination, SimplePagination, paginationButtonVariants } from './chunk-FDUA6OGN.js';
-export { PhoneInput, PhoneInputGroup } from './chunk-3D4ITDLO.js';
+export { PhoneInput, PhoneInputGroup } from './chunk-6H7NO5XX.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-FTRGZOVJ.js';
+export { RichTextEditor, convertAngleBracketsToMustache, processDictation } from './chunk-ICMR3TYV.js';
 export { Separator, separatorVariants } from './chunk-OQWZYKJM.js';
-import { Dropdown, DropdownItem, DropdownSeparator, DropdownContent, DropdownHeader } from './chunk-HIDV32ZX.js';
-export { Dropdown, DropdownContent, DropdownHeader, DropdownItem, DropdownLabel, DropdownSeparator } from './chunk-HIDV32ZX.js';
+import { Dropdown, DropdownItem, DropdownSeparator, DropdownContent, DropdownHeader } from './chunk-GV3DE6KR.js';
+export { Dropdown, DropdownContent, DropdownHeader, DropdownItem, DropdownLabel, DropdownSeparator } from './chunk-GV3DE6KR.js';
 export { FloatingWindow, MinimizedWindow } from './chunk-N3Y43KOB.js';
 export { CodeBlock, MarkdownRenderer, highlightCode, useMarkdown } from './chunk-Z4PECE5S.js';
 export { CsvBlock } from './chunk-5J5PEUUA.js';
@@ -52,51 +52,52 @@ export { HtmlPreviewBlock } from './chunk-UZ5NGGMI.js';
 export { MermaidBlock } from './chunk-EHQ77LL5.js';
 export { SurveyBlock } from './chunk-DWCYEPTT.js';
 export { FenceBlock } from './chunk-NLBT5O2X.js';
-export { FillerWordsModal, MediaEditor, SilenceSettingsModal, SpeedMarkerMenu, WordEditorModal } from './chunk-LC7YHZXM.js';
+export { FillerWordsModal, MediaEditor, SilenceSettingsModal, SpeedMarkerMenu, WordEditorModal } from './chunk-UGJFT2QF.js';
 export { Slider, sliderRangeVariants, sliderThumbVariants, sliderTrackVariants } from './chunk-OTQ72WX3.js';
 import './chunk-RISZWWEQ.js';
 export { MediaPlayer, inferMediaKind, mediaPlayerVariants } from './chunk-EMMYFHOT.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';
+import { Checkbox } from './chunk-DMIQS5KK.js';
+export { Checkbox, CheckboxGroup, checkboxVariants } from './chunk-DMIQS5KK.js';
 export { CollabStatus, defaultCollabStatusLabels, useYjsCollabStatus } from './chunk-SVSHA7XV.js';
 export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './chunk-BJKAVWED.js';
 import { CountryDropdownBase } from './chunk-4PIW3Y5M.js';
 export { CountryCodeDropdown, formatE164, validatePhoneNumber } from './chunk-4PIW3Y5M.js';
-export { miewebUIPreset, miewebUISafelist } from './chunk-CVZYOMEW.js';
+export { miewebUIPreset, miewebUISafelist } from './chunk-I2AHT7JM.js';
 import { Alert, AlertTitle, AlertDescription } from './chunk-6EWJGRC3.js';
 export { Alert, AlertDescription, AlertTitle, alertVariants } from './chunk-6EWJGRC3.js';
 import { AlertDialog } from './chunk-FPVRQCCL.js';
 export { AlertDialog } from './chunk-FPVRQCCL.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-P6L74SKG.js';
+export { Autocomplete } from './chunk-WUPT5SUN.js';
 import { Avatar } from './chunk-DCBMTFLE.js';
 export { Avatar, AvatarGroup, avatarVariants, getInitials } from './chunk-DCBMTFLE.js';
 import './chunk-IQ4KQJAO.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';
-export { ALLERGY_TYPE_LABELS, AllergyList, AllergyManager, CodeLookupProvider, MEDICATION_STATUS_LABELS, MedicationEditor, MedicationList, MedicationReconciliation, RowActionToolbar, RowIconButton, labelToMedicationFields, lookupToMedicationFields, parseMedicationLabel, parseSig, toolbarKeyNav, useCodeLookupConfig } from './chunk-KRGKPUJH.js';
-import { Textarea } from './chunk-AFGADE3B.js';
-export { Textarea, textareaVariants } from './chunk-AFGADE3B.js';
+import { useCodeLookupConfig, RowActionToolbar, RowIconButton, toolbarKeyNav, parseSig, labelToMedicationFields, MedicationEditor } from './chunk-3X4GPM35.js';
+export { ALLERGY_TYPE_LABELS, AllergyList, AllergyManager, CodeLookupProvider, MEDICATION_STATUS_LABELS, MedicationEditor, MedicationList, MedicationReconciliation, RowActionToolbar, RowIconButton, labelToMedicationFields, lookupToMedicationFields, parseMedicationLabel, parseSig, toolbarKeyNav, useCodeLookupConfig } from './chunk-3X4GPM35.js';
+import { Textarea } from './chunk-GP5CRU2I.js';
+export { Textarea, textareaVariants } from './chunk-GP5CRU2I.js';
 import { Tooltip } from './chunk-FJ7YPVKV.js';
 export { Tooltip } from './chunk-FJ7YPVKV.js';
-import { RadioGroup, Radio } from './chunk-QUUBTNMH.js';
-export { Radio, RadioGroup, radioVariants } from './chunk-QUUBTNMH.js';
+import { RadioGroup, Radio } from './chunk-CLT4ASY7.js';
+export { Radio, RadioGroup, radioVariants } from './chunk-CLT4ASY7.js';
 import { Label } from './chunk-I3WGZPI6.js';
 export { Label, labelVariants } from './chunk-I3WGZPI6.js';
-import { Select } from './chunk-DLBV42JD.js';
-export { Select, selectTriggerVariants } from './chunk-DLBV42JD.js';
+import { Select } from './chunk-U35KWHXP.js';
+export { Select, selectTriggerVariants } from './chunk-U35KWHXP.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-EGWWTIWS.js';
-export { DateInput } from './chunk-EGWWTIWS.js';
+import { DateInput } from './chunk-UHVNVZ7L.js';
+export { DateInput } from './chunk-UHVNVZ7L.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';
-export { Input, inputVariants } from './chunk-YXCE2HSK.js';
+import './chunk-6NZXWKUE.js';
+import { Input, inputVariants } from './chunk-FXTNCCD2.js';
+export { Input, floatingGroupLabelVariants, floatingGroupVariants, floatingLabelVariants, inputVariants } from './chunk-FXTNCCD2.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, Check as Check$1, X as X$1, ScanLine, Image } 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';
@@ -135,7 +136,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, 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';
+import { FileUp, X, AlertCircle as AlertCircle$1, ChevronUp as ChevronUp$1, Check, ChevronRight as ChevronRight$1, ChevronLeft, Calendar as Calendar$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" },
@@ -1971,12 +1972,23 @@ function ComposerModelSelector({
   placeholder = "Model",
   anyLabel = "Any",
   emptyLabel = "No models",
-  ariaLabel = "Model"
+  ariaLabel = "Model",
+  effortOptions,
+  effort = null,
+  defaultEffort,
+  onEffortChange,
+  effortLabel = "Effort",
+  effortHint,
+  defaultBadgeLabel = "Default",
+  backLabel = "Back"
 }) {
   const [open, setOpen] = React13.useState(false);
+  const [view, setView] = React13.useState("models");
+  const [effortHighlight, setEffortHighlight] = React13.useState(0);
   const [internalProviderFilter, setInternalProviderFilter] = React13.useState(null);
   const [highlightedIndex, setHighlightedIndex] = React13.useState(0);
   const listRef = React13.useRef(null);
+  const effortListRef = React13.useRef(null);
   const menuId = React13.useId();
   const {
     anchorRef: triggerRef,
@@ -2040,6 +2052,10 @@ function ComposerModelSelector({
     (index) => `${menuId}-option-${index}`,
     [menuId]
   );
+  const getEffortOptionId = React13.useCallback(
+    (index) => `${menuId}-effort-option-${index}`,
+    [menuId]
+  );
   const activeOptionId = open && renderedModels[highlightedIndex] ? getOptionId(highlightedIndex) : void 0;
   const selectedRenderedIndex = React13.useMemo(
     () => selectedKey ? renderedModels.findIndex(
@@ -2072,6 +2088,48 @@ function ComposerModelSelector({
     },
     [close, onChange]
   );
+  const efforts = React13.useMemo(() => effortOptions ?? [], [effortOptions]);
+  const activeEffortOptionId = open && efforts[effortHighlight] ? getEffortOptionId(effortHighlight) : void 0;
+  const selectedEffortOption = efforts.find(
+    (option) => option.value === effort
+  );
+  const selectEffort = React13.useCallback(
+    (value2) => {
+      onEffortChange?.(value2);
+      close();
+    },
+    [close, onEffortChange]
+  );
+  const handleEffortKeyDown = (event) => {
+    if (efforts.length === 0) return;
+    if (event.key === "ArrowDown") {
+      event.preventDefault();
+      setEffortHighlight((current) => (current + 1) % efforts.length);
+    }
+    if (event.key === "ArrowUp") {
+      event.preventDefault();
+      setEffortHighlight(
+        (current) => (current - 1 + efforts.length) % efforts.length
+      );
+    }
+    if (event.key === "Home") {
+      event.preventDefault();
+      setEffortHighlight(0);
+    }
+    if (event.key === "End") {
+      event.preventDefault();
+      setEffortHighlight(efforts.length - 1);
+    }
+    if (event.key === "ArrowLeft" || event.key === "Backspace") {
+      event.preventDefault();
+      setView("models");
+    }
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      const highlighted = efforts[effortHighlight];
+      if (highlighted) selectEffort(highlighted.value);
+    }
+  };
   const outsideRefs = React13.useMemo(
     () => [triggerRef, menuRef],
     [triggerRef, menuRef]
@@ -2082,6 +2140,15 @@ function ComposerModelSelector({
     if (!open) return;
     setHighlightedIndex(selectedRenderedIndex >= 0 ? selectedRenderedIndex : 0);
   }, [activeProviderFilter, open, selectedRenderedIndex]);
+  React13.useEffect(() => {
+    if (!open) return;
+    setView("models");
+  }, [open]);
+  React13.useEffect(() => {
+    if (!open) return;
+    const current = efforts.findIndex((option) => option.value === effort);
+    setEffortHighlight(current >= 0 ? current : 0);
+  }, [effort, efforts, open]);
   React13.useEffect(() => {
     if (!open) return;
     setHighlightedIndex(
@@ -2090,10 +2157,11 @@ function ComposerModelSelector({
   }, [open, renderedModels.length]);
   React13.useEffect(() => {
     if (!open) return;
-    requestAnimationFrame(
-      () => listRef.current?.focus({ preventScroll: true })
-    );
-  }, [open]);
+    requestAnimationFrame(() => {
+      const target = view === "effort" ? effortListRef.current : listRef.current;
+      target?.focus({ preventScroll: true });
+    });
+  }, [open, view]);
   const handleTriggerKeyDown = (event) => {
     if (event.key === "ArrowDown" || event.key === "ArrowUp") {
       event.preventDefault();
@@ -2151,6 +2219,14 @@ function ComposerModelSelector({
         ),
         children: [
           /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: selectedOption?.label ?? selectedOption?.model ?? placeholder }),
+          selectedEffortOption && /* @__PURE__ */ jsx(
+            "span",
+            {
+              "data-slot": "composer-model-selector-trigger-effort",
+              className: "text-muted-foreground min-w-0 truncate font-normal",
+              children: selectedEffortOption.label
+            }
+          ),
           /* @__PURE__ */ jsx(ChevronUp$1, { "aria-hidden": "true", className: "h-3.5 w-3.5 shrink-0" })
         ]
       }
@@ -2167,90 +2243,190 @@ function ComposerModelSelector({
             "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",
+            view === "models" && /* @__PURE__ */ jsxs(Fragment, { 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",
                     {
-                      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
+                      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
+                          );
+                        })
+                      ]
                     },
-                    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
-                ))
-              }
-            )
+                    group.provider
+                  ))
+                }
+              ),
+              efforts.length > 0 && /* @__PURE__ */ jsx("div", { className: "border-border border-t p-1", children: /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  "data-slot": "composer-model-selector-effort-row",
+                  "aria-haspopup": "listbox",
+                  onMouseDown: (event) => event.preventDefault(),
+                  onClick: () => setView("effort"),
+                  className: cn(
+                    "flex w-full items-center gap-2 rounded-md px-3 py-2 text-start text-sm",
+                    "hover:bg-muted transition-colors",
+                    "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: effortLabel }),
+                    selectedEffortOption && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground min-w-0 truncate", children: selectedEffortOption.label }),
+                    /* @__PURE__ */ jsx(
+                      ChevronRight$1,
+                      {
+                        "aria-hidden": "true",
+                        className: "text-muted-foreground h-4 w-4 shrink-0"
+                      }
+                    )
+                  ]
+                }
+              ) })
+            ] }),
+            view === "effort" && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("div", { className: "border-border flex items-center gap-1 border-b p-2", children: /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  "data-slot": "composer-model-selector-effort-back",
+                  "aria-label": backLabel,
+                  onMouseDown: (event) => event.preventDefault(),
+                  onClick: () => setView("models"),
+                  className: cn(
+                    "inline-flex h-6 shrink-0 items-center gap-1 rounded-full px-2 text-xs font-medium",
+                    "text-muted-foreground hover:bg-muted hover:text-foreground transition-colors",
+                    "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(ChevronLeft, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
+                    effortLabel
+                  ]
+                }
+              ) }),
+              effortHint && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground px-3 pt-2 text-xs", children: effortHint }),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  ref: effortListRef,
+                  id: menuId,
+                  role: "listbox",
+                  "aria-label": effortLabel,
+                  "aria-activedescendant": activeEffortOptionId,
+                  tabIndex: -1,
+                  onKeyDown: handleEffortKeyDown,
+                  className: "min-h-0 flex-1 overflow-y-auto p-1",
+                  children: efforts.map((option, index) => {
+                    const selected = option.value === effort;
+                    const highlighted = index === effortHighlight;
+                    return /* @__PURE__ */ jsxs(
+                      "button",
+                      {
+                        id: getEffortOptionId(index),
+                        type: "button",
+                        role: "option",
+                        "aria-selected": selected,
+                        onMouseDown: (event) => event.preventDefault(),
+                        onClick: () => selectEffort(option.value),
+                        onMouseEnter: () => setEffortHighlight(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__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+                            /* @__PURE__ */ jsx("span", { className: "block truncate", children: option.label }),
+                            option.description && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground block truncate text-xs", children: option.description })
+                          ] }),
+                          option.value === defaultEffort && /* @__PURE__ */ jsx("span", { className: "bg-muted text-muted-foreground shrink-0 rounded px-1.5 py-0.5 text-xs", children: defaultBadgeLabel }),
+                          selected && /* @__PURE__ */ jsx(
+                            Check,
+                            {
+                              "aria-hidden": "true",
+                              className: "text-primary h-4 w-4 shrink-0"
+                            }
+                          )
+                        ]
+                      },
+                      option.value
+                    );
+                  })
+                }
+              )
+            ] })
           ]
         }
       ),