@leavepulse/ui 0.70.0 → 0.71.0

package/dist/index.js

@@ -1,28 +1,28 @@
-import { _ } from "./chunks/LayoutCanvas-BsJIzhdd.js";
-import { _ as _2 } from "./chunks/LpAddressInput-CNnLTDZg.js";
-import { _ as _3 } from "./chunks/LpMapPicker-BtIl7NOM.js";
+import { _ } from "./chunks/LayoutCanvas-Ba4A9QC5.js";
+import { _ as _2 } from "./chunks/LpAddressInput-CD0bzrt-.js";
+import { _ as _3 } from "./chunks/LpMapPicker-Dp5RSCi9.js";
 import { OSM_TILES, createNominatimProvider, emptyAddress, formatAddress, project, tileUrl, unproject } from "./components/address.js";
-import { _ as _4 } from "./chunks/LpActionBar-CzOFar5t.js";
-import { _ as _5 } from "./chunks/LpAlert-C5igj802.js";
-import { _ as _6 } from "./chunks/LpAppShell-CEUAB8kK.js";
-import { _ as _7 } from "./chunks/LpAutocomplete-D92niDHE.js";
-import { _ as _8 } from "./chunks/LpAvatar-CLPl-qOF.js";
-import { _ as _9 } from "./chunks/LpBadge-HOEPBYmi.js";
-import { _ as _10 } from "./chunks/LpBreadcrumbs-DYoPc3P4.js";
-import { _ as _11 } from "./chunks/LpButton-CVxBfGjd.js";
-import { _ as _12 } from "./chunks/LpCalendar-pVL91-Pl.js";
+import { _ as _4 } from "./chunks/LpActionBar-B7anGlkI.js";
+import { _ as _5 } from "./chunks/LpAlert-BHi7ARqu.js";
+import { _ as _6 } from "./chunks/LpAppShell-1RmBp6xQ.js";
+import { _ as _7 } from "./chunks/LpAutocomplete-DDqe2M5g.js";
+import { _ as _8 } from "./chunks/LpAvatar-DqfKCIdr.js";
+import { _ as _9 } from "./chunks/LpBadge-C8fKEmTF.js";
+import { _ as _10 } from "./chunks/LpBreadcrumbs-DhcoStFa.js";
+import { _ as _11 } from "./chunks/LpButton-BQDAFXBd.js";
+import { _ as _12 } from "./chunks/LpCalendar-NmrA47J9.js";
 import { _ as _13 } from "./chunks/LpCard-CqKLnEhl.js";
 import { default as default2 } from "./components/LpChart.vue.js";
 import { backgroundOf, csvField, downloadFile, fileStem, inlineSvg, resolveCssColor, svgToPng, toCsv } from "./components/exportData.js";
 import { CHART_PALETTE, axisTicks, chartSummary, formatTick, markerIndex, niceScale, resolveSlices } from "./components/chart.js";
-import { _ as _14 } from "./chunks/LpCheckbox-DHc2bHDe.js";
-import { _ as _15 } from "./chunks/LpCodeBlock-BGsQhxw8.js";
+import { _ as _14 } from "./chunks/LpCheckbox-BoOuLnGB.js";
+import { _ as _15 } from "./chunks/LpCodeBlock-Czu-fq1M.js";
 import { tokenizeLines } from "./components/codeHighlight.js";
-import { _ as _16 } from "./chunks/LpColorPicker-DFugXNUi.js";
+import { _ as _16 } from "./chunks/LpColorPicker-Ee1DZiRd.js";
 import { DEFAULT_SWATCHES, clampHsv, formatColor, hsvToHsl, hsvToRgb, isLight, normalizeHue, opaqueCss, parseColor, parseHex, rgbToHex, rgbToHsv } from "./components/color.js";
 import { default as default3 } from "./components/LpCommandPalette.vue.js";
-import { applyQueryFilters, highlightParts, parseCommandQuery, parsePaletteQuery, rankCommandItems } from "./components/commandSearch.js";
-import { commandHasPreview, pushRecent, readRecent, toRecentItem } from "./components/commandPalette.js";
+import { applyQueryFilters, highlightParts, parseCommandQuery, parsePaletteQuery, rankCommandItems, searchCommandItems, swapCommandLayout } from "./components/commandSearch.js";
+import { PALETTE_MODES, commandHasPreview, menuPaletteCommands, pushRecent, readRecent, toRecentItem } from "./components/commandPalette.js";
 import { _ as _17 } from "./chunks/LpPalettePreview-BNB8T_MY.js";
 import { default as default4 } from "./components/LpPaletteHeader.vue.js";
 import { default as default5 } from "./components/LpPaletteFacts.vue.js";
@@ -30,92 +30,92 @@ import { default as default6 } from "./components/LpPaletteStats.vue.js";
 import { default as default7 } from "./components/LpPaletteSwatches.vue.js";
 import { default as default8 } from "./components/LpKeys.vue.js";
 import { comboKeys, comboSteps } from "./components/keys.js";
-import { _ as _18 } from "./chunks/LpConfirmDialog-CfGCux8m.js";
-import { _ as _19 } from "./chunks/LpConfirmHost-exB7JmcO.js";
+import { _ as _18 } from "./chunks/LpConfirmDialog-i15pulMT.js";
+import { _ as _19 } from "./chunks/LpConfirmHost-D0oGavtd.js";
 import { confirm, useConfirm } from "./components/confirm.js";
-import { _ as _20 } from "./chunks/LpContextMenu-COwOwRgI.js";
-import { _ as _21 } from "./chunks/LpDatePicker-BUe1VUC0.js";
-import { _ as _22 } from "./chunks/LpDateRangePicker-C_k65vGR.js";
-import { _ as _23 } from "./chunks/LpRangeCalendar-c5qj7YcC.js";
+import { _ as _20 } from "./chunks/LpContextMenu-DXpFJjlO.js";
+import { _ as _21 } from "./chunks/LpDatePicker-cC9K-Pk8.js";
+import { _ as _22 } from "./chunks/LpDateRangePicker-BVQKPbvo.js";
+import { _ as _23 } from "./chunks/LpRangeCalendar-l-0nSFmY.js";
 import { clampRange, dayAllowed, defaultDatePresets, defaultRangePresets, formatRange, normalizeRange, sameRange } from "./components/dateRange.js";
-import { _ as _24 } from "./chunks/LpDisclosure-DOarzlAG.js";
+import { _ as _24 } from "./chunks/LpDisclosure-hRnX3FWL.js";
 import { _ as _25 } from "./chunks/LpDivider-CUX46KR0.js";
-import { _ as _26 } from "./chunks/LpDrawer-DGNKRsGq.js";
-import { _ as _27 } from "./chunks/LpDropdownMenu-CRgrhdAH.js";
+import { _ as _26 } from "./chunks/LpDrawer-u4rxnuR-.js";
+import { _ as _27 } from "./chunks/LpDropdownMenu-BgZ0Z_Im.js";
 import { default as default9 } from "./components/LpDropzone.vue.js";
-import { _ as _28 } from "./chunks/LpEmptyState-KTKipws2.js";
-import { _ as _29 } from "./chunks/LpFileTree-DMISXVHC.js";
+import { _ as _28 } from "./chunks/LpEmptyState-CKFTtQgJ.js";
+import { _ as _29 } from "./chunks/LpFileTree-BH0gNlSJ.js";
 import { ancestorIds, checkStateOf, checkedCount, computeStats, fileIcon, formatModified, formatSize, sortNodes, subtreeIds, subtreeSize } from "./components/fileTree.js";
-import { _ as _30 } from "./chunks/LpFieldNotice-CurbNuXI.js";
-import { _ as _31 } from "./chunks/LpFormField-BWwgm1E4.js";
-import { _ as _32 } from "./chunks/LpIcon-HJP5xMz4.js";
-import { i, b, a, c } from "./chunks/icons-4IywzkHk.js";
+import { _ as _30 } from "./chunks/LpFieldNotice-CPI8EwtU.js";
+import { _ as _31 } from "./chunks/LpFormField-gRASfyj2.js";
+import { _ as _32 } from "./chunks/LpIcon-DkP-9mzK.js";
+import { i, b, a, c } from "./chunks/icons-CLu1iR1j.js";
 import { default as default10 } from "./components/LpImageEditor.vue.js";
-import { _ as _33 } from "./chunks/LpInfraNode-CUC3t4na.js";
-import { _ as _34 } from "./chunks/LpInput-CDuwODJG.js";
-import { _ as _35 } from "./chunks/LpLightbox-XJ0LpTcZ.js";
+import { _ as _33 } from "./chunks/LpInfraNode-yTh4-5qa.js";
+import { _ as _34 } from "./chunks/LpInput-2H-5ILOB.js";
+import { _ as _35 } from "./chunks/LpLightbox-lAt5uIfx.js";
 import { fileNameOf } from "./components/lightbox.js";
 import { _ as _36 } from "./chunks/LpLink-Krkjhe_y.js";
-import { _ as _37 } from "./chunks/LpLogViewer-elZHbj85.js";
+import { _ as _37 } from "./chunks/LpLogViewer-x78YfhJf.js";
 import { countLevels, matchPositions, matchesTerm, ringWindow, stepMatch } from "./components/logSearch.js";
-import { _ as _38 } from "./chunks/LpMediaGallery-D5swlmZ_.js";
-import { _ as _39 } from "./chunks/LpModal-eBMt2Fqn.js";
-import { _ as _40 } from "./chunks/LpModalNav-D4Z0wVHR.js";
-import { _ as _41 } from "./chunks/LpNotificationBell-DPZmP5dM.js";
-import { _ as _42 } from "./chunks/LpNumberField-B9k-h2HE.js";
-import { _ as _43 } from "./chunks/LpTimeField-BFQVf_PW.js";
-import { _ as _44 } from "./chunks/LpNumberFlow-Cfyh033Q.js";
+import { _ as _38 } from "./chunks/LpMediaGallery-D92oJfY_.js";
+import { _ as _39 } from "./chunks/LpModal-CpH0bNo7.js";
+import { _ as _40 } from "./chunks/LpModalNav-BH4ANQGJ.js";
+import { _ as _41 } from "./chunks/LpNotificationBell-BdUQqZhs.js";
+import { _ as _42 } from "./chunks/LpNumberField-DZY3Z670.js";
+import { _ as _43 } from "./chunks/LpTimeField-DQ8WvPr2.js";
+import { _ as _44 } from "./chunks/LpNumberFlow-5khYxsfX.js";
 import { _ as _45 } from "./chunks/LpOtpInput-CeBPsM7D.js";
-import { _ as _46 } from "./chunks/LpPagination-VNCX6pFC.js";
-import { _ as _47 } from "./chunks/LpPasswordInput-DTV18FIh.js";
-import { _ as _48 } from "./chunks/LpPie-CFuV7pZv.js";
-import { _ as _49 } from "./chunks/LpPhoneInput-C60tx1tC.js";
+import { _ as _46 } from "./chunks/LpPagination-DbeACavM.js";
+import { _ as _47 } from "./chunks/LpPasswordInput-BzAZsf5V.js";
+import { _ as _48 } from "./chunks/LpPie-DdFSTbGE.js";
+import { _ as _49 } from "./chunks/LpPhoneInput-BMpd-0QR.js";
 import { filterCountries, flagEmoji, loadCountries, matchCountryByValue } from "./components/countries.js";
-import { _ as _50 } from "./chunks/LpPopover-BEIcqb9p.js";
-import { _ as _51 } from "./chunks/LpProgress-CE-m5OpD.js";
+import { _ as _50 } from "./chunks/LpPopover-DmZ3wUtP.js";
+import { _ as _51 } from "./chunks/LpProgress-BX33EKkN.js";
 import { _ as _52 } from "./chunks/LpRadio-CWA5Eb3M.js";
-import { _ as _53 } from "./chunks/LpRadioGroup-CGBr5nIp.js";
-import { _ as _54 } from "./chunks/LpRollingText-DB7upf-5.js";
+import { _ as _53 } from "./chunks/LpRadioGroup-CsXeV9Ct.js";
+import { _ as _54 } from "./chunks/LpRollingText-DiL717LK.js";
 import { _ as _55 } from "./chunks/LpScrollArea-Hz3-JWUG.js";
-import { _ as _56 } from "./chunks/LpSegmented-BO99Sr4m.js";
-import { _ as _57 } from "./chunks/LpSection-BW4xJ-Li.js";
-import { _ as _58 } from "./chunks/LpSelect-B4f_yRi5.js";
+import { _ as _56 } from "./chunks/LpSegmented-D2VST0o3.js";
+import { _ as _57 } from "./chunks/LpSection-DcQsieHG.js";
+import { _ as _58 } from "./chunks/LpSelect-DYX2-u5A.js";
 import { fitChips, toggledValues } from "./components/select.js";
 import { _ as _59 } from "./chunks/LpServiceNode-D8uJ8sGk.js";
 import { _ as _60 } from "./chunks/LpShift-DXNsauQZ.js";
 import { _ as _61 } from "./chunks/LpSwap-DzE6M3Mg.js";
 import { _ as _62 } from "./chunks/LpHintExample-9Py0wc-L.js";
 import { default as default11 } from "./components/LpShortcutsDialog.vue.js";
-import { _ as _63 } from "./chunks/LpSidebar-D-M0Y_7U.js";
+import { _ as _63 } from "./chunks/LpSidebar-D44peKq2.js";
 import { _ as _64 } from "./chunks/LpSkeleton-BB6XIV-w.js";
-import { _ as _65 } from "./chunks/LpSlider-DuoRpOrH.js";
-import { _ as _66 } from "./chunks/LpRangeSlider-Dv6lNvHY.js";
+import { _ as _65 } from "./chunks/LpSlider-DxYoCJJO.js";
+import { _ as _66 } from "./chunks/LpRangeSlider-CM-0ZITZ.js";
 import { _ as _67 } from "./chunks/LpVideoBackdrop-DS1wGv-X.js";
 import { formatClipTime, isNativeLoop, planLoop, seamProgress, seamReached } from "./components/videoBackdrop.js";
 import { _ as _68 } from "./chunks/LpSparkline-CExIRDb3.js";
-import { _ as _69 } from "./chunks/LpStat-B2ix1Q7t.js";
-import { _ as _70 } from "./chunks/LpStepper-DRFfdJaq.js";
-import { _ as _71 } from "./chunks/LpSwitch-DrzKrZZV.js";
+import { _ as _69 } from "./chunks/LpStat-DIsQfbeD.js";
+import { _ as _70 } from "./chunks/LpStepper-C9RM_yTG.js";
+import { _ as _71 } from "./chunks/LpSwitch-bGZxUDSx.js";
 import { default as default12 } from "./components/LpTable.vue.js";
 import { compareValues } from "./components/tableSort.js";
 import { resolveRowMenu } from "./components/tableRowMenu.js";
-import { _ as _72 } from "./chunks/LpTableOfContents-rYvo8z5T.js";
+import { _ as _72 } from "./chunks/LpTableOfContents-CraicEs4.js";
 import { default as default13 } from "./components/LpTabs.vue.js";
-import { _ as _73 } from "./chunks/LpTagsInput-DgpBFRV2.js";
+import { _ as _73 } from "./chunks/LpTagsInput-DrjmrOge.js";
 import { addTags, splitTags } from "./components/tags.js";
-import { _ as _74 } from "./chunks/LpTextarea-DiWjeVoJ.js";
-import { _ as _75 } from "./chunks/LpThemeSwitcher-D5uz0MhK.js";
+import { _ as _74 } from "./chunks/LpTextarea-BbYqmG1S.js";
+import { _ as _75 } from "./chunks/LpThemeSwitcher-C0A5sg_E.js";
 import { _ as _76 } from "./chunks/LpTilt-B7KHX1zH.js";
-import { _ as _77 } from "./chunks/LpToaster-Wv9ksj4q.js";
-import { _ as _78 } from "./chunks/LpTooltip-Cz8SQwRt.js";
-import { _ as _79 } from "./chunks/LpTour-NfRJNEIP.js";
+import { _ as _77 } from "./chunks/LpToaster-BTTl_wuy.js";
+import { _ as _78 } from "./chunks/LpTooltip-BcBvIx4z.js";
+import { _ as _79 } from "./chunks/LpTour-BgCfNlaW.js";
 import { holeOf, openContextMenu, panelsAround } from "./components/tour.js";
-import { _ as _80 } from "./chunks/LpHintLayer-p4hqzdyA.js";
-import { _ as _81 } from "./chunks/LpHints-CCrhRfy9.js";
+import { _ as _80 } from "./chunks/LpHintLayer-C2asBIfs.js";
+import { _ as _81 } from "./chunks/LpHints-CNZQ76JV.js";
 import { HINT_SIGNALS, contextMenuTip, createHintSystem, dropzoneTip, hintKey, hintSummary, hotkeyTip, localHintStorage, noteDropzone, noteHotkeyTarget, paletteTip, provideHintSystem, runningHintSystem, useHintSystem } from "./composables/useHintSystem.js";
 import { _ as _82 } from "./chunks/LpTooltipProvider-CftjV7Xc.js";
-import { _ as _83 } from "./chunks/LpTopologyCanvas-ZhKthfgz.js";
-import { _ as _84 } from "./chunks/LpUptimeBar-DWegV2p6.js";
+import { _ as _83 } from "./chunks/LpTopologyCanvas-B0wEvAoq.js";
+import { _ as _84 } from "./chunks/LpUptimeBar-DRadGq4Y.js";
 import { deserializeLayout, serializeLayout } from "./layout/tree.js";
 import { addLeaf, addTab, countBlocks, countLeaves, makeLayout, moveLeaf, removeBlock, removeLeaf, reorderTab, resizeAt, setActiveTab } from "./layout/tree.js";
 import { blockTitle, defineBlocks } from "./layout/registry.js";
@@ -123,7 +123,7 @@ import { layoutController, useLayout } from "./layout/useLayout.js";
 import { a as parseTheme, s as serializeTheme } from "./chunks/useTheme-BOV_-AiY.js";
 import { D, T, b as b2, c as c2, d, e, f, g, l, h, n, i as i2, j, p, r, k, t, m, o, q, u, v } from "./chunks/useTheme-BOV_-AiY.js";
 import { G, N, d as d2, i as i3, s } from "./chunks/backdrop-Dkf2vM81.js";
-import { _ as _85, a as a2, b as b3, c as c3, d as d3, e as e2, u as u2, w } from "./chunks/LpThemeStudio-DguwHdGt.js";
+import { _ as _85, a as a2, b as b3, c as c3, d as d3, e as e2, u as u2, w } from "./chunks/LpThemeStudio-B2nPaG-h.js";
 import { useClipboard } from "./composables/useClipboard.js";
 import { activeShortcuts, appleModifierLabel, findHotkeyConflicts, hotkeyConflicts, hotkeySteps, isAppleKeyboard, matchesHotkey, mergeShortcutGroups, parseCombo, pendingHotkey, sequenceProgress, useAppleKeyboard, useHotkeys } from "./composables/useHotkeys.js";
 import { anyModalOpen, topModalElement, useModalLayer } from "./components/modalDepth.js";
@@ -163,32 +163,32 @@ import { _ as _86 } from "./chunks/LpThemeProvider-DcbfOxsU.js";
 import { _ as _87 } from "./chunks/LpFrame-BVQCQLDI.js";
 import { _ as _88 } from "./chunks/LpThemeStudioSection-BwhqYDLf.js";
 import { isInternalHref, resolveLink } from "./components/link.js";
-import { _ as _89 } from "./chunks/LpRepeater-D0VjmD6y.js";
-import { _ as _90 } from "./chunks/LpGauge-Bk8TwJj0.js";
-import { _ as _91 } from "./chunks/LpQuota-2Sw_gqcJ.js";
-import { _ as _92 } from "./chunks/LpStatus-C7kx5PKE.js";
-import { _ as _93 } from "./chunks/LpRelativeTime-CKzVqAo9.js";
+import { _ as _89 } from "./chunks/LpRepeater-OvzByE5L.js";
+import { _ as _90 } from "./chunks/LpGauge-BdjPGnqw.js";
+import { _ as _91 } from "./chunks/LpQuota-DqNv1yjs.js";
+import { _ as _92 } from "./chunks/LpStatus-BQU1TUsv.js";
+import { _ as _93 } from "./chunks/LpRelativeTime-UM8EkfrN.js";
 import { _ as _94 } from "./chunks/LpActivityLine-CJvzrNpj.js";
 import { TONE_COLOR, TONE_SOFT, arcPath, capacityThresholds, meterFraction, toneAt } from "./components/meter.js";
 import { TONES, TONE_ALIASES, toneLook, toneOf } from "./components/tone.js";
 import { formatAmount, quotaSegments, quotaState } from "./components/quota.js";
-import { compactNumber, formatBytes } from "./components/format.js";
+import { compactNumber, decimalMark, formatBytes } from "./components/format.js";
 import { STATUS_LABELS, STATUS_LOOK } from "./components/status.js";
 import { formatRelativeTime } from "./components/relativeTime.js";
-import { _ as _95 } from "./chunks/LpPipeline-D81yh_NX.js";
-import { _ as _96 } from "./chunks/LpStepMark-DK-5BKAt.js";
+import { _ as _95 } from "./chunks/LpPipeline-zjEM1Lwc.js";
+import { _ as _96 } from "./chunks/LpStepMark-CXa7DJy_.js";
 import { childProgress, connectorFilled, currentStepIndex, isSettled, overallStatus, stepElapsed } from "./components/pipeline.js";
 import { _ as _97 } from "./chunks/LpLoader-DjJEX8hL.js";
 import { useLoadingGate } from "./composables/useLoadingGate.js";
 import { useNow } from "./composables/useNow.js";
-import { _ as _98 } from "./chunks/LpCountdown-Dtq1ihlJ.js";
+import { _ as _98 } from "./chunks/LpCountdown-DTdMF8DL.js";
 import { DEFAULT_MILESTONES, DEFAULT_UNIT_LABELS, ceilToSecond, crossedMilestone, formatElapsed, formatTime, msToNextSecond, splitTime, timeParts } from "./components/timeSpan.js";
-import { _ as _99 } from "./chunks/LpCopyButton-DzHjnFs0.js";
-import { _ as _100 } from "./chunks/LpSecretField-DMfdJ1cQ.js";
-import { _ as _101 } from "./chunks/LpDataList-B-5nHfNw.js";
-import { _ as _102 } from "./chunks/LpEditable-DTqLt2lT.js";
-import { _ as _103 } from "./chunks/LpTruncate-D_5Pfv5B.js";
-import { _ as _104 } from "./chunks/LpCodeDisplay-CIKKT2iW.js";
+import { _ as _99 } from "./chunks/LpCopyButton-Dmq7DmFw.js";
+import { _ as _100 } from "./chunks/LpSecretField-DwQiPOko.js";
+import { _ as _101 } from "./chunks/LpDataList-CFPtSsBB.js";
+import { _ as _102 } from "./chunks/LpEditable-CjxuOVh_.js";
+import { _ as _103 } from "./chunks/LpTruncate-TcqfkyJM.js";
+import { _ as _104 } from "./chunks/LpCodeDisplay-BK2FHbtM.js";
 import { formatRemaining, groupCode, middleTruncate, normalizeCode } from "./components/fieldText.js";
 import { _ as _105 } from "./chunks/LpHoverCard-spGxyw7T.js";
 import { _ as _106 } from "./chunks/LpIdenticon-BzdC_qz9.js";
@@ -214,6 +214,10 @@ import { _ as _115 } from "./chunks/LpSpotlight-4F3NeUMY.js";
 import { _ as _116 } from "./chunks/LpGlowBorder-B8V-QzIl.js";
 import { _ as _117 } from "./chunks/LpMagnetic-CtXKLa2Y.js";
 import { spotlightPoint, useSpotlight } from "./composables/useSpotlight.js";
+import { _ as _118 } from "./chunks/LpCommandScope-ubtWDMa0.js";
+import { createPaletteRegistry, mergePaletteCommands, usePaletteCommands, vPalette } from "./composables/usePaletteCommands.js";
+import { u as u3 } from "./chunks/palette-BiY7yQZL.js";
+import { _ as _119 } from "./chunks/LpPaletteTheme-CqWNRwHE.js";
 const UI_CONFIG_VERSION = 1;
 function serializeConfig(config) {
   const out = {
@@ -264,6 +268,7 @@ export {
   _108 as LpCollapse,
   _16 as LpColorPicker,
   default3 as LpCommandPalette,
+  _118 as LpCommandScope,
   _18 as LpConfirmDialog,
   _19 as LpConfirmHost,
   _20 as LpContextMenu,
@@ -316,6 +321,7 @@ export {
   _17 as LpPalettePreview,
   default6 as LpPaletteStats,
   default7 as LpPaletteSwatches,
+  _119 as LpPaletteTheme,
   _47 as LpPasswordInput,
   _49 as LpPhoneInput,
   _48 as LpPie,
@@ -376,6 +382,7 @@ export {
   _67 as LpVideoBackdrop,
   N as NO_BACKDROP_ATTR,
   OSM_TILES,
+  PALETTE_MODES,
   SCRAMBLE_GLYPHS,
   PRESET_NAMES as SHADER_PRESETS,
   STATUS_LABELS,
@@ -432,11 +439,13 @@ export {
   countLevels,
   createHintSystem,
   createNominatimProvider,
+  createPaletteRegistry,
   crossedMilestone,
   csvField,
   currentStepIndex,
   g as dark,
   dayAllowed,
+  decimalMark,
   deepEqual,
   defaultDatePresets,
   defaultRangePresets,
@@ -512,8 +521,10 @@ export {
   matchPositions,
   matchesHotkey,
   matchesTerm,
+  menuPaletteCommands,
   mergeClass,
   mergeConfig,
+  mergePaletteCommands,
   mergeShortcutGroups,
   meterFraction,
   middleTruncate,
@@ -585,6 +596,7 @@ export {
   scrollToElement,
   seamProgress,
   seamReached,
+  searchCommandItems,
   seededRandom,
   sequenceProgress,
   serializeConfig,
@@ -604,6 +616,7 @@ export {
   subtreeIds,
   subtreeSize,
   svgToPng,
+  swapCommandLayout,
   t as themeEntries,
   m as themeFromCookie,
   o as themeToCssRule,
@@ -649,6 +662,8 @@ export {
   useNow,
   useOptimisticToggle,
   usePaintSelect,
+  usePaletteCommands,
+  u3 as usePaletteTheme,
   usePersisted,
   usePointerFrame,
   usePortalTarget,
@@ -668,6 +683,7 @@ export {
   useView,
   useZoomPan,
   vHint,
+  vPalette,
   viewDocument,
   viewWindow,
   v as violet,

package/dist/theme/palette.d.ts

@@ -0,0 +1,9 @@
+import { type MaybeRefOrGetter } from "vue";
+import { type PaletteScope } from "../composables/usePaletteCommands";
+import type { ThemeStudio } from "./studio";
+/** Registers the studio itself; no second list of theme options in the app. */
+export declare function usePaletteTheme(studio: MaybeRefOrGetter<ThemeStudio | undefined>, options?: {
+    id?: string;
+    label?: string;
+    scope?: PaletteScope;
+}): void;

package/dist/theme/studio.d.ts

@@ -82,9 +82,20 @@ export interface ThemeStudio {
     tune(patch: Partial<Omit<StudioState, "theme">>): void;
     reset(origin?: RevealOrigin): void;
 }
+export interface PreviewableThemeStudio extends ThemeStudio {
+    /** Build a draft for a scoped preview, without applying or persisting it. */
+    preview(state: StudioState): {
+        theme: TokenSet;
+        exported: {
+            code: string;
+            json: string;
+            css: string;
+        };
+    };
+}
 /**
  * The studio state for `storageKey`, made on first use and shared after. A
  * later caller's `themes` or `system` fill in what the first one left out:
  * the page may make the studio before the switcher that offers "System".
  */
-export declare function useThemeStudio(options?: ThemeStudioOptions): ThemeStudio;
+export declare function useThemeStudio(options?: ThemeStudioOptions): PreviewableThemeStudio;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leavepulse/ui",
-  "version": "0.70.0",
+  "version": "0.71.0",
   "type": "module",
   "description": "LeavePulse token-driven Vue component kit.",
   "repository": {
@@ -59,6 +59,7 @@
     "prepublishOnly": "npm run build",
     "typecheck": "vue-tsc --noEmit",
     "test": "bun test",
+    "test:browser": "playwright test",
     "release": "npm version patch -m \"chore: release v%s\" && git push --follow-tags",
     "release:minor": "npm version minor -m \"chore: release v%s\" && git push --follow-tags",
     "release:major": "npm version major -m \"chore: release v%s\" && git push --follow-tags",
@@ -85,6 +86,7 @@
   "devDependencies": {
     "@iconify-json/lucide": "^1.2.112",
     "@iconify/vue": "^5.0.1",
+    "@playwright/test": "^1.64.1",
     "@tailwindcss/vite": "^4.2.4",
     "@types/node": "^26.2.0",
     "@vitejs/plugin-vue": "^6.0.6",
@@ -107,6 +109,7 @@
     "@vue-flow/core": "^1.48.2",
     "@vue-flow/minimap": "^1.5.4",
     "libphonenumber-js": "^1.12.0",
+    "tailwind-merge": "^3.6.0",
     "vaul-vue": "^0.4.1"
   }
 }

package/src/component-names.ts

@@ -22,6 +22,7 @@ export const COMPONENT_NAMES = [
   "LpCollapse",
   "LpColorPicker",
   "LpCommandPalette",
+  "LpCommandScope",
   "LpConfirmDialog",
   "LpConfirmHost",
   "LpContextMenu",
@@ -74,6 +75,7 @@ export const COMPONENT_NAMES = [
   "LpPalettePreview",
   "LpPaletteStats",
   "LpPaletteSwatches",
+  "LpPaletteTheme",
   "LpPasswordInput",
   "LpPhoneInput",
   "LpPie",

package/src/components/ContextMenuItems.vue

@@ -28,6 +28,7 @@ import {
   DropdownMenuSubTrigger,
 } from "reka-ui"
 import { computed } from "vue"
+import { useOutsideGuard, usePortalTarget } from "../composables/useView"
 import type { ContextMenuItemDef } from "./LpContextMenu.vue"
 import LpIcon from "./LpIcon.vue"
 import MenuShortcut from "./MenuShortcut.vue"
@@ -66,6 +67,8 @@ const PRIMITIVES = {
 } as const
 
 const P = computed(() => PRIMITIVES[props.kind])
+const portalTo = usePortalTarget()
+const guardOutside = useOutsideGuard()
 
 const ITEM =
   "group/item flex cursor-pointer select-none items-center gap-2 rounded-inner px-2.5 py-1.5 text-sm outline-none transition-[background-color,color] duration-[var(--duration-fast)] data-[disabled]:pointer-events-none data-[disabled]:opacity-45 data-[highlighted]:bg-brand-soft"
@@ -89,8 +92,8 @@ const ICON =
         </span>
         <LpIcon name="lucide:chevron-right" :size="14" class="text-muted" />
       </component>
-      <component :is="P.Portal">
-        <component :is="P.SubContent" :collision-padding="8" :class="panel" :side-offset="2" :align-offset="-4">
+      <component :is="P.Portal" :to="portalTo">
+        <component :is="P.SubContent" @interact-outside="guardOutside" @focus-outside="guardOutside" @escape-key-down="guardOutside" :collision-padding="8" :class="panel" :side-offset="2" :align-offset="-4">
           <ContextMenuItems :items="item.children" :panel="panel" :kind="kind" />
         </component>
       </component>

package/src/components/LpAutocomplete.vue

@@ -10,6 +10,7 @@ export type AutocompleteLabels = {
 </script>
 
 <script setup lang="ts">
+import { usePaletteControl, type PaletteControlOptions } from "../composables/usePaletteCommands"
 /*
  * Free-text autocomplete — a text field that suggests as you type but never
  * forces a choice. Unlike LpSelect (which binds to an option value and requires
@@ -49,6 +50,8 @@ export type AutocompleteSelection = OptionSelection
 
 const props = withDefaults(
   defineProps<{
+    /** Contextual palette metadata; false excludes this control. */
+    palette?: PaletteControlOptions
     /** The free text. This is the model — bind with v-model. */
     modelValue?: string
     /** Suggestions. Strings or {value,label,description}. */
@@ -85,7 +88,7 @@ const props = withDefaults(
     selected?: AutocompleteSelection | null
     labels?: Partial<AutocompleteLabels>
   }>(),
-  {
+  { palette: undefined,
     size: "md",
     clearable: false,
     filter: true,
@@ -270,6 +273,8 @@ const portalTo = usePortalTarget()
 // What happens in another document (the page around a frame, or a frame in
 // the page) is not "outside" for this layer.
 const guardOutside = useOutsideGuard()
+
+usePaletteControl({ disabled: () => field.value.disabled, invalid: () => field.value.invalid })
 </script>
 
 <template>

package/src/components/LpButton.vue

@@ -5,6 +5,7 @@ export default { inheritAttrs: false }
 </script>
 
 <script setup lang="ts">
+import { usePaletteAction, type PaletteControlOptions } from "../composables/usePaletteCommands"
 import { tv, type VariantProps } from "tailwind-variants"
 import { computed, getCurrentInstance, onMounted, onUpdated, ref, useAttrs, type Component, type ComponentPublicInstance } from "vue"
 import { HINT_SIGNALS, noteHotkeyTarget } from "../composables/useHintSystem"
@@ -86,6 +87,7 @@ type ButtonVariants = VariantProps<typeof button>
 
 const props = withDefaults(
   defineProps<{
+    palette?: PaletteControlOptions
     variant?: ButtonVariants["variant"]
     size?: ButtonVariants["size"]
     block?: boolean
@@ -126,7 +128,7 @@ const props = withDefaults(
     hotkeyGroup?: string
     labels?: Partial<{ group: string }>
   }>(),
-  { type: "button" },
+  { palette: undefined, type: "button" },
 )
 
 const emit = defineEmits<{
@@ -282,6 +284,8 @@ const { class: classes, attrs: rest } = useMergedAttrs(() =>
     loading: busy.value,
   }),
 )
+
+usePaletteAction({ label: () => typeof attrs["aria-label"] === "string" ? attrs["aria-label"] : undefined, element: () => rootEl(), disabled: () => props.disabled || busy.value })
 </script>
 
 <template>

package/src/components/LpChart.vue

@@ -1556,23 +1556,25 @@ const { class: rootClass, attrs: rest } = useMergedAttrs(
       </div>
     </LpContextMenu>
 
-    <table v-if="dataTable && ready" class="sr-only">
-      <caption v-if="title">{{ title }}</caption>
-      <thead>
-        <tr>
-          <th scope="col"></th>
-          <th v-for="s in allSeries" :key="s.id" scope="col">{{ s.name }}</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr v-for="(label, i) in labels" :key="i">
-          <th scope="row">{{ label }}</th>
-          <td v-for="s in allSeries" :key="s.id">
-            {{ s.values[i] == null ? "—" : fmtSeries(s, s.values[i] as number) }}
-          </td>
-        </tr>
-      </tbody>
-    </table>
+    <div v-if="dataTable && ready" class="sr-only">
+      <table>
+        <caption v-if="title">{{ title }}</caption>
+        <thead>
+          <tr>
+            <th scope="col"></th>
+            <th v-for="s in allSeries" :key="s.id" scope="col">{{ s.name }}</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr v-for="(label, i) in labels" :key="i">
+            <th scope="row">{{ label }}</th>
+            <td v-for="s in allSeries" :key="s.id">
+              {{ s.values[i] == null ? "—" : fmtSeries(s, s.values[i] as number) }}
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
   </div>
 </template>
 

package/src/components/LpCheckbox.vue

@@ -6,6 +6,7 @@ export default { inheritAttrs: false }
 </script>
 
 <script setup lang="ts">
+import { usePaletteControl, type PaletteControlOptions } from "../composables/usePaletteCommands"
 import { CheckboxIndicator, CheckboxRoot } from "reka-ui"
 import { computed, useId } from "vue"
 import LpIcon from "./LpIcon.vue"
@@ -14,7 +15,9 @@ import { useFieldControl } from "../composables/useField"
 import { useOptimisticToggle } from "../composables/useOptimisticToggle"
 import { useMergedAttrs } from "../composables/useMergedClass"
 
-const props = defineProps<{
+const props = withDefaults(defineProps<{
+    /** Contextual palette metadata; false excludes this control. */
+    palette?: PaletteControlOptions
   modelValue?: boolean
   /** Mixed state (e.g. a "select all" with a partial selection). Shows a dash. */
   indeterminate?: boolean
@@ -30,7 +33,7 @@ const props = defineProps<{
    * (or the `error` event, when the app listens).
    */
   action?: (value: boolean) => unknown
-}>()
+}>(), { palette: undefined })
 const emit = defineEmits<{
   (e: "update:modelValue", value: boolean): void
   (e: "change", value: boolean): void
@@ -63,6 +66,8 @@ const { class: rootClass, attrs: rest } = useMergedAttrs(() =>
     props.description ? "items-start" : "items-center",
   ].join(" "),
 )
+
+usePaletteControl({ label: () => props.label, disabled: () => field.value.disabled || pending.value, editorProps: () => ({ action: undefined, 'onUpdate:modelValue': onUpdate, onChange: undefined }) })
 </script>
 
 <template>