npm - @hexclave/next - Versions diffs - 1.0.14 → 1.0.15 - Mend

@hexclave/next 1.0.14 → 1.0.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (217) hide show

package/dist/esm/clickmap/clickmap-styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"clickmap-styles.js","names":[],"sources":["../../../src/clickmap/clickmap-styles.ts"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n// CSS for the standalone clickmap overlay.\n//\n// The clickmap is fully independent from the dev tool: it ships its own\n// stylesheet and panel chrome so the dev tool (and its stylesheet) can be\n// removed without affecting the clickmap. Class names keep the shared `sdt-`\n// prefix on purpose — the analytics ingest/query layers exclude self-clicks by\n// that prefix (see @hexclave/shared/dist/utils/dev-tool).\n// Uses the .hexclave-clickmap scope to avoid conflicts with host app styles.\n// Design tokens + base reset come from the shared in-page-ui module.\n\nimport { getInPageUiBaseCSS } from \"../in-page-ui/base-styles\";\n\nexport const clickmapCSS = getInPageUiBaseCSS('.hexclave-clickmap') + `\n /* Bottom-centered floating panel (the clickmap's only chrome) */\n .hexclave-clickmap .sdt-hm-panel {\n position: fixed;\n left: 50%;\n bottom: 18px;\n z-index: 2147483647;\n width: min(680px, calc(100vw - 24px));\n max-width: calc(100vw - 24px);\n max-height: calc(100vh - 36px);\n transform: translateX(-50%);\n display: flex;\n flex-direction: column;\n overflow: visible;\n }\n\n .hexclave-clickmap .sdt-hm-panel-inner {\n display: flex;\n flex-direction: column;\n width: 100%;\n animation: sdt-hm-panel-enter 0.2s ease-out;\n }\n\n @keyframes sdt-hm-panel-enter {\n from {\n opacity: 0;\n transform: scale(0.95) translateY(8px);\n }\n to {\n opacity: 1;\n transform: scale(1) translateY(0);\n }\n }\n\n /* --- Clickmaps --- */\n\n .hexclave-clickmap .sdt-hm {\n height: auto;\n display: flex;\n flex-direction: column;\n gap: 8px;\n overflow: visible;\n background: transparent;\n }\n\n /* One spacing rhythm across the pill: a tight 2px base gap so adjacent\n controls read as clusters, with the wider between-group separation\n coming only from the metrics block's own padding (and the title's\n trailing padding). Item-level whitespace inside ghost icon buttons\n already provides the rest of the breathing room. */\n .hexclave-clickmap .sdt-hm-toolbar {\n position: relative;\n z-index: 4;\n display: flex;\n align-items: center;\n gap: 2px;\n min-height: 44px;\n padding: 6px 8px;\n border: 1px solid var(--sdt-border);\n border-radius: 999px;\n background: var(--sdt-overlay-bg);\n box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24);\n backdrop-filter: blur(18px);\n }\n\n .hexclave-clickmap .sdt-hm-toolbar-title {\n flex-shrink: 0;\n padding: 0 6px 0 2px;\n font-size: 13px;\n font-weight: 650;\n color: var(--sdt-text);\n line-height: 1.1;\n }\n\n .hexclave-clickmap .sdt-hm-toolbar-filters {\n flex: 1;\n min-width: 0;\n display: flex;\n align-items: center;\n gap: 6px;\n }\n\n .hexclave-clickmap .sdt-hm-toolbar-filters .sdt-hm-filter-input {\n height: 28px;\n border-radius: 999px;\n font-size: 11.5px;\n }\n\n .hexclave-clickmap .sdt-hm-toolbar-filters > .sdt-hm-filter-input {\n flex-shrink: 0;\n width: auto;\n max-width: 120px;\n padding-right: 4px;\n }\n\n .hexclave-clickmap .sdt-hm-toolbar-url {\n position: relative;\n flex: 1;\n min-width: 0;\n display: flex;\n align-items: center;\n /* The revert/info ghost buttons hug the input they belong to. */\n gap: 2px;\n }\n\n .hexclave-clickmap .sdt-hm-toolbar-url .sdt-hm-filter-input {\n flex: 1;\n }\n\n .hexclave-clickmap .sdt-hm-mode {\n flex-shrink: 0;\n display: inline-flex;\n align-items: center;\n gap: 2px;\n padding: 2px;\n border-radius: 999px;\n background: var(--sdt-bg-elevated);\n border: 1px solid var(--sdt-border-subtle);\n }\n\n .hexclave-clickmap .sdt-hm-mode-btn {\n min-width: 24px;\n height: 20px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border: 0;\n border-radius: 999px;\n background: transparent;\n color: var(--sdt-text-tertiary);\n padding: 0 7px;\n font: inherit;\n font-family: var(--sdt-font-mono, ui-monospace, monospace);\n font-size: 11px;\n font-weight: 600;\n cursor: pointer;\n }\n\n .hexclave-clickmap .sdt-hm-mode-btn:not(.sdt-hm-mode-btn-active):hover {\n color: var(--sdt-text);\n }\n\n .hexclave-clickmap .sdt-hm-mode-btn-active {\n background: var(--sdt-accent);\n color: white;\n }\n\n .hexclave-clickmap .sdt-hm-filter-input-error,\n .hexclave-clickmap .sdt-hm-filter-input-error:focus {\n border-color: var(--sdt-error);\n }\n\n .hexclave-clickmap .sdt-hm-filter-info {\n flex-shrink: 0;\n width: 20px;\n height: 20px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border: 0;\n border-radius: 999px;\n background: transparent;\n color: var(--sdt-text-tertiary);\n cursor: pointer;\n padding: 0;\n }\n\n .hexclave-clickmap .sdt-hm-filter-info:hover,\n .hexclave-clickmap .sdt-hm-filter-info[aria-expanded=\"true\"] {\n background: var(--sdt-bg-hover);\n color: var(--sdt-text);\n }\n\n .hexclave-clickmap .sdt-hm-url-help {\n display: none;\n position: absolute;\n bottom: calc(100% + 10px);\n right: 0;\n z-index: 6;\n width: 320px;\n max-width: min(320px, calc(100vw - 32px));\n box-sizing: border-box;\n padding: 14px;\n border: 1px solid var(--sdt-border);\n border-radius: var(--sdt-radius-lg);\n background: var(--sdt-bg);\n box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);\n backdrop-filter: blur(18px);\n cursor: default;\n }\n\n .hexclave-clickmap .sdt-hm-url-help-open {\n display: block;\n }\n\n .hexclave-clickmap .sdt-hm-url-help-title {\n font-size: 12px;\n font-weight: 650;\n color: var(--sdt-text);\n margin-bottom: 6px;\n }\n\n .hexclave-clickmap .sdt-hm-url-help-body {\n font-size: 11.5px;\n line-height: 1.5;\n color: var(--sdt-text-secondary);\n }\n\n .hexclave-clickmap .sdt-hm-url-help-rows {\n display: flex;\n flex-direction: column;\n gap: 6px;\n margin-top: 12px;\n padding-top: 12px;\n border-top: 1px solid var(--sdt-border-subtle);\n }\n\n .hexclave-clickmap .sdt-hm-url-help-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n }\n\n .hexclave-clickmap .sdt-hm-url-help-code {\n flex-shrink: 0;\n border-radius: var(--sdt-radius);\n background: var(--sdt-bg-elevated);\n border: 1px solid var(--sdt-border-subtle);\n padding: 1px 6px;\n font-family: var(--sdt-font-mono, ui-monospace, monospace);\n font-size: 11px;\n color: var(--sdt-text);\n white-space: nowrap;\n }\n\n .hexclave-clickmap .sdt-hm-url-help-desc {\n font-size: 11px;\n line-height: 1.4;\n color: var(--sdt-text-secondary);\n }\n\n .hexclave-clickmap .sdt-hm-toolbar-metrics {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n /* Side padding is what separates the metrics group from the url field\n on its left and the toggle cluster on its right. */\n padding: 0 8px;\n }\n\n .hexclave-clickmap .sdt-hm-toolbar-metric {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n color: var(--sdt-text-secondary);\n }\n\n .hexclave-clickmap .sdt-hm-toolbar-metric-value {\n font-size: 12px;\n font-weight: 700;\n color: var(--sdt-text);\n font-variant-numeric: tabular-nums;\n }\n\n .hexclave-clickmap .sdt-hm-toolbar-metric-icon {\n display: inline-flex;\n align-items: center;\n color: var(--sdt-text-tertiary);\n }\n\n .hexclave-clickmap .sdt-hm-icon-btn {\n width: 28px;\n height: 28px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n border: 0;\n border-radius: 999px;\n background: transparent;\n color: var(--sdt-text-secondary);\n cursor: pointer;\n }\n\n .hexclave-clickmap .sdt-hm-icon-btn:hover {\n background: var(--sdt-bg-hover);\n color: var(--sdt-text);\n }\n\n /* Presses must always target the button itself: the chevron svg is replaced\n when the panel toggles, and a press whose mousedown landed on a since-\n detached svg never produces a click. */\n .hexclave-clickmap .sdt-hm-icon-btn svg {\n pointer-events: none;\n }\n\n /* Styled tooltips for toolbar controls, driven by a data-sdt-tip attribute\n instead of native title so they match the overlay theme and also show on\n keyboard focus. The hover transition-delay acts as a hover-intent gate so\n tooltips don't flash while the pointer crosses the toolbar; hover-out has\n no delay, so they dismiss instantly. */\n .hexclave-clickmap [data-sdt-tip] {\n position: relative;\n }\n\n .hexclave-clickmap [data-sdt-tip]::after {\n content: attr(data-sdt-tip);\n position: absolute;\n bottom: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%) translateY(2px);\n padding: 4px 8px;\n border: 1px solid var(--sdt-border);\n border-radius: var(--sdt-radius);\n background: var(--sdt-overlay-bg);\n backdrop-filter: blur(18px);\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24);\n color: var(--sdt-text);\n font-size: 11px;\n font-weight: 600;\n line-height: 1.2;\n white-space: nowrap;\n pointer-events: none;\n opacity: 0;\n transition: opacity 0.12s ease, transform 0.12s ease;\n z-index: 3;\n }\n\n .hexclave-clickmap [data-sdt-tip]:hover::after,\n .hexclave-clickmap [data-sdt-tip]:focus-visible::after {\n opacity: 1;\n transform: translateX(-50%) translateY(0);\n transition-delay: 0.35s;\n }\n\n /* The info button's tooltip would sit on top of its own help popover. */\n .hexclave-clickmap .sdt-hm-filter-info[aria-expanded=\"true\"]::after {\n opacity: 0;\n }\n\n .hexclave-clickmap .sdt-hm-details {\n display: none;\n position: relative;\n z-index: 1;\n max-height: min(460px, calc(100vh - 98px));\n overflow: hidden;\n border: 1px solid var(--sdt-border);\n border-radius: var(--sdt-radius-lg);\n background: var(--sdt-bg);\n box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);\n }\n\n .hexclave-clickmap .sdt-hm-expanded .sdt-hm-details {\n display: flex;\n flex-direction: column;\n }\n\n .hexclave-clickmap .sdt-hm-head {\n flex-shrink: 0;\n display: flex;\n flex-direction: column;\n gap: 14px;\n padding: 16px;\n border-bottom: 1px solid var(--sdt-border-subtle);\n }\n\n .hexclave-clickmap .sdt-hm-filters {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n .hexclave-clickmap .sdt-hm-filter-row {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n }\n\n .hexclave-clickmap .sdt-hm-seg {\n position: relative;\n display: flex;\n align-items: stretch;\n gap: 2px;\n height: 30px;\n padding: 3px;\n border-radius: var(--sdt-radius);\n border: 1px solid var(--sdt-border-subtle);\n background: var(--sdt-bg-elevated);\n box-sizing: border-box;\n }\n\n .hexclave-clickmap .sdt-hm-seg-thumb {\n position: absolute;\n top: 3px;\n left: 0;\n bottom: 3px;\n width: 0;\n border-radius: calc(var(--sdt-radius) - 2px);\n background: var(--sdt-bg);\n border: 1px solid var(--sdt-border);\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);\n transform: translateX(0);\n transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1), width 220ms cubic-bezier(0.22, 1, 0.36, 1);\n pointer-events: none;\n }\n\n .hexclave-clickmap .sdt-hm-seg-btn {\n position: relative;\n z-index: 1;\n flex: 1 1 0;\n min-width: 0;\n border: 0;\n background: transparent;\n color: var(--sdt-text-tertiary);\n font: inherit;\n font-family: var(--sdt-font);\n font-size: 11px;\n font-weight: 600;\n line-height: 1;\n padding: 0 4px;\n border-radius: calc(var(--sdt-radius) - 2px);\n cursor: pointer;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n transition: color 160ms ease;\n }\n\n .hexclave-clickmap .sdt-hm-seg-btn:hover {\n color: var(--sdt-text-secondary);\n }\n\n .hexclave-clickmap .sdt-hm-seg-btn[aria-checked=\"true\"] {\n color: var(--sdt-text);\n }\n\n .hexclave-clickmap .sdt-hm-seg-btn:focus-visible {\n outline: 2px solid var(--sdt-accent);\n outline-offset: -2px;\n }\n\n @media (prefers-reduced-motion: reduce) {\n .hexclave-clickmap .sdt-hm-seg-thumb {\n transition: none;\n }\n }\n\n .hexclave-clickmap .sdt-hm-filter-field {\n display: flex;\n flex-direction: column;\n gap: 5px;\n min-width: 0;\n }\n\n .hexclave-clickmap .sdt-hm-filter-label-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 6px;\n min-height: 13px;\n }\n\n .hexclave-clickmap .sdt-hm-filter-label {\n font-size: 10px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n color: var(--sdt-text-tertiary);\n }\n\n .hexclave-clickmap .sdt-hm-filter-reset {\n display: none;\n flex-shrink: 0;\n width: 20px;\n height: 20px;\n align-items: center;\n justify-content: center;\n border: 0;\n border-radius: 999px;\n background: transparent;\n padding: 0;\n color: var(--sdt-accent);\n cursor: pointer;\n }\n\n .hexclave-clickmap .sdt-hm-filter-reset:hover {\n background: var(--sdt-bg-hover);\n color: var(--sdt-accent-hover);\n }\n\n .hexclave-clickmap .sdt-hm-filter-reset-visible {\n display: inline-flex;\n }\n\n .hexclave-clickmap .sdt-hm-filter-input {\n height: 30px;\n border-radius: var(--sdt-radius);\n border: 1px solid var(--sdt-border-subtle);\n background: var(--sdt-bg-elevated);\n color: var(--sdt-text);\n padding: 0 9px;\n font: inherit;\n font-size: 12px;\n font-family: var(--sdt-font);\n min-width: 0;\n width: 100%;\n box-sizing: border-box;\n }\n\n .hexclave-clickmap .sdt-hm-filter-input:focus {\n outline: none;\n border-color: var(--sdt-accent);\n }\n\n .hexclave-clickmap .sdt-hm-actions {\n display: flex;\n align-items: stretch;\n gap: 10px;\n }\n\n .hexclave-clickmap .sdt-hm-actions .sdt-hm-btn {\n height: auto;\n flex-shrink: 0;\n white-space: nowrap;\n padding: 0 16px;\n }\n\n .hexclave-clickmap .sdt-hm-btn {\n height: 30px;\n border-radius: var(--sdt-radius);\n border: 1px solid var(--sdt-border-subtle);\n background: var(--sdt-bg-elevated);\n color: var(--sdt-text-secondary);\n padding: 0 10px;\n font: inherit;\n font-size: 12px;\n cursor: pointer;\n transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;\n }\n\n .hexclave-clickmap .sdt-hm-btn:hover {\n background: var(--sdt-bg-hover);\n color: var(--sdt-text);\n transition: none;\n }\n\n .hexclave-clickmap .sdt-hm-btn-primary {\n background: var(--sdt-accent);\n border-color: var(--sdt-accent);\n color: white;\n }\n\n .hexclave-clickmap .sdt-hm-btn-primary:hover {\n background: var(--sdt-accent);\n border-color: var(--sdt-accent);\n color: white;\n transition: none;\n }\n\n .hexclave-clickmap .sdt-hm-btn-sm {\n height: 24px;\n flex-shrink: 0;\n border-radius: 999px;\n padding: 0 10px;\n font-size: 11px;\n font-weight: 600;\n white-space: nowrap;\n }\n\n .hexclave-clickmap .sdt-hm-btn:disabled {\n opacity: 0.45;\n pointer-events: none;\n }\n\n /* Dead-clicks-only filter toggle (toolbar icon button + expanded-panel\n button). Active state borrows the error tint used by the dead chips so\n the mode reads as \"you are looking at failures\". */\n .hexclave-clickmap .sdt-hm-dead-toggle {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n }\n\n .hexclave-clickmap .sdt-hm-dead-toggle-icon {\n display: inline-flex;\n align-items: center;\n }\n\n .hexclave-clickmap .sdt-hm-dead-toggle-active,\n .hexclave-clickmap .sdt-hm-dead-toggle-active:hover {\n background: var(--sdt-error-muted);\n border-color: var(--sdt-error);\n color: var(--sdt-error);\n transition: none;\n }\n\n /* Toolbar overlay toggle while the overlay is hidden: tinted so the off\n state reads at a glance, eye-off icon carries the meaning. */\n .hexclave-clickmap .sdt-hm-overlay-mini-off,\n .hexclave-clickmap .sdt-hm-overlay-mini-off:hover {\n background: var(--sdt-accent-muted);\n color: var(--sdt-accent-hover);\n }\n\n .hexclave-clickmap .sdt-hm-stats {\n flex: 1;\n min-width: 0;\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 8px;\n }\n\n .hexclave-clickmap .sdt-hm-stat {\n min-width: 0;\n display: flex;\n flex-direction: column;\n gap: 2px;\n border-radius: var(--sdt-radius);\n background: var(--sdt-bg-elevated);\n padding: 7px 10px;\n }\n\n .hexclave-clickmap .sdt-hm-stat-label {\n font-size: 9.5px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n color: var(--sdt-text-tertiary);\n }\n\n .hexclave-clickmap .sdt-hm-stat-value {\n font-size: 15px;\n font-weight: 650;\n color: var(--sdt-text);\n font-variant-numeric: tabular-nums;\n }\n\n /* No top padding on the scroller: the sticky list header pins at top 0,\n and scroller padding reads as a see-through strip above it while the\n list scrolls (Chromium offsets sticky insets by the scroll container's\n padding). The status line below carries the 12px instead. */\n .hexclave-clickmap .sdt-hm-body {\n flex: 1;\n min-height: 0;\n overflow: auto;\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding: 0 16px 14px;\n }\n\n .hexclave-clickmap .sdt-hm-token-status {\n color: var(--sdt-text-secondary);\n padding: 12px 2px 0;\n font-size: 11.5px;\n line-height: 1.45;\n }\n\n .hexclave-clickmap .sdt-hm-token-status-error {\n color: var(--sdt-error);\n }\n\n .hexclave-clickmap .sdt-hm-viewport-warning {\n display: none;\n gap: 8px;\n padding: 10px;\n border-radius: var(--sdt-radius);\n border: 1px solid rgba(234, 179, 8, 0.24);\n background: var(--sdt-warning-muted);\n color: var(--sdt-text);\n }\n\n .hexclave-clickmap .sdt-hm-viewport-warning-visible {\n display: flex;\n flex-direction: column;\n }\n\n .hexclave-clickmap .sdt-hm-viewport-warning-title {\n font-size: 12px;\n font-weight: 650;\n color: var(--sdt-text);\n line-height: 1.2;\n }\n\n .hexclave-clickmap .sdt-hm-viewport-warning-body {\n font-size: 11.5px;\n line-height: 1.45;\n color: var(--sdt-text-secondary);\n }\n\n .hexclave-clickmap .sdt-hm-viewport-warning-actions {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n\n .hexclave-clickmap .sdt-hm-viewport-warning-action {\n min-width: 0;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n border-radius: var(--sdt-radius);\n border: 1px solid var(--sdt-border-subtle);\n background: var(--sdt-bg-elevated);\n padding: 4px 5px 4px 8px;\n }\n\n .hexclave-clickmap .sdt-hm-viewport-warning-label {\n font-size: 10px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n color: var(--sdt-text-tertiary);\n }\n\n .hexclave-clickmap .sdt-hm-viewport-warning-code {\n font-family: var(--sdt-font-mono);\n font-size: 11.5px;\n font-weight: 650;\n color: var(--sdt-text);\n font-variant-numeric: tabular-nums;\n }\n\n .hexclave-clickmap .sdt-hm-copy-btn {\n height: 22px;\n border: 1px solid var(--sdt-border-subtle);\n border-radius: 999px;\n background: var(--sdt-bg);\n color: var(--sdt-text-secondary);\n padding: 0 8px;\n font: inherit;\n font-size: 10.5px;\n font-weight: 600;\n cursor: pointer;\n transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;\n }\n\n .hexclave-clickmap .sdt-hm-copy-btn:hover {\n background: var(--sdt-bg-hover);\n border-color: var(--sdt-border);\n color: var(--sdt-text);\n transition: none;\n }\n\n .hexclave-clickmap .sdt-hm-list {\n display: flex;\n flex-direction: column;\n gap: 2px;\n }\n\n /* Datagrid-style header above the element list. Sticky inside the\n scrolling body (full-bleed via negative margins) so select-all and the\n bulk show/hide actions stay reachable while the list scrolls. The 24px\n left padding lines its master checkbox up with the row checkboxes\n (16px body padding + 8px row padding). */\n .hexclave-clickmap .sdt-hm-list-header {\n display: none;\n position: sticky;\n top: 0;\n z-index: 2;\n align-items: center;\n gap: 8px;\n margin: 0 -16px;\n padding: 8px 24px;\n background: var(--sdt-bg);\n border-bottom: 1px solid var(--sdt-border-subtle);\n }\n\n .hexclave-clickmap .sdt-hm-list-header-visible {\n display: flex;\n }\n\n .hexclave-clickmap .sdt-hm-list-header-summary {\n flex: 1;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 11px;\n font-weight: 600;\n color: var(--sdt-text-secondary);\n font-variant-numeric: tabular-nums;\n }\n\n /* Element search, compacted to header height. Shrinks before the summary\n does, but never below a usable width. */\n .hexclave-clickmap .sdt-hm-list-header .sdt-hm-filter-input {\n flex: 0 1 220px;\n width: auto;\n min-width: 90px;\n height: 24px;\n border-radius: 999px;\n font-size: 11px;\n padding: 0 10px;\n }\n\n .hexclave-clickmap .sdt-hm-empty {\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 140px;\n border-radius: var(--sdt-radius);\n border: 1px dashed var(--sdt-border);\n color: var(--sdt-text-tertiary);\n font-size: 12px;\n text-align: center;\n padding: 0 16px;\n }\n\n .hexclave-clickmap .sdt-hm-row {\n width: 100%;\n display: grid;\n grid-template-columns: 16px minmax(42px, auto) minmax(0, 1fr) 24px;\n align-items: center;\n gap: 10px;\n border: 0;\n border-radius: var(--sdt-radius);\n background: transparent;\n color: var(--sdt-text);\n padding: 8px;\n text-align: left;\n cursor: pointer;\n font-family: var(--sdt-font);\n user-select: none;\n }\n\n .hexclave-clickmap .sdt-hm-row:hover {\n background: var(--sdt-bg-hover);\n transition: none;\n }\n\n .hexclave-clickmap .sdt-hm-row:focus-visible {\n outline: 2px solid var(--sdt-accent);\n outline-offset: 2px;\n }\n\n .hexclave-clickmap .sdt-hm-row-muted {\n opacity: 0.52;\n }\n\n .hexclave-clickmap .sdt-hm-row-highlighted {\n background: rgba(250, 204, 21, 0.12);\n }\n\n /* Declared after -highlighted and with a :hover pair so the selection tint\n wins over both the lead-highlight wash and the plain hover background. */\n .hexclave-clickmap .sdt-hm-row-selected,\n .hexclave-clickmap .sdt-hm-row-selected:hover {\n background: var(--sdt-accent-muted);\n }\n\n /* Row checkbox (also reused as the list header's master checkbox). A\n button with role=checkbox instead of a native input so it can render the\n overlay-themed check/indeterminate icons. */\n .hexclave-clickmap .sdt-hm-row-check {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 16px;\n height: 16px;\n flex-shrink: 0;\n border: 1px solid var(--sdt-border);\n border-radius: calc(var(--sdt-radius) - 3px);\n background: var(--sdt-bg-elevated);\n color: white;\n appearance: none;\n padding: 0;\n cursor: pointer;\n }\n\n .hexclave-clickmap .sdt-hm-row-check:hover {\n border-color: var(--sdt-accent);\n }\n\n .hexclave-clickmap .sdt-hm-row-check[aria-checked=\"true\"],\n .hexclave-clickmap .sdt-hm-row-check[aria-checked=\"mixed\"] {\n background: var(--sdt-accent);\n border-color: var(--sdt-accent);\n }\n\n .hexclave-clickmap .sdt-hm-row-check:focus-visible {\n outline: 2px solid var(--sdt-accent);\n outline-offset: 2px;\n }\n\n .hexclave-clickmap .sdt-hm-row-check svg {\n pointer-events: none;\n }\n\n .hexclave-clickmap .sdt-hm-row-count {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: 24px;\n border-radius: calc(var(--sdt-radius) - 2px);\n background: var(--sdt-accent-muted);\n color: var(--sdt-accent-hover);\n padding: 0 7px;\n font-size: 12px;\n font-weight: 700;\n font-variant-numeric: tabular-nums;\n font-family: var(--sdt-font);\n }\n\n .hexclave-clickmap .sdt-hm-row-muted .sdt-hm-row-count {\n background: var(--sdt-bg-elevated);\n color: var(--sdt-text-tertiary);\n }\n\n .hexclave-clickmap .sdt-hm-row-eye {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n border: 1px solid var(--sdt-border-subtle);\n border-radius: calc(var(--sdt-radius) - 2px);\n background: var(--sdt-bg-elevated);\n color: var(--sdt-text-secondary);\n appearance: none;\n padding: 0;\n cursor: pointer;\n opacity: 0;\n pointer-events: none;\n }\n\n .hexclave-clickmap .sdt-hm-row:hover .sdt-hm-row-eye,\n .hexclave-clickmap .sdt-hm-row:focus-within .sdt-hm-row-eye,\n .hexclave-clickmap .sdt-hm-row-muted .sdt-hm-row-eye {\n opacity: 1;\n pointer-events: auto;\n }\n\n .hexclave-clickmap .sdt-hm-row-eye:hover {\n background: var(--sdt-bg-hover);\n border-color: var(--sdt-border);\n color: var(--sdt-text);\n transition: none;\n }\n\n .hexclave-clickmap .sdt-hm-row-eye:focus-visible {\n outline: 2px solid var(--sdt-accent);\n outline-offset: 2px;\n }\n\n .hexclave-clickmap .sdt-hm-row-meta {\n min-width: 0;\n display: flex;\n flex-direction: column;\n gap: 1px;\n }\n\n .hexclave-clickmap .sdt-hm-row-label-row {\n display: flex;\n align-items: center;\n gap: 6px;\n min-width: 0;\n }\n\n .hexclave-clickmap .sdt-hm-row-label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n min-width: 0;\n font-size: 12px;\n font-weight: 600;\n }\n\n .hexclave-clickmap .sdt-hm-row-dead {\n display: none;\n flex: none;\n align-items: center;\n height: 16px;\n border-radius: calc(var(--sdt-radius) - 3px);\n background: var(--sdt-error-muted);\n color: var(--sdt-error);\n padding: 0 5px;\n font-size: 10px;\n font-weight: 700;\n font-variant-numeric: tabular-nums;\n white-space: nowrap;\n }\n\n .hexclave-clickmap .sdt-hm-row-dead-visible {\n display: inline-flex;\n }\n\n .hexclave-clickmap .sdt-hm-row-selector {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-family: var(--sdt-font-mono);\n font-size: 10.5px;\n color: var(--sdt-text-tertiary);\n }\n\n .sdt-hm-overlay-root {\n position: fixed;\n inset: 0;\n z-index: 2147483646;\n pointer-events: none;\n --resize-dur: 320ms;\n --resize-ease: cubic-bezier(0.22, 1, 0.36, 1);\n }\n\n .sdt-hm-overlay-root .sdt-hm-marker {\n position: fixed;\n transform: translate(-50%, -50%);\n min-width: 28px;\n height: 24px;\n border-radius: 999px;\n padding: 0 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 0;\n color: rgba(10, 10, 11, 0.92);\n font: 700 12px/1 var(--sdt-font, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);\n font-variant-numeric: tabular-nums;\n cursor: pointer;\n pointer-events: auto;\n transition: opacity 0.15s ease, transform 0.15s ease, filter 0.15s ease;\n }\n\n .sdt-hm-overlay-root .sdt-hm-marker:hover {\n transform: translate(-50%, -50%) scale(1.06);\n transition: none;\n }\n\n .sdt-hm-overlay-root .sdt-hm-marker-muted {\n opacity: 0.18;\n filter: saturate(0.25);\n text-decoration: line-through;\n }\n\n .sdt-hm-overlay-root .sdt-hm-marker-highlighted {\n transform: translate(-50%, -50%) scale(1.08);\n }\n\n .sdt-hm-overlay-root .sdt-hm-outline {\n position: fixed;\n border: 1px solid;\n border-radius: 4px;\n background: rgba(99, 102, 241, 0.04);\n transition: opacity 0.15s ease, background 0.15s ease, border-color 0.15s ease;\n }\n\n .sdt-hm-overlay-root .sdt-hm-outline-muted {\n opacity: 0;\n }\n\n .sdt-hm-overlay-root .sdt-hm-outline-highlighted {\n border-color: rgba(250, 204, 21, 0.92) !important;\n }\n\n .sdt-hm-overlay-root .sdt-hm-highlight {\n position: fixed;\n border-radius: 5px;\n background: rgba(250, 204, 21, 0.28);\n box-shadow: 0 0 0 1px rgba(250, 204, 21, 0.7), 0 0 0 9999px rgba(0, 0, 0, 0.04);\n opacity: 0;\n will-change: top, left, width, height;\n transition: opacity 0.18s ease;\n }\n\n .sdt-hm-overlay-root .sdt-hm-highlight-visible {\n opacity: 1;\n }\n\n .sdt-hm-overlay-root .sdt-hm-highlight-animating {\n transition:\n top var(--resize-dur) var(--resize-ease),\n left var(--resize-dur) var(--resize-ease),\n width var(--resize-dur) var(--resize-ease),\n height var(--resize-dur) var(--resize-ease),\n opacity 0.18s ease;\n }\n\n @media (prefers-reduced-motion: reduce) {\n .sdt-hm-overlay-root .sdt-hm-highlight-animating {\n transition: opacity 0.18s ease;\n }\n }\n`;\n"],"mappings":";;;AAgBA,MAAa,cAAc,mBAAmB,qBAAqB,GAAG"}

package/dist/esm/clickmap/index.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+import { StackClientApp } from "../lib/hexclave-app";
+//#region src/clickmap/index.d.ts
+/**
+ * Mounts the clickmap overlay listener on the page.
+ *
+ * The clickmap is fully independent from the dev tool. It has no ambient UI:
+ * nothing renders until a dashboard-minted token is handed over (the
+ * CLICKMAP_OVERLAY_TOKEN_UPDATED event fired by the dashboard's console
+ * snippet) or a navigation-resume sentinel is present — only then is the
+ * actual overlay code lazily loaded and shown.
+ */
+declare function mountClickmapOverlay(app: StackClientApp<true>): () => void;
+//#endregion
+export { mountClickmapOverlay };
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/clickmap/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/clickmap/index.ts"],"mappings":";;;;;AA2EA;;;;;;;iBAAgB,oBAAA,CAAqB,GAAA,EAAK,cAAA"}

package/dist/esm/clickmap/index.js ADDED Viewed

@@ -0,0 +1,72 @@
+import { CLICKMAP_OVERLAY_RESUME_STORAGE_KEY, CLICKMAP_OVERLAY_TOKEN_UPDATED_EVENT } from "@hexclave/shared/dist/utils/analytics-clickmap-overlay";
+import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
+import { canMountIntoDom } from "../in-page-ui/dom.js";
+import { captureError } from "@hexclave/shared/dist/utils/errors";
+//#region src/clickmap/index.ts
+function consumeResumeSentinel() {
+	try {
+		if (sessionStorage.getItem(CLICKMAP_OVERLAY_RESUME_STORAGE_KEY) !== "1") return false;
+		sessionStorage.removeItem(CLICKMAP_OVERLAY_RESUME_STORAGE_KEY);
+		return true;
+	} catch {
+		return false;
+	}
+}
+let activeApp = null;
+let activeOverlayCleanup = null;
+let openGeneration = 0;
+let tokenListenerAttached = false;
+let openClickmapOverlayPromise = null;
+function loadOpenClickmapOverlay() {
+	if (!openClickmapOverlayPromise) openClickmapOverlayPromise = import("./clickmap-core.js").then((m) => m.openClickmapOverlay).catch((err) => {
+		openClickmapOverlayPromise = null;
+		throw err;
+	});
+	return openClickmapOverlayPromise;
+}
+function tryOpenOverlay() {
+	if (activeOverlayCleanup || !activeApp || !canMountIntoDom()) return;
+	const generation = ++openGeneration;
+	const app = activeApp;
+	runAsynchronously(async () => {
+		const openClickmapOverlay = await loadOpenClickmapOverlay();
+		if (generation !== openGeneration) return;
+		if (activeOverlayCleanup || activeApp !== app || !canMountIntoDom()) return;
+		activeOverlayCleanup = openClickmapOverlay(app, () => {
+			activeOverlayCleanup = null;
+		});
+	}, {
+		noErrorLogging: true,
+		onError: (error) => {
+			captureError("clickmap-mount", error);
+		}
+	});
+}
+/**
+* Mounts the clickmap overlay listener on the page.
+*
+* The clickmap is fully independent from the dev tool. It has no ambient UI:
+* nothing renders until a dashboard-minted token is handed over (the
+* CLICKMAP_OVERLAY_TOKEN_UPDATED event fired by the dashboard's console
+* snippet) or a navigation-resume sentinel is present — only then is the
+* actual overlay code lazily loaded and shown.
+*/
+function mountClickmapOverlay(app) {
+	activeApp = app;
+	if (typeof window !== "undefined" && !tokenListenerAttached) {
+		tokenListenerAttached = true;
+		window.addEventListener(CLICKMAP_OVERLAY_TOKEN_UPDATED_EVENT, tryOpenOverlay);
+	}
+	if (canMountIntoDom() && consumeResumeSentinel()) tryOpenOverlay();
+	return () => {
+		if (activeApp !== app) return;
+		activeApp = null;
+		openGeneration++;
+		activeOverlayCleanup?.();
+	};
+}
+//#endregion
+export { mountClickmapOverlay };
+//# sourceMappingURL=index.js.map

package/dist/esm/clickmap/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","names":[],"sources":["../../../src/clickmap/index.ts"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport {\n CLICKMAP_OVERLAY_RESUME_STORAGE_KEY,\n CLICKMAP_OVERLAY_TOKEN_UPDATED_EVENT,\n} from \"@hexclave/shared/dist/utils/analytics-clickmap-overlay\";\nimport { captureError } from \"@hexclave/shared/dist/utils/errors\";\nimport { runAsynchronously } from \"@hexclave/shared/dist/utils/promises\";\nimport { canMountIntoDom } from \"../in-page-ui/dom\";\nimport type { StackClientApp } from \"../lib/hexclave-app\";\nimport type { openClickmapOverlay as OpenClickmapOverlayFn } from \"./clickmap-core\";\n\n// While the overlay is open it drops a sentinel into sessionStorage on unload\n// (see clickmap-core); consuming it here reopens the clickmap on the next page\n// so the user picks up where they left off.\nfunction consumeResumeSentinel(): boolean {\n try {\n if (sessionStorage.getItem(CLICKMAP_OVERLAY_RESUME_STORAGE_KEY) !== '1') return false;\n sessionStorage.removeItem(CLICKMAP_OVERLAY_RESUME_STORAGE_KEY);\n return true;\n } catch {\n return false;\n }\n}\n\nlet activeApp: StackClientApp<true> | null = null;\nlet activeOverlayCleanup: (() => void) | null = null;\nlet openGeneration = 0;\nlet tokenListenerAttached = false;\n\nlet openClickmapOverlayPromise: Promise<typeof OpenClickmapOverlayFn> | null = null;\nfunction loadOpenClickmapOverlay(): Promise<typeof OpenClickmapOverlayFn> {\n if (!openClickmapOverlayPromise) {\n openClickmapOverlayPromise = import(\"./clickmap-core\").then(m => m.openClickmapOverlay).catch((err) => {\n openClickmapOverlayPromise = null;\n throw err;\n });\n }\n return openClickmapOverlayPromise;\n}\n\nfunction tryOpenOverlay() {\n // Already open: the panel listens for the token event itself and refetches.\n if (activeOverlayCleanup || !activeApp || !canMountIntoDom()) return;\n\n const generation = ++openGeneration;\n const app = activeApp;\n\n runAsynchronously(async () => {\n const openClickmapOverlay = await loadOpenClickmapOverlay();\n if (generation !== openGeneration) return;\n if (activeOverlayCleanup || activeApp !== app || !canMountIntoDom()) return;\n activeOverlayCleanup = openClickmapOverlay(app, () => {\n activeOverlayCleanup = null;\n });\n }, {\n noErrorLogging: true,\n onError: (error) => {\n captureError(\"clickmap-mount\", error);\n },\n });\n}\n\n/**\n * Mounts the clickmap overlay listener on the page.\n *\n * The clickmap is fully independent from the dev tool. It has no ambient UI:\n * nothing renders until a dashboard-minted token is handed over (the\n * CLICKMAP_OVERLAY_TOKEN_UPDATED event fired by the dashboard's console\n * snippet) or a navigation-resume sentinel is present — only then is the\n * actual overlay code lazily loaded and shown.\n */\nexport function mountClickmapOverlay(app: StackClientApp<true>): () => void {\n activeApp = app;\n\n if (typeof window !== 'undefined' && !tokenListenerAttached) {\n tokenListenerAttached = true;\n window.addEventListener(CLICKMAP_OVERLAY_TOKEN_UPDATED_EVENT, tryOpenOverlay);\n }\n\n if (canMountIntoDom() && consumeResumeSentinel()) {\n tryOpenOverlay();\n }\n\n return () => {\n if (activeApp !== app) return;\n activeApp = null;\n openGeneration++;\n activeOverlayCleanup?.();\n };\n}\n\n"],"mappings":";;;;;;AAkBA,SAAS,wBAAiC;AACxC,KAAI;AACF,MAAI,eAAe,QAAQ,oCAAoC,KAAK,IAAK,QAAO;AAChF,iBAAe,WAAW,oCAAoC;AAC9D,SAAO;SACD;AACN,SAAO;;;AAIX,IAAI,YAAyC;AAC7C,IAAI,uBAA4C;AAChD,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;AAE5B,IAAI,6BAA2E;AAC/E,SAAS,0BAAiE;AACxE,KAAI,CAAC,2BACH,8BAA6B,OAAO,sBAAmB,MAAK,MAAK,EAAE,oBAAoB,CAAC,OAAO,QAAQ;AACrG,+BAA6B;AAC7B,QAAM;GACN;AAEJ,QAAO;;AAGT,SAAS,iBAAiB;AAExB,KAAI,wBAAwB,CAAC,aAAa,CAAC,iBAAiB,CAAE;CAE9D,MAAM,aAAa,EAAE;CACrB,MAAM,MAAM;AAEZ,mBAAkB,YAAY;EAC5B,MAAM,sBAAsB,MAAM,yBAAyB;AAC3D,MAAI,eAAe,eAAgB;AACnC,MAAI,wBAAwB,cAAc,OAAO,CAAC,iBAAiB,CAAE;AACrE,yBAAuB,oBAAoB,WAAW;AACpD,0BAAuB;IACvB;IACD;EACD,gBAAgB;EAChB,UAAU,UAAU;AAClB,gBAAa,kBAAkB,MAAM;;EAExC,CAAC;;;;;;;;;;;AAYJ,SAAgB,qBAAqB,KAAuC;AAC1E,aAAY;AAEZ,KAAI,OAAO,WAAW,eAAe,CAAC,uBAAuB;AAC3D,0BAAwB;AACxB,SAAO,iBAAiB,sCAAsC,eAAe;;AAG/E,KAAI,iBAAiB,IAAI,uBAAuB,CAC9C,iBAAgB;AAGlB,cAAa;AACX,MAAI,cAAc,IAAK;AACvB,cAAY;AACZ;AACA,0BAAwB"}

package/dist/esm/components/api-key-dialogs.js CHANGED Viewed

@@ -1,16 +1,16 @@
 'use client';
 import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
-import { ActionDialog, Button, CopyField, Input, Label, Typography } from "@hexclave/ui";
-import { useState } from "react";
-import { useUser } from "../index.js";
-import { useTranslation } from "../lib/translations.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { captureError } from "@hexclave/shared/dist/utils/errors";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { yupObject, yupString } from "@hexclave/shared/dist/schema-fields";
+import { ActionDialog, Button, CopyField, Input, Label, Typography } from "@hexclave/ui";
+import { useState } from "react";
 import { useForm } from "react-hook-form";
+import { useUser } from "../index.js";
 import { FormWarningText } from "../components/elements/form-warning.js";
+import { useTranslation } from "../lib/translations.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/api-key-dialogs.tsx
 const neverInMs = 1e3 * 60 * 60 * 24 * 365 * 200;

package/dist/esm/components/credential-sign-in.js CHANGED Viewed

@@ -1,14 +1,14 @@
 'use client';
 import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
+import { yupResolver } from "@hookform/resolvers/yup";
+import { passwordSchema, strictEmailSchema, yupObject } from "@hexclave/shared/dist/schema-fields";
 import { Button, Input, Label, PasswordInput } from "@hexclave/ui";
 import { useState } from "react";
+import { useForm } from "react-hook-form";
 import { useStackApp } from "../index.js";
 import { useTranslation } from "../lib/translations.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { yupResolver } from "@hookform/resolvers/yup";
-import { passwordSchema, strictEmailSchema, yupObject } from "@hexclave/shared/dist/schema-fields";
-import { useForm } from "react-hook-form";
 import { FormWarningText } from "./elements/form-warning.js";
 import { StyledLink } from "./link.js";

package/dist/esm/components/credential-sign-up.js CHANGED Viewed

@@ -1,17 +1,17 @@
 'use client';
 import { runAsynchronously, runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
+import { yupResolver } from "@hookform/resolvers/yup";
+import { passwordSchema, strictEmailSchema, yupObject } from "@hexclave/shared/dist/schema-fields";
 import { Button, Input, Label, PasswordInput } from "@hexclave/ui";
 import React, { useState } from "react";
+import { useForm } from "react-hook-form";
 import { useTranslation } from "../lib/translations.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useStackApp } from "../lib/hooks.js";
-import { yupResolver } from "@hookform/resolvers/yup";
-import { passwordSchema, strictEmailSchema, yupObject } from "@hexclave/shared/dist/schema-fields";
-import { useForm } from "react-hook-form";
+import { FormWarningText } from "./elements/form-warning.js";
 import { getPasswordError } from "@hexclave/shared/dist/helpers/password";
 import * as yup from "yup";
-import { FormWarningText } from "./elements/form-warning.js";
+import { useStackApp } from "../lib/hooks.js";
 //#region src/components/credential-sign-up.tsx
 function CredentialSignUp(props) {

package/dist/esm/components/elements/sidebar-layout.js CHANGED Viewed

@@ -1,9 +1,9 @@
 'use client';
 import { Button, Typography, cn } from "@hexclave/ui";
-import { XIcon } from "lucide-react";
 import React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { XIcon } from "lucide-react";
 import { useHash } from "@hexclave/shared/dist/hooks/use-hash";
 import { useStackApp } from "../../index.js";

package/dist/esm/components/elements/user-avatar.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { Avatar, AvatarFallback, AvatarImage } from "@hexclave/ui";
-import { UserRound } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { UserRound } from "lucide-react";
 //#region src/components/elements/user-avatar.tsx
 const defaultSize = 34;

package/dist/esm/components/magic-link-sign-in.js CHANGED Viewed

@@ -1,16 +1,16 @@
 'use client';
 import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
+import { yupResolver } from "@hookform/resolvers/yup";
+import { strictEmailSchema, yupObject } from "@hexclave/shared/dist/schema-fields";
 import { Button, Input, InputOTP, InputOTPGroup, InputOTPSlot, Label, Typography } from "@hexclave/ui";
 import { useEffect, useState } from "react";
+import { useForm } from "react-hook-form";
 import { useTranslation } from "../lib/translations.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { KnownErrors } from "@hexclave/shared";
-import { useStackApp } from "../lib/hooks.js";
-import { yupResolver } from "@hookform/resolvers/yup";
-import { strictEmailSchema, yupObject } from "@hexclave/shared/dist/schema-fields";
-import { useForm } from "react-hook-form";
 import { FormWarningText } from "./elements/form-warning.js";
+import { useStackApp } from "../lib/hooks.js";
+import { KnownErrors } from "@hexclave/shared";
 //#region src/components/magic-link-sign-in.tsx
 function OTP(props) {

package/dist/esm/components/message-cards/predefined-message-card.js CHANGED Viewed

@@ -2,9 +2,9 @@
 import { Typography } from "@hexclave/ui";
 import { jsx } from "react/jsx-runtime";
-import { useTranslation } from "../../lib/translations.js";
 import { useStackApp } from "../../index.js";
 import { MessageCard } from "./message-card.js";
+import { useTranslation } from "../../lib/translations.js";
 //#region src/components/message-cards/predefined-message-card.tsx
 function PredefinedMessageCard({ type, fullPage = false }) {

package/dist/esm/components/passkey-button.js CHANGED Viewed

@@ -1,11 +1,11 @@
 'use client';
 import { Button } from "@hexclave/ui";
-import { KeyRound } from "lucide-react";
 import { useId } from "react";
 import { useStackApp } from "../index.js";
 import { useTranslation } from "../lib/translations.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { KeyRound } from "lucide-react";
 //#region src/components/passkey-button.tsx
 function PasskeyButton({ type }) {

package/dist/esm/components/profile-image-editor.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
 import { Button, Slider, Typography } from "@hexclave/ui";
-import { Upload } from "lucide-react";
 import { useCallback, useState } from "react";
 import { useTranslation } from "../lib/translations.js";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Upload } from "lucide-react";
 import { fileToBase64 } from "@hexclave/shared/dist/utils/base64";
 import imageCompression from "browser-image-compression";
 import Cropper from "react-easy-crop";

package/dist/esm/components/team-icon.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { Avatar, AvatarImage, Typography } from "@hexclave/ui";
-import { User2 } from "lucide-react";
 import { jsx } from "react/jsx-runtime";
+import { User2 } from "lucide-react";
 //#region src/components/team-icon.tsx
 function TeamIcon(props) {

package/dist/esm/components/team-switcher.js CHANGED Viewed

@@ -1,13 +1,13 @@
 'use client';
 import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
+import { HexclaveAssertionError } from "@hexclave/shared/dist/utils/errors";
 import { Button, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Skeleton, Typography, cn } from "@hexclave/ui";
-import { PlusCircle, Settings } from "lucide-react";
 import { Suspense, useMemo } from "react";
 import { useStackApp, useUser } from "../index.js";
 import { useTranslation } from "../lib/translations.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { HexclaveAssertionError } from "@hexclave/shared/dist/utils/errors";
+import { PlusCircle, Settings } from "lucide-react";
 import { TeamIcon } from "./team-icon.js";
 //#region src/components/team-switcher.tsx

package/dist/esm/components/user-button.js CHANGED Viewed

@@ -2,11 +2,11 @@
 import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, Skeleton, Typography } from "@hexclave/ui";
-import { CircleUser, LogIn, LogOut, SunMoon, UserPlus } from "lucide-react";
 import React, { Suspense } from "react";
 import { useStackApp, useUser } from "../index.js";
 import { useTranslation } from "../lib/translations.js";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { CircleUser, LogIn, LogOut, SunMoon, UserPlus } from "lucide-react";
 import { UserAvatar } from "./elements/user-avatar.js";
 //#region src/components/user-button.tsx

package/dist/esm/components-page/account-settings/active-sessions/active-sessions-page.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
+import { captureError } from "@hexclave/shared/dist/utils/errors";
 import { ActionCell, Badge, Button, Skeleton, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Typography } from "@hexclave/ui";
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { captureError } from "@hexclave/shared/dist/utils/errors";
 import { fromNow } from "@hexclave/shared/dist/utils/dates";
 import { useUser } from "../../../lib/hooks.js";
 import { useTranslation } from "../../../lib/translations.js";

package/dist/esm/components-page/account-settings/editable-text.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { Button, Input, Typography } from "@hexclave/ui";
-import { Edit } from "lucide-react";
 import { useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Edit } from "lucide-react";
 import { useTranslation } from "../../lib/translations.js";
 //#region src/components-page/account-settings/editable-text.tsx

package/dist/esm/components-page/account-settings/email-and-auth/emails-section.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
-import { ActionCell, Badge, Button, Input, Table, TableBody, TableCell, TableRow, Typography } from "@hexclave/ui";
-import { useEffect, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { strictEmailSchema, yupObject } from "@hexclave/shared/dist/schema-fields";
+import { ActionCell, Badge, Button, Input, Table, TableBody, TableCell, TableRow, Typography } from "@hexclave/ui";
+import { useEffect, useState } from "react";
 import { useForm } from "react-hook-form";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useUser } from "../../../lib/hooks.js";
 import { useTranslation } from "../../../lib/translations.js";
 import { KnownErrors } from "@hexclave/shared/dist/known-errors";

package/dist/esm/components-page/account-settings/email-and-auth/mfa-section.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
+import { throwErr } from "@hexclave/shared/dist/utils/errors";
 import { Button, Input, Typography } from "@hexclave/ui";
 import { useEffect, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { throwErr } from "@hexclave/shared/dist/utils/errors";
 import { useStackApp, useUser } from "../../../lib/hooks.js";
 import { useTranslation } from "../../../lib/translations.js";
 import { createTOTPKeyURI, verifyTOTP } from "@oslojs/otp";

package/dist/esm/components-page/account-settings/email-and-auth/password-section.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { runAsynchronously, runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
-import { Button, Input, Label, PasswordInput, Typography } from "@hexclave/ui";
-import { useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { passwordSchema, yupObject, yupString } from "@hexclave/shared/dist/schema-fields";
+import { Button, Input, Label, PasswordInput, Typography } from "@hexclave/ui";
+import { useState } from "react";
 import { useForm } from "react-hook-form";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { getPasswordError } from "@hexclave/shared/dist/helpers/password";
 import * as yup from "yup";
 import { useUser } from "../../../lib/hooks.js";

package/dist/esm/components-page/account-settings/teams/team-api-keys-section.js CHANGED Viewed

@@ -1,7 +1,7 @@
+import { HexclaveAssertionError } from "@hexclave/shared/dist/utils/errors";
 import { Button } from "@hexclave/ui";
 import { useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { HexclaveAssertionError } from "@hexclave/shared/dist/utils/errors";
 import { useStackApp, useUser } from "../../../lib/hooks.js";
 import { useTranslation } from "../../../lib/translations.js";
 import { CreateApiKeyDialog, ShowApiKeyDialog } from "../../../components/api-key-dialogs.js";

package/dist/esm/components-page/account-settings/teams/team-creation-page.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
-import { Button, Input } from "@hexclave/ui";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { yupObject, yupString } from "@hexclave/shared/dist/schema-fields";
+import { Button, Input } from "@hexclave/ui";
+import { useState } from "react";
 import { useForm } from "react-hook-form";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useStackApp, useUser } from "../../../lib/hooks.js";
 import { useTranslation } from "../../../lib/translations.js";
 import { PageLayout } from "../page-layout.js";

package/dist/esm/components-page/account-settings/teams/team-member-invitation-section.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
-import { Button, Input, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Typography } from "@hexclave/ui";
-import { Trash } from "lucide-react";
-import { useEffect, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { strictEmailSchema, yupObject } from "@hexclave/shared/dist/schema-fields";
+import { Button, Input, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Typography } from "@hexclave/ui";
+import { useEffect, useState } from "react";
 import { useForm } from "react-hook-form";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Trash } from "lucide-react";
 import { useUser } from "../../../lib/hooks.js";
 import { useTranslation } from "../../../lib/translations.js";
 import { FormWarningText } from "../../../components/elements/form-warning.js";

package/dist/esm/components-page/account-settings.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import * as lucide_react0 from "lucide-react";
 import React from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as lucide_react0 from "lucide-react";
 //#region src/components-page/account-settings.d.ts
 declare const iconMap: {

package/dist/esm/components-page/account-settings.js CHANGED Viewed

@@ -2,13 +2,14 @@
 import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
 import { Skeleton, Typography } from "@hexclave/ui";
-import { Bell, CirclePlus, Contact, CreditCard, Key, Monitor, Settings, ShieldCheck } from "lucide-react";
 import React, { Suspense, useEffect, useMemo, useRef, useState } from "react";
 import { useStackApp, useUser } from "../index.js";
+import { useTranslation } from "../lib/translations.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Bell, CirclePlus, Contact, CreditCard, Key, Monitor, Settings, ShieldCheck } from "lucide-react";
 import { MaybeFullPage } from "../components/elements/maybe-full-page.js";
 import { SidebarLayout } from "../components/elements/sidebar-layout.js";
 import { TeamIcon } from "../components/team-icon.js";
-import { useTranslation } from "../lib/translations.js";
 import { ActiveSessionsPage } from "./account-settings/active-sessions/active-sessions-page.js";
 import { ApiKeysPage } from "./account-settings/api-keys/api-keys-page.js";
 import { EmailsAndAuthPage } from "./account-settings/email-and-auth/email-and-auth-page.js";
@@ -18,7 +19,6 @@ import { PaymentsPage } from "./account-settings/payments/payments-page.js";
 import { SettingsPage } from "./account-settings/settings/settings-page.js";
 import { TeamCreationPage } from "./account-settings/teams/team-creation-page.js";
 import { TeamPage } from "./account-settings/teams/team-page.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components-page/account-settings.tsx
 const iconMap = {

package/dist/esm/components-page/auth-page.js CHANGED Viewed

@@ -1,14 +1,14 @@
 'use client';
 import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
+import { captureError } from "@hexclave/shared/dist/utils/errors";
 import { Skeleton, Tabs, TabsContent, TabsList, TabsTrigger, Typography, cn } from "@hexclave/ui";
 import { Suspense, useMemo } from "react";
 import { useStackApp, useUser } from "../index.js";
-import { MaybeFullPage } from "../components/elements/maybe-full-page.js";
 import { useTranslation } from "../lib/translations.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { KnownError } from "@hexclave/shared";
-import { captureError } from "@hexclave/shared/dist/utils/errors";
+import { MaybeFullPage } from "../components/elements/maybe-full-page.js";
 import { use } from "@hexclave/shared/dist/utils/react";
 import { CredentialSignIn } from "../components/credential-sign-in.js";
 import { CredentialSignUp } from "../components/credential-sign-up.js";

package/dist/esm/components-page/cli-auth-confirm.js CHANGED Viewed

@@ -1,13 +1,13 @@
 'use client';
 import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
+import { hexclaveAppInternalsSymbol } from "../lib/hexclave-app/common.js";
 import { Typography } from "@hexclave/ui";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { useTranslation } from "../lib/translations.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { MessageCard } from "../components/message-cards/message-card.js";
-import { hexclaveAppInternalsSymbol } from "../lib/hexclave-app/common.js";
 import { useStackApp } from "../lib/hooks.js";
+import { MessageCard } from "../components/message-cards/message-card.js";
 //#region src/components-page/cli-auth-confirm.tsx
 async function postCliAuthComplete(app, body) {

package/dist/esm/components-page/cli-auth-confirm.test.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
+import { hexclaveAppInternalsSymbol } from "../lib/hexclave-app/common.js";
 import React, { act } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createRoot } from "react-dom/client";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
-import { hexclaveAppInternalsSymbol } from "../lib/hexclave-app/common.js";
 import { HexclaveContext } from "../providers/hexclave-context.js";
 import { useCliAuthConfirmation } from "./cli-auth-confirm.js";

package/dist/esm/components-page/email-verification.js CHANGED Viewed

@@ -1,11 +1,11 @@
 'use client';
+import { throwErr } from "@hexclave/shared/dist/utils/errors";
 import React from "react";
 import { useStackApp, useUser } from "../index.js";
 import { useTranslation } from "../lib/translations.js";
 import { jsx } from "react/jsx-runtime";
 import { KnownErrors } from "@hexclave/shared";
-import { throwErr } from "@hexclave/shared/dist/utils/errors";
 import { MessageCard as MessageCard$1 } from "../components/message-cards/message-card.js";
 //#region src/components-page/email-verification.tsx

package/dist/esm/components-page/forgot-password.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"forgot-password.d.ts","names":[],"sources":["../../../src/components-page/forgot-password.tsx"],"mappings":";;;iBAqBgB,kBAAA,CAAA;EAAqB;AAAA;EAAY,MAAA;AAAA,IAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,~~iBAgDtD~~,cAAA,CAAe,KAAA;EAAS,QAAA;AAAA,IAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
1	+ {"version":3,"file":"forgot-password.d.ts","names":[],"sources":["../../../src/components-page/forgot-password.tsx"],"mappings":";;;iBAqBgB,kBAAA,CAAA;EAAqB;AAAA;EAAY,MAAA;AAAA,IAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBA+CtD,cAAA,CAAe,KAAA;EAAS,QAAA;AAAA,IAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/esm/components-page/forgot-password.js CHANGED Viewed

@@ -1,18 +1,18 @@
 'use client';
 import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
+import { yupResolver } from "@hookform/resolvers/yup";
+import { strictEmailSchema, yupObject } from "@hexclave/shared/dist/schema-fields";
 import { Button, Input, Label, Typography, cn } from "@hexclave/ui";
 import { useState } from "react";
+import { useForm } from "react-hook-form";
 import { useStackApp, useUser } from "../index.js";
-import { MaybeFullPage } from "../components/elements/maybe-full-page.js";
+import { FormWarningText } from "../components/elements/form-warning.js";
 import { useTranslation } from "../lib/translations.js";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { MaybeFullPage } from "../components/elements/maybe-full-page.js";
 import { StyledLink } from "../components/link.js";
 import { PredefinedMessageCard } from "../components/message-cards/predefined-message-card.js";
-import { yupResolver } from "@hookform/resolvers/yup";
-import { strictEmailSchema, yupObject } from "@hexclave/shared/dist/schema-fields";
-import { useForm } from "react-hook-form";
-import { FormWarningText } from "../components/elements/form-warning.js";
 //#region src/components-page/forgot-password.tsx
 function ForgotPasswordForm({ onSent }) {
@@ -44,8 +44,7 @@ function ForgotPasswordForm({ onSent }) {
 				id: "email",
 				type: "email",
 				autoComplete: "email",
-				...register("email"),
-				onChange: () => clearErrors("email")
+				...register("email", { onChange: () => clearErrors("email") })
 			}),
 			/* @__PURE__ */ jsx(FormWarningText, { text: errors.email?.message?.toString() }),
 			/* @__PURE__ */ jsx(Button, {