@leavepulse/ui 0.85.2 → 0.86.1

package/dist/components/LpThemeStudio.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpThemeStudio-C1xKiv8C.js";
+import { _ as _sfc_main } from "../chunks/LpThemeStudio-RyI-SWiw.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpThemeSwitcher.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpThemeSwitcher-Dk4Bk6u1.js";
+import { _ as _sfc_main } from "../chunks/LpThemeSwitcher-BZYJ0AXy.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpToaster.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpToaster-C_CFWSys.js";
+import { _ as _sfc_main } from "../chunks/LpToaster-YcLJFSsH.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTruncate.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTruncate-CBUKnr36.js";
+import { _ as _sfc_main } from "../chunks/LpTruncate-DCZjfcE-.js";
 export {
   _sfc_main as default
 };

package/dist/composables/useClipboard.d.ts

@@ -1,16 +1,30 @@
+/**
+ * The kit's words for copying, scope "copyButton": LpCopyButton's own text and
+ * what `toast: true` says. One set, so an app that translates the scope once
+ * has every copy in it speak the same language.
+ */
+export declare const COPY_LABELS: {
+    copy: string;
+    copied: string;
+    failed: string;
+};
 export interface CopyOptions {
     /**
      * Toast to raise on success. `false` (the default) stays silent, for callers
      * whose button already shows the tick and would otherwise say it twice.
+     * `true` says the kit's "Copied", in the app's language when its config
+     * translates the "copyButton" scope, so a menu item that copies does not
+     * have to bring its own word for it.
      */
-    toast?: string | false;
+    toast?: string | boolean;
     /**
      * Toast to raise when the copy fails. Defaults to silence for the same
      * reason the kit's other best-effort paths are silent: a copy that didn't
      * happen is usually obvious, and a scary red box over a blocked clipboard
-     * helps nobody. Pass a string where losing the copy actually costs something.
+     * helps nobody. Pass a string where losing the copy actually costs something,
+     * or `true` for the kit's own "Couldn't copy".
      */
-    errorToast?: string | false;
+    errorToast?: string | boolean;
 }
 export interface UseClipboard {
     /**

package/dist/composables/useClipboard.js

@@ -1,4 +1,5 @@
 import { ref, onScopeDispose } from "vue";
+import { useLabels } from "./useLpConfig.js";
 import { useToast } from "./useToast.js";
 async function writeAsync(text) {
   if (typeof navigator === "undefined" || !navigator.clipboard) return false;
@@ -44,9 +45,11 @@ async function writeBlob(blob) {
   }
 }
 const COPIED_MS = 1400;
+const COPY_LABELS = { copy: "Copy", copied: "Copied", failed: "Couldn't copy" };
 function useClipboard() {
   const copied = ref(false);
   const { success, error } = useToast();
+  const labels = useLabels("copyButton", COPY_LABELS);
   let timer;
   async function copy(data, options = {}) {
     const { toast = false, errorToast = false } = options;
@@ -56,10 +59,10 @@ function useClipboard() {
       copied.value = true;
       clearTimeout(timer);
       timer = setTimeout(() => copied.value = false, COPIED_MS);
-      if (toast) success(toast);
+      if (toast) success(toast === true ? labels.value.copied : toast);
       return true;
     } catch {
-      if (errorToast) error(errorToast);
+      if (errorToast) error(errorToast === true ? labels.value.failed : errorToast);
       return false;
     }
   }
@@ -67,5 +70,6 @@ function useClipboard() {
   return { copied, copy };
 }
 export {
+  COPY_LABELS,
   useClipboard
 };

package/dist/index.js

@@ -19,7 +19,7 @@ import { chartView, lttbIndices, minMaxBuckets, panRange, slotOf, sourceOf, zoom
 import { useChartSync } from "./composables/useChartSync.js";
 import { createLinkedView, linkChart, linkLog, linkPipeline, linkTable, linkTopology, provideLinkedView, useLinkedView } from "./composables/useLinkedView.js";
 import { _ as _14 } from "./chunks/LpCheckbox-DcXC2qd5.js";
-import { _ as _15 } from "./chunks/LpCodeBlock-Dx0J9xlm.js";
+import { _ as _15 } from "./chunks/LpCodeBlock-kGT15Zou.js";
 import { tokenizeLines } from "./components/codeHighlight.js";
 import { _ as _16 } from "./chunks/LpColorPicker-Cjna_Bio.js";
 import { DEFAULT_SWATCHES, clampHsv, formatColor, hsvToHsl, hsvToRgb, isLight, normalizeHue, opaqueCss, parseColor, parseHex, rgbToHex, rgbToHsv } from "./components/color.js";
@@ -56,14 +56,14 @@ import { i, b, a, c } from "./chunks/icons-V0k93Puc.js";
 import { default as default10 } from "./components/LpImageEditor.vue.js";
 import { _ as _33 } from "./chunks/LpInfraNode-BsExhdPE.js";
 import { _ as _34 } from "./chunks/LpInput-CKMblRtp.js";
-import { _ as _35 } from "./chunks/LpLightbox-Bg1LW_ED.js";
+import { _ as _35 } from "./chunks/LpLightbox-DVyiB4dw.js";
 import { fileNameOf, isVideoItem } from "./components/lightbox.js";
 import { _ as _36 } from "./chunks/LpLink-Krkjhe_y.js";
 import { _ as _37 } from "./chunks/LpLogViewer-Bki-IdNC.js";
 import { _ as _38 } from "./chunks/LpLogInspector-Yj310k4n.js";
 import { compilePattern, findIds, messageShape, structuredPayload, timeMs } from "./components/logTools.js";
 import { countLevels, matchPositions, matchesTerm, ringWindow, stepMatch } from "./components/logSearch.js";
-import { _ as _39 } from "./chunks/LpMediaGallery-pX-znMeP.js";
+import { _ as _39 } from "./chunks/LpMediaGallery-OJemmbV7.js";
 import { _ as _40 } from "./chunks/LpModal-B5y9_LgA.js";
 import { _ as _41 } from "./chunks/LpModalNav-BLvDVl2-.js";
 import { _ as _42 } from "./chunks/LpNotificationBell-Bf0u3t5q.js";
@@ -121,9 +121,9 @@ import { _ as _79 } from "./chunks/LpBottomNav-BcJVkAhh.js";
 import { _ as _80 } from "./chunks/LpTagsInput-By7LMb47.js";
 import { addTags, splitTags } from "./components/tags.js";
 import { _ as _81 } from "./chunks/LpTextarea-Ck6RAfzu.js";
-import { _ as _82 } from "./chunks/LpThemeSwitcher-Dk4Bk6u1.js";
+import { _ as _82 } from "./chunks/LpThemeSwitcher-BZYJ0AXy.js";
 import { _ as _83 } from "./chunks/LpTilt-B7KHX1zH.js";
-import { _ as _84 } from "./chunks/LpToaster-C_CFWSys.js";
+import { _ as _84 } from "./chunks/LpToaster-YcLJFSsH.js";
 import { _ as _85 } from "./chunks/LpTooltip-Bz_rrq5S.js";
 import { _ as _86 } from "./chunks/LpTour-D_AN_SsZ.js";
 import { holeOf, openContextMenu, panelsAround } from "./components/tour.js";
@@ -139,7 +139,7 @@ import { blockTitle, defineBlocks } from "./layout/registry.js";
 import { layoutController, useLayout } from "./layout/useLayout.js";
 import { useWorkspaces } from "./layout/useWorkspaces.js";
 import { _ as _92 } from "./chunks/LpWorkspaceSwitcher-D50sHs9N.js";
-import { _ as _93 } from "./chunks/LpInspector-CqPgVXrm.js";
+import { _ as _93 } from "./chunks/LpInspector-BNxjuWMP.js";
 import { _ as _94 } from "./chunks/LpWindow-Bo5qQgVY.js";
 import { WINDOW_DOCKS, clampRect, dockAt, dockedRect, isWindowRect, resizeRect, snapRect, useWindowLayer } from "./composables/windowing.js";
 import { THEME_COOKIE, applyTheme, applyThemeWithTransition, bootstrapTheme, cacheSystemThemes, normalizeTheme, parseTheme, prefersDarkScheme, revealTransition, serializeTheme, themeEntries, themeFromCookie, themeToCssRule, themeToCssVars, useTheme } from "./theme/useTheme.js";
@@ -188,7 +188,7 @@ import { useZoomPan } from "./composables/useZoomPan.js";
 import { useToast } from "./composables/useToast.js";
 import { _ as _95 } from "./chunks/LpThemeProvider-XK6ZeWAE.js";
 import { _ as _96 } from "./chunks/LpFrame-Bv5Fphte.js";
-import { _ as _97 } from "./chunks/LpThemeStudio-C1xKiv8C.js";
+import { _ as _97 } from "./chunks/LpThemeStudio-RyI-SWiw.js";
 import { _ as _98 } from "./chunks/LpThemeStudioSection-B7bt8Iyg.js";
 import { isInternalHref, resolveLink } from "./components/link.js";
 import { _ as _99 } from "./chunks/LpRepeater-BKq5XPh4.js";
@@ -211,12 +211,12 @@ import { useLoadingGate } from "./composables/useLoadingGate.js";
 import { useNow } from "./composables/useNow.js";
 import { _ as _108 } from "./chunks/LpCountdown-DVl7vXI1.js";
 import { DEFAULT_MILESTONES, DEFAULT_UNIT_LABELS, ceilToSecond, crossedMilestone, formatElapsed, formatTime, msToNextSecond, splitTime, timeParts } from "./components/timeSpan.js";
-import { _ as _109 } from "./chunks/LpCopyButton-BrbvIVMG.js";
-import { _ as _110 } from "./chunks/LpSecretField-_B2qPfk8.js";
-import { _ as _111 } from "./chunks/LpDataList-DhETPjzv.js";
+import { _ as _109 } from "./chunks/LpCopyButton-TGoE43mE.js";
+import { _ as _110 } from "./chunks/LpSecretField-Dp-c7wWc.js";
+import { _ as _111 } from "./chunks/LpDataList-Due909Cy.js";
 import { _ as _112 } from "./chunks/LpEditable-DCPdDDBb.js";
-import { _ as _113 } from "./chunks/LpTruncate-CBUKnr36.js";
-import { _ as _114 } from "./chunks/LpCodeDisplay-BlN7U8Z-.js";
+import { _ as _113 } from "./chunks/LpTruncate-DCZjfcE-.js";
+import { _ as _114 } from "./chunks/LpCodeDisplay-DlwzZo9o.js";
 import { formatRemaining, groupCode, middleTruncate, normalizeCode } from "./components/fieldText.js";
 import { _ as _115 } from "./chunks/LpHoverCard-CHE9jAJG.js";
 import { _ as _116 } from "./chunks/LpIdenticon-Dbbr4fvt.js";
@@ -246,7 +246,7 @@ import { _ as _128 } from "./chunks/LpCommandScope-DRUvHiX7.js";
 import { createPaletteRegistry, mergePaletteCommands, usePaletteCommands, vPalette } from "./composables/usePaletteCommands.js";
 import { commandShortcuts, commandToHotkey, commandToMenuItem, commandToPalette, useCommands } from "./composables/useCommands.js";
 import { usePaletteTheme } from "./theme/palette.js";
-import { _ as _129 } from "./chunks/LpPaletteTheme-Bi6pD1GL.js";
+import { _ as _129 } from "./chunks/LpPaletteTheme-CWFz4H2D.js";
 const uk = {
   actionBar: { dismiss: "Закрити" },
   activityLine: { busy: "Завантаження" },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leavepulse/ui",
-  "version": "0.85.2",
+  "version": "0.86.1",
   "type": "module",
   "description": "LeavePulse token-driven Vue component kit.",
   "repository": {
@@ -72,7 +72,8 @@
     "check:size": "node scripts/check-size.mjs",
     "test:coverage": "bun test --coverage",
     "gen:icons": "node scripts/gen-kit-icons.mjs",
-    "gen:meta": "node scripts/gen-preview-meta.mjs"
+    "gen:meta": "node scripts/gen-preview-meta.mjs",
+    "gen:readme": "node scripts/readme-catalogue.mjs"
   },
   "peerDependencies": {
     "@iconify-json/lucide": "^1.2.0",

package/src/components/LpCopyButton.vue

@@ -39,7 +39,7 @@ export type CopyValue =
  * `failed` state and the `error` event rather than as an exception.
  */
 import { computed, ref, useAttrs } from "vue"
-import { useClipboard } from "../composables/useClipboard"
+import { COPY_LABELS, useClipboard } from "../composables/useClipboard"
 import { useLabels } from "../composables/useLpConfig"
 import LpButton from "./LpButton.vue"
 import LpIcon from "./LpIcon.vue"
@@ -92,7 +92,7 @@ const emit = defineEmits<{
 
 const text = useLabels<CopyButtonLabels>(
   "copyButton",
-  { copy: "Copy", copied: "Copied", failed: "Couldn't copy" },
+  COPY_LABELS,
   () => props.labels,
 )
 

package/src/components/LpTable.vue

@@ -5,7 +5,7 @@ export default { inheritAttrs: false }
 </script>
 
 <script setup lang="ts" generic="T extends Record<string, unknown>">
-import { computed, h, nextTick, onBeforeUnmount, onMounted, ref, shallowRef, useAttrs, useId, watch } from "vue"
+import { computed, h, nextTick, onBeforeUnmount, onMounted, ref, shallowRef, useAttrs, useId, useSlots, watch } from "vue"
 import { suppressPaletteDiscovery, usePaletteCommands, usePaletteScope } from "../composables/usePaletteCommands"
 import { menuPaletteCommands } from "./commandPalette"
 import LpDataList from "./LpDataList.vue"
@@ -1383,8 +1383,14 @@ const countText = computed(() => {
 // As documented on `summary`: the bar shows on its own while filters are
 // active or rows are selected, not merely because rows can be selected, which
 // left a lone "75 rows" over every selectable table.
+const slots = useSlots()
 const showBar = computed(
-  () => props.summary || (!!props.selectable && props.selected.length > 0) || activeFilters.value.length > 0,
+  () =>
+    props.summary ||
+    props.exportable ||
+    !!slots.toolbar ||
+    (!!props.selectable && props.selected.length > 0) ||
+    activeFilters.value.length > 0,
 )
 const filteredOut = computed(() => {
   if (busy.value || failed.value || displayRows.value.length) return false
@@ -1606,12 +1612,6 @@ usePaletteCommands(() => {
   <!-- No top fade: a sticky header sits in the masked band and would be dimmed
        by it. The bottom edge is left crisp with it for symmetry. -->
   <div ref="frameEl" class="flex flex-col gap-3" :class="rootClass">
-  <div v-if="exportable" class="flex justify-end">
-    <LpButton variant="ghost" size="sm" @click="exportCsv()">
-      <LpIcon name="lucide:download" :size="14" />
-      {{ text.exportCsv }}
-    </LpButton>
-  </div>
   <!-- What the table is showing right now: the filters in force, each one
        a chip that clears it, the row count, and what is selected with room
        for the consumer's bulk actions. Eased in and out (LpShift), so the
@@ -1619,7 +1619,14 @@ usePaletteCommands(() => {
   <!-- The gap below the bar lives inside the eased box (pb-3), cancelled
        outside it (-mb-3): an empty box must not leave the root's gap behind. -->
   <LpShift class="-mb-3">
-    <div v-if="showBar" class="flex min-h-8 items-center gap-x-3 pb-3 text-xs">
+    <!-- One line above the table: the page's own controls (#toolbar), the
+         filters in force, then the status and Export at the end. Export used
+         to sit on a line of its own and the page's search and filters on a
+         third, so every table opened with two bands of mostly empty space. -->
+    <div v-if="showBar" class="flex min-h-8 flex-wrap items-center gap-x-3 gap-y-2 pb-3 text-xs">
+      <div v-if="$slots.toolbar" class="flex min-w-0 flex-wrap items-center gap-2 text-sm">
+        <slot name="toolbar" />
+      </div>
       <div v-if="activeFilters.length" class="flex min-w-0 flex-1 flex-wrap items-center gap-1.5">
         <LpBadge
           v-for="f in activeFilters"
@@ -1689,10 +1696,25 @@ usePaletteCommands(() => {
             <slot name="bulk" :selected="selected" :all-matching="allMatching" :clear="clearSelection" />
           </span>
         </Transition>
+        <LpButton v-if="exportable" variant="ghost" size="sm" @click="exportCsv()">
+          <LpIcon name="lucide:download" :size="14" />
+          {{ text.exportCsv }}
+        </LpButton>
       </div>
       </LpShift>
     </div>
   </LpShift>
+  <!-- The frame eases to its new height as rows come and go. A leaving row
+       stays in the flow while it fades (a positioned <tr> loses the column
+       grid), so when it is finally removed the table lost its height in one
+       frame: the rows slid aside smoothly and the box under them snapped.
+       Always on rather than only while `animating`: LpShift starts over when
+       it is switched on, so the change that switched it on was never eased.
+       Rows the parent replaces wholesale still swap at once; only the frame
+       eases. A virtual table owns its own height and stays out. -->
+  <!-- flex-auto, not flex-1: a zero basis overrides the height LpShift sets
+       while it eases, and the box jumped to its new size regardless. -->
+  <LpShift :disabled="!!virtualRowHeight" class="flex min-h-0 flex-auto flex-col">
   <LpScrollArea
     v-bind="scrollAttrs"
     :fade="false"
@@ -1994,6 +2016,7 @@ usePaletteCommands(() => {
     </table>
     </LpContextMenu>
   </LpScrollArea>
+  </LpShift>
   <LpPagination
     v-if="load && total > pageSize"
     v-model:page="page"

package/src/composables/useClipboard.ts

@@ -1,4 +1,5 @@
 import { onScopeDispose, ref } from "vue"
+import { useLabels } from "./useLpConfig"
 import { useToast } from "./useToast"
 
 /*
@@ -90,19 +91,30 @@ async function writeBlob(blob: Blob): Promise<boolean> {
 /** How long `copied` stays true — long enough to read, short enough to not linger. */
 const COPIED_MS = 1400
 
+/**
+ * The kit's words for copying, scope "copyButton": LpCopyButton's own text and
+ * what `toast: true` says. One set, so an app that translates the scope once
+ * has every copy in it speak the same language.
+ */
+export const COPY_LABELS = { copy: "Copy", copied: "Copied", failed: "Couldn't copy" }
+
 export interface CopyOptions {
   /**
    * Toast to raise on success. `false` (the default) stays silent, for callers
    * whose button already shows the tick and would otherwise say it twice.
+   * `true` says the kit's "Copied", in the app's language when its config
+   * translates the "copyButton" scope, so a menu item that copies does not
+   * have to bring its own word for it.
    */
-  toast?: string | false
+  toast?: string | boolean
   /**
    * Toast to raise when the copy fails. Defaults to silence for the same
    * reason the kit's other best-effort paths are silent: a copy that didn't
    * happen is usually obvious, and a scary red box over a blocked clipboard
-   * helps nobody. Pass a string where losing the copy actually costs something.
+   * helps nobody. Pass a string where losing the copy actually costs something,
+   * or `true` for the kit's own "Couldn't copy".
    */
-  errorToast?: string | false
+  errorToast?: string | boolean
 }
 
 export interface UseClipboard {
@@ -143,6 +155,7 @@ export interface UseClipboard {
 export function useClipboard(): UseClipboard {
   const copied = ref(false)
   const { success, error } = useToast()
+  const labels = useLabels("copyButton", COPY_LABELS)
   let timer: ReturnType<typeof setTimeout> | undefined
 
   async function copy(data: string | Blob, options: CopyOptions = {}): Promise<boolean> {
@@ -155,10 +168,10 @@ export function useClipboard(): UseClipboard {
       copied.value = true
       clearTimeout(timer)
       timer = setTimeout(() => (copied.value = false), COPIED_MS)
-      if (toast) success(toast)
+      if (toast) success(toast === true ? labels.value.copied : toast)
       return true
     } catch {
-      if (errorToast) error(errorToast)
+      if (errorToast) error(errorToast === true ? labels.value.failed : errorToast)
       return false
     }
   }