@jini-ai/ui 0.6.15-rc.2 → 0.6.16

package/dist/react/components/SecretInput.hooks.d.ts

@@ -1,26 +1,3 @@
-export interface SecretRevealRequired {
-    /** The input's current value. A transition to `''` re-hides (the usual sign a save succeeded). */
-    readonly value: unknown;
-    /** The toggle's full accessible names, translated ("Show API key" / "Hide API key"). */
-    readonly labels: {
-        readonly show: string;
-        readonly hide: string;
-    };
-}
-export interface SecretRevealOptional {
-    /** Controlled mode: the host owns the shown/hidden state (e.g. to reset it per provider). */
-    readonly revealed?: boolean;
-    readonly onRevealedChange?: (revealed: boolean) => void;
-}
-/**
- * The show/hide state behind `SecretInput`'s eye toggle. Starts hidden. Uncontrolled, it re-hides on
- * the value's transition to empty only — an empty field may still be revealed before pasting.
- * @complexity O(1).
- */
-export declare function useSecretReveal(required: SecretRevealRequired, optional?: SecretRevealOptional): {
-    readonly revealed: boolean;
-    readonly inputType: "text" | "password";
-    readonly toggleLabel: string;
-    readonly toggle: () => void;
-};
+/** Compatibility entry; ui-kit owns the shared secret reveal lifecycle. */
+export { useSecretReveal, type SecretRevealRequired, type SecretRevealOptional } from "@jini-ai/ui-kit/react";
 //# sourceMappingURL=SecretInput.hooks.d.ts.map

package/dist/react/components/SecretInput.hooks.js

@@ -1,25 +1,3 @@
-import { useState } from 'react';
-/**
- * The show/hide state behind `SecretInput`'s eye toggle. Starts hidden. Uncontrolled, it re-hides on
- * the value's transition to empty only — an empty field may still be revealed before pasting.
- * @complexity O(1).
- */
-export function useSecretReveal(required, optional = {}) {
-    const [ownRevealed, setOwnRevealed] = useState(false);
-    const [lastValue, setLastValue] = useState(required.value);
-    if (required.value !== lastValue) {
-        setLastValue(required.value);
-        if (required.value === '')
-            setOwnRevealed(false);
-    }
-    const revealed = optional.revealed ?? ownRevealed;
-    const toggleLabel = revealed ? required.labels.hide : required.labels.show;
-    const toggle = () => {
-        if (optional.onRevealedChange)
-            optional.onRevealedChange(!revealed);
-        else
-            setOwnRevealed(!revealed);
-    };
-    return { revealed, inputType: revealed ? 'text' : 'password', toggleLabel, toggle };
-}
+/** Compatibility entry; ui-kit owns the shared secret reveal lifecycle. */
+export { useSecretReveal } from "@jini-ai/ui-kit/react";
 //# sourceMappingURL=SecretInput.hooks.js.map

package/dist/react/components/SecretInput.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
+import { SecretInput as KitSecretInput } from '@jini-ai/ui-kit/react';
 import { useT } from '../../features/i18n/index.js';
 import { Icon } from './Icon.js';
 import { useSecretReveal } from './SecretInput.hooks.js';
@@ -13,10 +14,10 @@ function useSecretToggle({ label, toggleLabels, toggleAttrs, revealed, onReveale
     return { reveal, button };
 }
 export const SecretInput = forwardRef(function SecretInput(props, ref) {
-    // The toggle props are pulled off so they never reach the DOM `<input>`.
-    const { label, toggleLabels, toggleAttrs, revealed, onRevealedChange, ...inputProps } = props;
-    const { reveal, button } = useSecretToggle(props, { value: inputProps.value, disabled: inputProps.disabled });
-    return (_jsxs("span", { className: "jini-secret", children: [_jsx("input", { ...inputProps, spellCheck: false, ref: ref, type: reveal.inputType }), button] }));
+    const t = useT();
+    return _jsx(KitSecretInput, { ...props, ref: ref, toggleLabels: props.toggleLabels ?? {
+            show: `${t('Show')} ${props.label}`, hide: `${t('Hide')} ${props.label}`,
+        } });
 });
 export const SecretTextarea = forwardRef(function SecretTextarea(props, ref) {
     const { label, toggleLabels, toggleAttrs, revealed, onRevealedChange, style, maskedValue, ...textareaProps } = props;

package/dist/react/components/Toast.js

@@ -15,6 +15,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // hook-testable in isolation.
 import { useCallback, useEffect, useRef, useState, } from 'react';
 import { Icon } from './Icon.js';
+import { withClassName } from '../../utils/class-names.js';
 export const TOAST_DEFAULT_TTL = 4000;
 // Exit fade duration — kept in sync with the `.jini-toast.leaving` CSS
 // animation the host supplies. The fade plays inside the TTL window (it
@@ -65,7 +66,8 @@ export function toastFadeDelay(effectiveTtl) {
 /** The root `className` string, composed from tone/placement/extra/leaving. */
 export function toastClassName(options) {
     const { tone, placement, className, leaving } = options;
-    return `jini-toast tone-${tone} placement-${placement}${className ? ` ${className}` : ''}${leaving ? ' leaving' : ''}`;
+    const base = withClassName(`jini-toast tone-${tone} placement-${placement}`, className);
+    return leaving ? `${base} leaving` : base;
 }
 // --- Hooks (co-located, exported) -----------------------------------------
 /**
@@ -105,7 +107,7 @@ export function useToastAutoDismiss(options) {
         // prior leaving state before re-arming the timers.
         setLeaving(false);
         if (!toastShouldAutoDismiss(hasDismiss, effectiveTtl))
-            return;
+            return undefined;
         const fadeId = window.setTimeout(() => setLeaving(true), toastFadeDelay(effectiveTtl));
         const dismissId = window.setTimeout(fireDismiss, effectiveTtl);
         return () => {

package/dist/react/components/TooltipLayer.js

@@ -46,6 +46,9 @@ export function positionTooltip(target, tooltip, placement) {
         left = rect.right + TOOLTIP_GAP;
         top = rect.top + rect.height / 2 - tip.height / 2;
     }
+    else {
+        // 'top': the centred-above position computed above already applies.
+    }
     return {
         x: Math.round(clamp(left, TOOLTIP_MARGIN, maxLeft)),
         y: Math.round(clamp(top, TOOLTIP_MARGIN, maxTop)),
@@ -180,7 +183,7 @@ export function useTooltipLayer() {
     }, [restoreNativeTitle]);
     useEffect(() => {
         if (!state?.target || typeof MutationObserver === 'undefined')
-            return;
+            return undefined;
         const target = state.target;
         const observer = new MutationObserver(() => {
             if (!isTooltipTarget(target)) {

package/dist/react/components/WorkingDirPicker.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useId, useRef, useState, } from 'react';
 import { Icon } from './Icon.js';
+import { withClassName } from '../../utils/class-names.js';
 export const DEFAULT_WORKING_DIR_LABELS = {
     missing: 'Directory no longer exists',
     hint: 'Select a working directory',
@@ -45,7 +46,7 @@ export function useDismissablePanel(onOpen) {
     }, [open, onOpen]);
     useEffect(() => {
         if (!open)
-            return;
+            return undefined;
         function onPointer(event) {
             if (wrapRef.current?.contains(event.target))
                 return;
@@ -175,10 +176,10 @@ function useWorkingDirFocusHandoff({ open, triggerRef, panelRef }) {
         if (open) {
             wasOpenRef.current = true;
             panelRef.current?.querySelector(MENU_ITEM_SELECTOR)?.focus();
-            return;
+            return undefined;
         }
         if (!wasOpenRef.current)
-            return;
+            return undefined;
         wasOpenRef.current = false;
         const timeout = window.setTimeout(() => triggerRef.current?.focus(), 0);
         return () => window.clearTimeout(timeout);
@@ -212,6 +213,6 @@ export function WorkingDirPicker({ workingDir, recentDirs, onPickDirectory, onSe
             return;
         handleRecentFlyoutKey({ event, showRecent, hideRecent });
     }, [hideRecent, showRecent]);
-    return (_jsxs("div", { ref: wrapRef, className: `jini-working-dir-picker${className ? ` ${className}` : ''}`, "data-testid": "working-dir-picker", children: [_jsx(WorkingDirTrigger, { triggerRef: triggerRef, workingDir: workingDir, invalid: invalid, open: open, panelId: panelId, t: t, toggle: toggle }), open ? (_jsx(WorkingDirPanel, { panelRef: panelRef, panelId: panelId, placement: placement, workingDir: workingDir, recentDirs: recentDirs, canClear: Boolean(workingDir && onClear), t: t, picker: picker, onKeyDown: handlePanelKeyDown })) : null] }));
+    return (_jsxs("div", { ref: wrapRef, className: withClassName('jini-working-dir-picker', className), "data-testid": "working-dir-picker", children: [_jsx(WorkingDirTrigger, { triggerRef: triggerRef, workingDir: workingDir, invalid: invalid, open: open, panelId: panelId, t: t, toggle: toggle }), open ? (_jsx(WorkingDirPanel, { panelRef: panelRef, panelId: panelId, placement: placement, workingDir: workingDir, recentDirs: recentDirs, canClear: Boolean(workingDir && onClear), t: t, picker: picker, onKeyDown: handlePanelKeyDown })) : null] }));
 }
 //# sourceMappingURL=WorkingDirPicker.js.map

package/dist/react/components/agent-icon-data-uris.generated.js

@@ -7,7 +7,6 @@ export const AGENT_ICON_DATA_URIS = {
     "antigravity": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yIC0xIDI4IDI4Ij48cGF0aCBkPSJNMjEuNzUxIDIyLjYwN2MxLjM0IDEuMDA1IDMuMzUuMzM1IDEuNTA4LTEuNTA4QzE3LjczIDE1Ljc0IDE4LjkwNCAxIDEyLjAzNyAxIDUuMTcgMSA2LjM0MiAxNS43NC44MTUgMjEuMWMtMi4wMSAyLjAwOS4xNjcgMi41MTEgMS41MDcgMS41MDYgNS4xOTItMy41MTcgNC44NTctOS43MTQgOS43MTUtOS43MTQgNC44NTcgMCA0LjUyMiA2LjE5NyA5LjcxNCA5LjcxNXoiIGZpbGw9InVybCgjYWcpIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhZyIgeDE9IjIiIHkxPSIxMiIgeDI9IjIyIiB5Mj0iMTIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjNDI4NUY0Ii8+PHN0b3Agb2Zmc2V0PSIuMzMiIHN0b3AtY29sb3I9IiNFQTQzMzUiLz48c3RvcCBvZmZzZXQ9Ii42NiIgc3RvcC1jb2xvcj0iI0ZCQkMwNCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzM0QTg1MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPgo=",
     "claude": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI2Q5Nzc1NyIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjAuOTk4IDEwLjk0OUgyNHYzLjEwMmgtM3YzLjAyOGgtMS40ODdWMjBIMTh2LTIuOTIxaC0xLjQ4N1YyMEgxNXYtMi45MjFIOVYyMEg3LjQ4OHYtMi45MjFINlYyMEg0LjQ4N3YtMi45MjFIM1YxNC4wNUgwdi0zLjFoM1Y1aDE3Ljk5OHpNNiAxMC45NDloMS40ODhWOC4xMDJINnptMTAuNTEgMEgxOFY4LjEwMmgtMS40OXoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==",
     "codex": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE5LjUwMyAwSDQuNDk2QTQuNDk2IDQuNDk2IDAgMCAwIDAgNC40OTZ2MTUuMDA3QTQuNDk2IDQuNDk2IDAgMCAwIDQuNDk2IDI0aDE1LjAwN0E0LjQ5NiA0LjQ5NiAwIDAgMCAyNCAxOS41MDNWNC40OTZBNC40OTYgNC40OTYgMCAwIDAgMTkuNTAzIDAiLz48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNOS4wNjQgMy4zNDRhNC42IDQuNiAwIDAgMSAyLjI4NS0uMzEycTEuNS4xNzMgMi42NzMgMS4yNzUuMDE2LjAxNS4wMzcuMDIxYS4xLjEgMCAwIDAgLjA0MyAwIDQuNTUgNC41NSAwIDAgMSAzLjA0Ni4yNzVsLjA0Ny4wMjIuMTE2LjA1N2E0LjU4IDQuNTggMCAwIDEgMi4xODggMi4zOTlxLjMxMy43NjUuMzE1IDEuNTk1YTQuMiA0LjIgMCAwIDEtLjEzNCAxLjIyMy4xMi4xMiAwIDAgMCAuMDMuMTE1cS44OS45MSAxLjE4MyAyLjE3LjQzMyAyLjEzOC0uODg3IDMuODU0bC0uMTM2LjE2NmE0LjU1IDQuNTUgMCAwIDEtMi4yMDEgMS4zODguMTIuMTIgMCAwIDAtLjA4MS4wNzZjLS4xOTEuNTUxLS4zODMgMS4wMjMtLjc0IDEuNDk0LS45IDEuMTg3LTIuMjIyIDEuODQ2LTMuNzExIDEuODM4cS0xLjc4LS4wMDktMy4xNTctMS4zMDJhLjExLjExIDAgMCAwLS4xMDUtLjAyNGMtLjM4OC4xMjUtLjc4LjE0My0xLjIwNC4xMzhhNC40NCA0LjQ0IDAgMCAxLTEuOTQ1LS40NjYgNC41NCA0LjU0IDAgMCAxLTEuNjEtMS4zMzVjLS4xNTItLjIwMi0uMzAzLS4zOTItLjQxNC0uNjE3YTYgNiAwIDAgMS0uMzctLjk2MSA0LjYgNC42IDAgMCAxLS4wMTQtMi4yOTguMS4xIDAgMCAwIC4wMDYtLjA1Ni4xLjEgMCAwIDAtLjAyNy0uMDQ4IDQuNSA0LjUgMCAwIDEtMS4wMzQtMS42NTEgMy45IDMuOSAwIDAgMS0uMjUxLTEuMTkyIDUuMiA1LjIgMCAwIDEgLjE0MS0xLjZRMy42NTkgNy45MiA1LjA4NiA2Ljk3cS4zMTgtLjIxMi42MDEtLjMzYTYgNiAwIDAgMSAuNjQ2LS4yMjcuMS4xIDAgMCAwIC4wNjUtLjA2NiA0LjUgNC41IDAgMCAxIC44MjktMS42MTUgNC41NCA0LjU0IDAgMCAxIDEuODM3LTEuMzg4bTMuNDgyIDEwLjU2NWEuNjM3LjYzNyAwIDAgMCAwIDEuMjcyaDMuNjM2YS42MzcuNjM3IDAgMSAwIDAtMS4yNzJ6TTguNDYyIDkuMjNhLjYzNy42MzcgMCAwIDAtMS4xMDYuNjMxbDEuMjcyIDIuMjI0LTEuMjY2IDIuMTM2YS42MzYuNjM2IDAgMSAwIDEuMDk1LjY0OWwxLjQ1NC0yLjQ1NWEuNjQuNjQgMCAwIDAgLjAwNS0uNjR6Ii8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMTIiIHgyPSIxMiIgeTE9IjMiIHkyPSIyMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNiMWE3ZmYiLz48c3RvcCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSIjN2E5ZGZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMzk0MWZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+",
-    "copilot": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzg1MzRGMyIgZD0iTTIzLjkyMiAxNi45OTJjLS44NjEgMS40OTUtNS44NTkgNS4wMjMtMTEuOTIyIDUuMDIzLTYuMDYzIDAtMTEuMDYxLTMuNTI4LTExLjkyMi01LjAyM0EuNjQxLjY0MSAwIDAgMSAwIDE2LjczNnYtMi44NjlhLjg0MS44NDEgMCAwIDEgLjA1My0uMjJjLjM3Mi0uOTM1IDEuMzQ3LTIuMjkyIDIuNjA1LTIuNjU2LjE2Ny0uNDI5LjQxNC0xLjA1NS42NDQtMS41MTdhMTAuMTk1IDEwLjE5NSAwIDAgMS0uMDUyLTEuMDg2YzAtMS4zMzEuMjgyLTIuNDk5IDEuMTMyLTMuMzY4LjM5Ny0uNDA2Ljg5LS43MTcgMS40NzQtLjk1MiAxLjM5OS0xLjEzNiAzLjM5Mi0yLjA5MyA2LjEyMi0yLjA5MyAyLjczMSAwIDQuNzY3Ljk1NyA2LjE2NiAyLjA5My41ODQuMjM1IDEuMDc3LjU0NiAxLjQ3NC45NTIuODUuODY5IDEuMTMyIDIuMDM3IDEuMTMyIDMuMzY4IDAgLjM2OC0uMDE0LjczMy0uMDUyIDEuMDg2LjIzLjQ2Mi40NzcgMS4wODguNjQ0IDEuNTE3IDEuMjU4LjM2NCAyLjIzMyAxLjcyMSAyLjYwNSAyLjY1NmEuODMyLjgzMiAwIDAgMSAuMDUzLjIydjIuODY5YS42NDEuNjQxIDAgMCAxLS4wNzguMjU2Wk0xMi4xNzIgMTFoLS4zNDRhNC4zMjMgNC4zMjMgMCAwIDEtLjM1NS41MDhDMTAuNzAzIDEyLjQ1NSA5LjU1NSAxMyA3Ljk2NSAxM2MtMS43MjUgMC0yLjk4OS0uMzU5LTMuNzgyLTEuMjU5YTIuMDA1IDIuMDA1IDAgMCAxLS4wODUtLjEwNEw0IDExLjc0MXY2LjU4NWMxLjQzNS43NzkgNC41MTQgMi4xNzkgOCAyLjE3OSAzLjQ4NiAwIDYuNTY1LTEuNCA4LTIuMTc5di02LjU4NWwtLjA5OC0uMTA0cy0uMDMzLjA0NS0uMDg1LjEwNGMtLjc5My45LTIuMDU3IDEuMjU5LTMuNzgyIDEuMjU5LTEuNTkgMC0yLjczOC0uNTQ1LTMuNTA4LTEuNDkyYTQuMzIzIDQuMzIzIDAgMCAxLS4zNTUtLjUwOGgtLjAxNi4wMTZabS42NDEtMi45MzVjLjEzNiAxLjA1Ny40MDMgMS45MTMuODc4IDIuNDk3LjQ0Mi41NDQgMS4xMzQuOTM4IDIuMzQ0LjkzOCAxLjU3MyAwIDIuMjkyLS4zMzcgMi42NTctLjc1MS4zODQtLjQzNS41NTgtMS4xNS41NTgtMi4zNjEgMC0xLjE0LS4yNDMtMS44NDctLjcwNS0yLjMxOS0uNDc3LS40ODgtMS4zMTktLjg2Mi0yLjgyNC0xLjAyNS0xLjQ4Ny0uMTYxLTIuMTkyLjEzOC0yLjUzMy41MjktLjI2OS4zMDctLjQzNy44MDgtLjQzOCAxLjU3OHYuMDIxYzAgLjI2NS4wMjEuNTYyLjA2My44OTNabS0xLjYyNiAwYy4wNDItLjMzMS4wNjMtLjYyOC4wNjMtLjg5NHYtLjAyYy0uMDAxLS43Ny0uMTY5LTEuMjcxLS40MzgtMS41NzgtLjM0MS0uMzkxLTEuMDQ2LS42OS0yLjUzMy0uNTI5LTEuNTA1LjE2My0yLjM0Ny41MzctMi44MjQgMS4wMjUtLjQ2Mi40NzItLjcwNSAxLjE3OS0uNzA1IDIuMzE5IDAgMS4yMTEuMTc1IDEuOTI2LjU1OCAyLjM2MS4zNjUuNDE0IDEuMDg0Ljc1MSAyLjY1Ny43NTEgMS4yMSAwIDEuOTAyLS4zOTQgMi4zNDQtLjkzOC40NzUtLjU4NC43NDItMS40NC44NzgtMi40OTdaIi8+PHBhdGggZmlsbD0iIzg1MzRGMyIgZD0iTTE0LjUgMTQuMjVhMSAxIDAgMCAxIDEgMXYyYTEgMSAwIDAgMS0yIDB2LTJhMSAxIDAgMCAxIDEtMVptLTUgMGExIDEgMCAwIDEgMSAxdjJhMSAxIDAgMCAxLTIgMHYtMmExIDEgMCAwIDEgMS0xWiIvPjwvc3ZnPg==",
     "cursor-agent": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiMxYzFiMWEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjIuMTA2IDUuNjggMTIuNS4xMzVhMSAxIDAgMCAwLS45OTggMEwxLjg5MyA1LjY4YS44NC44NCAwIDAgMC0uNDE5LjcyNnYxMS4xODZjMCAuMy4xNi41NzcuNDIuNzI3bDkuNjA3IDUuNTQ3YTEgMSAwIDAgMCAuOTk4IDBsOS42MDgtNS41NDdhLjg0Ljg0IDAgMCAwIC40Mi0uNzI3VjYuNDA3YS44NC44NCAwIDAgMC0uNDItLjcyNnptLS42MDMgMS4xNzZMMTIuMjI4IDIyLjkyYy0uMDYzLjEwOC0uMjI4LjA2NC0uMjI4LS4wNjFWMTIuMzRhLjU5LjU5IDAgMCAwLS4yOTUtLjUxbC05LjExLTUuMjZjLS4xMDctLjA2Mi0uMDYzLS4yMjguMDYyLS4yMjhoMTguNTVjLjI2NCAwIC40MjguMjg2LjI5Ni41MTQiLz48L3N2Zz4=",
     "deepseek": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzRkNmJmZSIgZD0iTTIzLjc0OCA0LjQ4MmMtLjI1NC0uMTI0LS4zNjQuMTEzLS41MTIuMjM0LS4wNTEuMDM5LS4wOTQuMDktLjEzNy4xMzYtLjM3Mi4zOTctLjgwNi42NTctMS4zNzMuNjI2LS44MjktLjA0Ni0xLjUzNy4yMTQtMi4xNjMuODQ4LS4xMzMtLjc4Mi0uNTc1LTEuMjQ4LTEuMjQ3LTEuNTQ4LS4zNTItLjE1Ni0uNzA4LS4zMTEtLjk1NS0uNjUtLjE3Mi0uMjQxLS4yMTktLjUxLS4zMDUtLjc3NC0uMDU1LS4xNi0uMTEtLjMyMy0uMjkzLS4zNS0uMi0uMDMxLS4yNzguMTM2LS4zNTYuMjc2LS4zMTMuNTcyLS40MzQgMS4yMDItLjQyMiAxLjg0LjAyNyAxLjQzNi42MzMgMi41OCAxLjgzOCAzLjM5My4xMzcuMDkzLjE3Mi4xODcuMTI5LjMyMy0uMDgyLjI4LS4xOC41NTItLjI2Ni44MzMtLjA1NS4xNzktLjEzNy4yMTctLjMyOS4xNGE1LjUgNS41IDAgMCAxLTEuNzM2LTEuMThjLS44NTctLjgyOC0xLjYzMS0xLjc0Mi0yLjU5Ny0yLjQ1OGExMSAxMSAwIDAgMC0uNjg5LS40NzFjLS45ODUtLjk1Ny4xMy0xLjc0My4zODgtMS44MzYuMjctLjA5OC4wOTMtLjQzMi0uNzc5LS40MjhzLTEuNjcuMjk1LTIuNjg3LjY4NGEzIDMgMCAwIDEtLjQ2NS4xMzcgOS42IDkuNiAwIDAgMC0yLjg4My0uMTAyYy0xLjg4NS4yMS0zLjM5IDEuMTAyLTQuNDk3IDIuNjIzQy4wODIgOC42MDYtLjIzMSAxMC42ODQuMTUyIDEyLjg1Yy40MDMgMi4yODQgMS41NjkgNC4xNzUgMy4zNiA1LjY1MyAxLjg1OCAxLjUzMyAzLjk5NyAyLjI4NCA2LjQzOCAyLjE0IDEuNDgyLS4wODUgMy4xMzMtLjI4NCA0Ljk5NC0xLjg2LjQ3LjIzNC45NjIuMzI3IDEuNzguMzk3LjYzLjA1OSAxLjIzNi0uMDMgMS43MDUtLjEyOC43MzUtLjE1Ni42ODQtLjgzNy40MTktLjk2MS0yLjE1NS0xLjAwNC0xLjY4Mi0uNTk1LTIuMTEzLS45MjYgMS4wOTYtMS4yOTYgMi43NDYtMi42NDIgMy4zOTItNy4wMDMuMDUtLjM0Ny4wMDctLjU2NSAwLS44NDUtLjAwNC0uMTcuMDM1LS4yMzcuMjMtLjI1NmE0LjIgNC4yIDAgMCAwIDEuNTQ1LS40NzVjMS4zOTYtLjc2MyAxLjk2LTIuMDE1IDIuMDkzLTMuNTE3LjAyLS4yMy0uMDA0LS40NjctLjI0Ny0uNTg4ek0xMS41ODEgMThjLTIuMDg5LTEuNjQyLTMuMTAyLTIuMTgzLTMuNTItMi4xNi0uMzkyLjAyNC0uMzIxLjQ3MS0uMjM1Ljc2My4wOS4yODguMjA3LjQ4Ni4zNzEuNzM5LjExNC4xNjcuMTkyLjQxNi0uMTEzLjYwMy0uNjczLjQxNi0xLjg0Mi0uMTQtMS44OTctLjE2Ny0xLjM2MS0uODAyLTIuNS0xLjg2LTMuMzAxLTMuMzA3LS43NzQtMS4zOTMtMS4yMjQtMi44ODctMS4yOTgtNC40ODItLjAyLS4zODYuMDkzLS41MjIuNDc3LS41OTJhNC43IDQuNyAwIDAgMSAxLjUyOS0uMDM5YzIuMTMyLjMxMiAzLjk0NiAxLjI2NSA1LjQ2OCAyLjc3NC44NjguODYgMS41MjUgMS44ODcgMi4yMDIgMi44OTEuNzIgMS4wNjYgMS40OTQgMi4wODIgMi40OCAyLjkxNC4zNDguMjkyLjYyNS41MTQuODkxLjY3Ny0uODAyLjA5LTIuMTQuMTEtMy4wNTQtLjYxNG0xLTYuNDRhLjMwNi4zMDYgMCAwIDEgLjQxNS0uMjg3LjMuMyAwIDAgMSAuMi4yODguMzA2LjMwNiAwIDAgMS0uMzEuMzA3LjMwMy4zMDMgMCAwIDEtLjMwNC0uMzA4em0zLjExIDEuNTk2Yy0uMi4wODEtLjM5OS4xNTEtLjU5LjE2YTEuMjUgMS4yNSAwIDAgMS0uNzk4LS4yNTRjLS4yNzQtLjIzLS40Ny0uMzU4LS41NTItLjc1OGExLjcgMS43IDAgMCAxIC4wMTYtLjU4OGMuMDctLjMyNy0uMDA4LS41MzctLjIzOS0uNzI3LS4xODctLjE1Ni0uNDI2LS4xOTktLjY4OC0uMTk5YS41Ni41NiAwIDAgMS0uMjU0LS4wNzguMjUzLjI1MyAwIDAgMS0uMTE0LS4zNThjLjAyOC0uMDU0LjE2LS4xODYuMTkyLS4yMS4zNTYtLjIwMi43NjctLjEzNiAxLjE0Ni4wMTYuMzUyLjE0NC42MTguNDA4IDEuMDAxLjc4Mi4zOTEuNDUxLjQ2Mi41NzYuNjg1LjkxNC4xNzYuMjY1LjMzNi41MzcuNDQ1Ljg0OC4wNjcuMTk1LS4wMTkuMzU0LS4yNS40NTIiLz48L3N2Zz4=",
     "gemini": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0idXJsKCNhKSIgZD0iTTAgNC4zOTFBNC4zOSA0LjM5IDAgMCAxIDQuMzkxIDBoMTUuMjE3QTQuMzkgNC4zOSAwIDAgMSAyNCA0LjM5MXYxNS4yMTdBNC4zOSA0LjM5IDAgMCAxIDE5LjYwOCAyNEg0LjM5MUE0LjM5IDQuMzkgMCAwIDEgMCAxOS42MDh6Ii8+PHBhdGggZmlsbD0iIzFlMWUyZSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTkuNzQgMS40NDRhMi44MTYgMi44MTYgMCAwIDEgMi44MTYgMi44MTZ2MTUuNDhhMi44MTYgMi44MTYgMCAwIDEtMi44MTYgMi44MTZINC4yNmEyLjgxNiAyLjgxNiAwIDAgMS0yLjgxNi0yLjgxNlY0LjI2QTIuODE2IDIuODE2IDAgMCAxIDQuMjYgMS40NDR6TTcuMjM2IDguNTY0bDcuNzUyIDMuNzI4LTcuNzUyIDMuNzI3djIuODAybDkuNTU3LTQuNTk2di0zLjg2Nkw3LjIzNiA1Ljc2M3oiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjI0IiB4Mj0iMCIgeTE9IjYuNTg3IiB5Mj0iMTYuNDk0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI2VlNGQ1ZCIvPjxzdG9wIG9mZnNldD0iLjMyOCIgc3RvcC1jb2xvcj0iI2IzODFkZCIvPjxzdG9wIG9mZnNldD0iLjQ3NiIgc3RvcC1jb2xvcj0iIzIwN2NmZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==",

package/dist/react/components/remixicon-font-recovery.js

@@ -85,7 +85,15 @@ function isRemixIconFaceRule(rule) {
 function findRemixIconFontSource({ rules }) {
     const face = Array.from(rules).find(isRemixIconFaceRule);
     // This package owns one url(...) WOFF2 source, not a general CSS font-source parser.
-    return face?.style.getPropertyValue('src').match(/url\(\s*["']?([^"')]+)["']?\s*\)/)?.[1];
+    const source = face?.style.getPropertyValue('src');
+    if (!source)
+        return undefined;
+    const open = source.indexOf('url(');
+    const close = source.indexOf(')', open + 4);
+    if (open < 0 || close < 0)
+        return undefined;
+    // URL construction below already discards surrounding whitespace. Keep quotes outside the URL.
+    return /^["']?([^"']+)["']?$/.exec(source.slice(open + 4, close).trim())?.[1];
 }
 /** The source URL tagged with the attempt number; only http(s) URLs accept a query parameter. */
 function retryFontUrl({ url, attempt }) {

package/dist/react/components/select-popover.js

@@ -103,7 +103,7 @@ export function useSelectPopoverPosition(required, optional = {}) {
     // biome-ignore lint/correctness/useExhaustiveDependencies: scroll/resize listener wiring — see comment above; onOutOfView is read through latest; only lifecycle/ref changes re-arm it.
     useEffect(() => {
         if (!open || !portal)
-            return;
+            return undefined;
         function reposition() {
             const trigger = triggerRef.current;
             if (!trigger)
@@ -146,7 +146,7 @@ export function useSelectPopover(required, optional = {}) {
     }
     useEffect(() => {
         if (!open)
-            return;
+            return undefined;
         function onOutside(event) {
             if (isSelectEventInside({ target: event.target, trigger: triggerRef.current, panel: panelRef.current }))
                 return;

package/dist/react/hooks/useBrandFonts.js

@@ -33,7 +33,7 @@ export function useBrandFonts({ fonts }, options = {}) {
     }, [googleUrls, document]);
     useEffect(() => {
         if (!projectId || !resolveProjectAssetUrl)
-            return;
+            return undefined;
         let cancelled = false;
         let styleEl = null;
         void (async () => {

package/dist/react/hooks/useEdgeAutoScroll.js

@@ -52,7 +52,7 @@ export function useEdgeAutoScroll(contentKey) {
     useEffect(() => {
         const el = scrollRef.current;
         if (!el)
-            return;
+            return undefined;
         const updateEdges = () => {
             const maxScroll = el.scrollWidth - el.clientWidth;
             setEdges({

package/dist/react/hooks/useInView.js

@@ -10,21 +10,21 @@ export function useInView(options = {}) {
     useEffect(() => {
         const node = ref.current;
         if (!node)
-            return;
+            return undefined;
         if (typeof IntersectionObserver === 'undefined') {
             setInView(true);
-            return;
+            return undefined;
         }
         const observer = new IntersectionObserver((entries) => {
             for (const entry of entries) {
-                if (entry.isIntersecting) {
-                    setInView(true);
-                    if (options.once !== false) {
-                        observer.disconnect();
-                    }
+                if (!entry.isIntersecting) {
+                    if (options.once === false)
+                        setInView(false);
+                    continue;
                 }
-                else if (options.once === false) {
-                    setInView(false);
+                setInView(true);
+                if (options.once !== false) {
+                    observer.disconnect();
                 }
             }
         }, {

package/dist/react/hooks/useResizableSplitPane.js

@@ -114,12 +114,9 @@ export function useResizableSplitPane(options = {}) {
             return undefined;
         const updateAllowedWidth = () => {
             const containerWidth = container.clientWidth;
-            const nextSecondaryMin = !Number.isFinite(containerWidth) || containerWidth <= 0
-                ? minSecondaryWidth
-                : containerWidth < minNormalContainerWidth
-                    ? 0
-                    : minSecondaryWidth;
-            const nextMax = !Number.isFinite(containerWidth) || containerWidth <= 0
+            const unmeasured = !Number.isFinite(containerWidth) || containerWidth <= 0;
+            const nextSecondaryMin = !unmeasured && containerWidth < minNormalContainerWidth ? 0 : minSecondaryWidth;
+            const nextMax = unmeasured
                 ? maxWidthOption
                 : Math.max(0, Math.min(maxWidthOption, Math.floor(containerWidth - handleWidth - nextSecondaryMin)));
             maxWidthRef.current = nextMax;
@@ -219,22 +216,17 @@ export function useResizableSplitPane(options = {}) {
         finishResize(false);
     }, [finishResize, renderPreferredWidth]);
     const onHandleKeyDown = useCallback((event) => {
-        let nextWidth = null;
         const container = containerRef.current;
         const isRtl = container ? window.getComputedStyle(container).direction === 'rtl' : false;
-        if (event.key === 'ArrowLeft') {
-            nextWidth = widthRef.current + (isRtl ? 1 : -1) * keyboardStep;
-        }
-        else if (event.key === 'ArrowRight') {
-            nextWidth = widthRef.current + (isRtl ? -1 : 1) * keyboardStep;
-        }
-        else if (event.key === 'Home') {
-            nextWidth = minWidth;
-        }
-        else if (event.key === 'End') {
-            nextWidth = maxWidthRef.current;
-        }
-        if (nextWidth === null)
+        // ArrowRight grows the pane in LTR and shrinks it in RTL; ArrowLeft is the mirror.
+        const rightStep = (isRtl ? -1 : 1) * keyboardStep;
+        const nextWidth = new Map([
+            ['ArrowLeft', widthRef.current - rightStep],
+            ['ArrowRight', widthRef.current + rightStep],
+            ['Home', minWidth],
+            ['End', maxWidthRef.current],
+        ]).get(event.key);
+        if (nextWidth === undefined)
             return;
         event.preventDefault();
         const next = applyWidth(nextWidth);

package/dist/react/mcp-ui/useHostSurfaceTokens.js

@@ -26,7 +26,7 @@ export function useHostSurfaceTokens(ref) {
         const view = element?.ownerDocument.defaultView;
         if (element === null || element === undefined || view === null || view === undefined) {
             setTokens({});
-            return;
+            return undefined;
         }
         let last;
         const read = () => {

package/dist/renderers/annotation-canvas/react/components/AnnotationCanvas.js

@@ -16,6 +16,12 @@ import { useT } from '../../../react/i18n.js';
 function maybePortal(node, host) {
     return host ? createPortal(node, host) : node;
 }
+/** Crosshair for drawing tools, an I-beam for the text tool, the default pointer while inactive. */
+function annotationCursor(active, markTool) {
+    if (!active)
+        return 'default';
+    return markTool === 'text' ? 'text' : 'crosshair';
+}
 export function AnnotationCanvas(props) {
     const { children, toolbarHost, icons: iconOverrides, className } = props;
     const icons = { ...DEFAULT_ANNOTATION_CANVAS_ICONS, ...iconOverrides };
@@ -39,7 +45,7 @@ function DrawingCanvas({ c, active }) {
             position: 'absolute',
             inset: 0,
             pointerEvents: active ? 'auto' : 'none',
-            cursor: active ? (c.markTool === 'text' ? 'text' : 'crosshair') : 'default',
+            cursor: annotationCursor(active, c.markTool),
             visibility: c.chromeHidden ? 'hidden' : 'visible',
             touchAction: 'none',
             userSelect: 'none',

package/dist/renderers/annotation-canvas/react/hooks/useAnnotationCanvas.controller.js

@@ -19,7 +19,8 @@ export function deriveUndoRedoAvailability(input) {
 /** Shared by the hook's `canSubmit` value and `send()`'s own gate — both computed the identical chain before this extraction. */
 export function deriveSendGate(input) {
     const { hasInk, hasBox, hasText, hasCaptureTarget, captureViewport, noteTrimmed, extraFilesCount } = input;
-    const shouldCapture = hasInk || hasBox || hasText || hasCaptureTarget || captureViewport;
+    const hasAnnotation = hasInk || hasBox || hasText;
+    const shouldCapture = hasAnnotation || hasCaptureTarget || captureViewport;
     const canSubmitNow = shouldCapture || Boolean(noteTrimmed) || extraFilesCount > 0;
     return { shouldCapture, canSubmitNow };
 }
@@ -35,7 +36,8 @@ export function canAttemptSend(input) {
 /** Picks which of the two "no screenshot" warnings applies — the whole-viewport-request wording, or the mark-specific one. */
 export function selectNoScreenshotMessage(input, t) {
     const { captureViewport, hasInk, hasBox, hasCaptureTarget } = input;
-    return captureViewport && !hasInk && !hasBox && !hasCaptureTarget
+    const hasMark = hasInk || hasBox || hasCaptureTarget;
+    return captureViewport && !hasMark
         ? t('No screenshot was captured for this annotation.')
         : t('No screenshot was captured for this mark.');
 }

package/dist/renderers/annotation-canvas/react/hooks/useAnnotationCanvas.js

@@ -25,6 +25,8 @@ const DEFAULT_DOCKED_STYLE = {
     maxWidth: 'min(760px, calc(100% - 144px))',
 };
 const SUBMIT_TIMEOUT_MS = 60_000;
+/** The analytics toolbar element each mark tool reports as. */
+const TOOLBAR_TOOL_FOR_MARK_TOOL = { box: 'rect', text: 'text' };
 export function useAnnotationCanvas(options) {
     const { active, onActiveChange, captureViewport = false, captureTarget = null, filePath, sendDisabled = false, hideChrome = false, onToolbarClick, port } = options;
     const t = useT();
@@ -155,7 +157,7 @@ export function useAnnotationCanvas(options) {
         }
         window.addEventListener('keydown', onKey);
         return () => window.removeEventListener('keydown', onKey);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
+        // Dependency list intentionally follows the lifecycle rationale above.
     }, [active, onActiveChange, sending]);
     // Keyboard shortcut #2: Escape closes the staged-image preview modal first (capture phase).
     useEffect(() => {
@@ -368,7 +370,7 @@ export function useAnnotationCanvas(options) {
         syncHistoryState();
         redraw();
         bumpLayoutRevision();
-        // eslint-disable-next-line react-hooks/exhaustive-deps
+        // Dependency list intentionally follows the lifecycle rationale above.
     }, [active, redraw]);
     const autosizeTextArea = useCallback((el) => {
         if (!el)
@@ -509,7 +511,7 @@ export function useAnnotationCanvas(options) {
         };
     }, [extraFiles]);
     function selectMarkTool(nextTool) {
-        onToolbarClick?.(nextTool === 'box' ? 'rect' : nextTool === 'text' ? 'text' : 'pen');
+        onToolbarClick?.(TOOLBAR_TOOL_FOR_MARK_TOOL[nextTool] ?? 'pen');
         setMarkTool(nextTool);
         setMarkToolMenuOpen(false);
     }
@@ -598,7 +600,9 @@ export function useAnnotationCanvas(options) {
     }
     function waitForOverlayHidden() {
         return new Promise((resolve) => {
-            requestAnimationFrame(() => requestAnimationFrame(() => resolve()));
+            const finish = () => resolve();
+            const afterNextFrame = () => requestAnimationFrame(finish);
+            requestAnimationFrame(afterNextFrame);
         });
     }
     async function requestSnapshot() {
@@ -735,7 +739,7 @@ export function useAnnotationCanvas(options) {
             anchor,
         });
         setDockPlacement((current) => (dockPlacementEquals(current, next) ? current : next));
-        // eslint-disable-next-line react-hooks/exhaustive-deps
+        // Dependency list intentionally follows the lifecycle rationale above.
     }, [active, captureTarget, layoutRevision, imagePreviews.length, captureWarning?.message]);
     useLayoutEffect(() => {
         if (!active || typeof ResizeObserver === 'undefined')

package/dist/renderers/annotation-canvas/rules.js

@@ -22,13 +22,10 @@ export function normalizedRectFromPoints(a, b) {
     };
 }
 export function dockPlacementEquals(a, b) {
-    return (a.layout === b.layout &&
-        a.side === b.side &&
-        a.style.left === b.style.left &&
-        a.style.top === b.style.top &&
-        a.style.bottom === b.style.bottom &&
-        a.style.transform === b.style.transform &&
-        a.style.maxWidth === b.style.maxWidth);
+    if (a.layout !== b.layout || a.side !== b.side)
+        return false;
+    const samePosition = a.style.left === b.style.left && a.style.top === b.style.top && a.style.bottom === b.style.bottom;
+    return samePosition && a.style.transform === b.style.transform && a.style.maxWidth === b.style.maxWidth;
 }
 export const DRAW_DOCK_GAP = 12;
 export const DRAW_DOCK_MARGIN = 16;
@@ -47,12 +44,11 @@ export function computeDockPlacement(input) {
     const { hostRect, wrapRect, dockRect, anchor } = input;
     if (!anchor)
         return docked;
-    if (hostRect.width <= DRAW_DOCK_MARGIN * 2 ||
-        hostRect.height <= DRAW_DOCK_MARGIN * 2 ||
-        dockRect.width <= 0 ||
-        dockRect.height <= 0 ||
-        hostRect.width < Math.max(DRAW_DOCK_MIN_WIDTH, dockRect.width) + DRAW_DOCK_MARGIN * 2 ||
-        hostRect.height < Math.max(DRAW_DOCK_MIN_HEIGHT, dockRect.height) + DRAW_DOCK_MARGIN * 2) {
+    const hostTooSmall = hostRect.width <= DRAW_DOCK_MARGIN * 2 || hostRect.height <= DRAW_DOCK_MARGIN * 2;
+    const dockEmpty = dockRect.width <= 0 || dockRect.height <= 0;
+    const dockDoesNotFit = hostRect.width < Math.max(DRAW_DOCK_MIN_WIDTH, dockRect.width) + DRAW_DOCK_MARGIN * 2
+        || hostRect.height < Math.max(DRAW_DOCK_MIN_HEIGHT, dockRect.height) + DRAW_DOCK_MARGIN * 2;
+    if (hostTooSmall || dockEmpty || dockDoesNotFit) {
         return docked;
     }
     const anchorInHost = {

package/dist/renderers/annotation-canvas/theme.js

@@ -2,8 +2,11 @@ import { defaultAdminTheme } from '../../theme/default.js';
 /** Canvas requires resolved colors rather than var() strings. Its injected canvas owns the DOM. */
 export function resolveAnnotationTheme({ canvas }, { getComputedStyle } = {}) {
     const document = canvas?.ownerDocument;
-    const readStyle = getComputedStyle ?? (document?.defaultView ? document.defaultView.getComputedStyle.bind(document.defaultView) : undefined);
-    const style = document && readStyle ? readStyle(canvas?.isConnected ? canvas : document.documentElement) : undefined;
+    const view = document?.defaultView;
+    const readStyle = getComputedStyle ?? view?.getComputedStyle.bind(view);
+    let style;
+    if (document && readStyle)
+        style = readStyle(canvas?.isConnected ? canvas : document.documentElement);
     const read = (name, fallback) => style?.getPropertyValue(name).trim() || fallback;
     return {
         stroke: read('--jini-danger', defaultAdminTheme.light.danger),

package/dist/renderers/renderers/index.js

@@ -1,6 +1,6 @@
 import { RendererRegistry } from '../registry.js';
 import { HtmlRenderer } from './html.js';
-import { MarkdownRenderer, renderMarkdownToSafeHtml } from './markdown.js';
+import { MarkdownRenderer } from './markdown.js';
 import { SvgRenderer } from './svg.js';
 import { ReactComponentRenderer } from './react-component.js';
 export { HtmlRenderer } from './html.js';

package/dist/renderers/renderers/markdown.js

@@ -8,6 +8,7 @@
 import { micromark } from 'micromark';
 import { gfm, gfmHtml } from 'micromark-extension-gfm';
 import { resolveArtifactManifest } from '../registry.js';
+import { trimTrailingWhere } from '../../utils/trim-chars.js';
 export function renderMarkdownToSafeHtml(markdown) {
     return postProcessMarkdownHtml(micromark(escapeTableCodePipes(markdown), {
         extensions: [gfm()],
@@ -56,7 +57,7 @@ function isTableDelimiter(line) {
 function escapeCodeSpanPipes(line) {
     if (!line.includes('|') || !line.includes('`'))
         return line;
-    return line.replace(/`([^`]*\|[^`]*)`/g, (_match, code) => `\`${code.replace(/\|/g, '\\|')}\``);
+    return line.replace(/`([^`|]*\|[^`]*)`/g, (_match, code) => `\`${code.replace(/\|/g, '\\|')}\``);
 }
 function postProcessMarkdownHtml(html) {
     let out = html.trim();
@@ -78,11 +79,8 @@ function postProcessMarkdownHtml(html) {
 }
 function normalizeSafeHref(href) {
     const decoded = decodeHref(href);
-    const stripped = decoded.replace(/[!"')}\],.;:\s]+$/, '');
-    if (stripped.startsWith('#') ||
-        stripped.startsWith('/') ||
-        stripped.startsWith('./') ||
-        stripped.startsWith('../') ||
+    const stripped = trimTrailingWhere(decoded, (char) => /[!"')}\],.;:\s]/.test(char));
+    if (['#', '/', './', '../'].some(prefix => stripped.startsWith(prefix)) ||
         /^https?:\/\//i.test(stripped) ||
         /^mailto:/i.test(stripped)) {
         return stripped;

package/dist/renderers/shiki.js

@@ -1,3 +1,9 @@
+/**
+ * Syntax-highlighted code fragments for artifact rendering. Verbatim port of
+ * `apps/web/src/runtime/shiki.ts` in the origin project — no product-specific
+ * logic in the original. See `archived provenance ledger`.
+ */
+import { loadOptionalPeer } from '@jini-ai/core/optional-peer';
 let highlighterPromise = null;
 const cache = new Map();
 const CACHE_MAX = 128;
@@ -8,7 +14,7 @@ const CACHE_MAX = 128;
 // around with a cast that would fail at runtime. See `archived provenance ledger`.
 function getHighlighter() {
     if (!highlighterPromise) {
-        highlighterPromise = import('shiki/bundle/web').then(({ createHighlighter }) => createHighlighter({
+        highlighterPromise = loadOptionalPeer({ feature: 'Syntax highlighting', dependency: 'shiki', load: () => import('shiki/bundle/web') }).then(({ createHighlighter }) => createHighlighter({
             themes: ['github-light-default', 'github-dark-default'],
             langs: [
                 'javascript', 'typescript', 'tsx', 'jsx', 'html', 'css', 'json',

package/dist/theme/apply.js

@@ -1,4 +1,5 @@
 import { defaultAdminTheme } from '../core/theme/default.js';
+import { kebabThemeKey } from '../core/theme/css-name.js';
 import { adminThemeColorKeys, validateAdminTheme } from '../core/theme/validation.js';
 const fontLeases = new WeakMap();
 function acquireFont(document, href) {
@@ -20,17 +21,20 @@ function acquireFont(document, href) {
     }
     const held = lease;
     held.users++;
-    return () => { if (--held.users === 0) {
+    return () => {
+        held.users -= 1;
+        if (held.users !== 0)
+            return;
         if (held.owned)
             held.link.remove();
         leases.delete(absolute);
-    } };
+    };
 }
 function themeValues({ theme }, _options = {}) {
     const values = {};
     for (const scheme of ['light', 'dark'])
         for (const key of adminThemeColorKeys) {
-            values[`--jini-theme-${scheme}-${key.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`)}`] = theme[scheme][key];
+            values[`--jini-theme-${scheme}-${kebabThemeKey(key)}`] = theme[scheme][key];
         }
     values['--jini-font-body'] = theme.fonts.body;
     values['--jini-font-heading'] = theme.fonts.heading;

package/dist/utils/class-names.d.ts

@@ -0,0 +1,3 @@
+/** `base` plus a caller-supplied extra class, space-separated; an absent or empty extra adds nothing. */
+export declare function withClassName(base: string, extra: string | null | undefined): string;
+//# sourceMappingURL=class-names.d.ts.map

package/dist/utils/class-names.js

@@ -0,0 +1,5 @@
+/** `base` plus a caller-supplied extra class, space-separated; an absent or empty extra adds nothing. */
+export function withClassName(base, extra) {
+    return extra ? `${base} ${extra}` : base;
+}
+//# sourceMappingURL=class-names.js.map

package/dist/utils/design-md.js

@@ -6,16 +6,16 @@
 // heading's text — the same fuzzy match a hand-edited doc's headings need to
 // keep matching after a human renames "Color Palette" to "Palette", etc.
 export function designMdHeadings(body, startOffset) {
-    return [...body.slice(startOffset).matchAll(/^##\s+(.+?)\s*$/gm)].map((match) => {
+    return [...body.slice(startOffset).matchAll(/^##\s+(\S.*|.)$/gm)].map((match) => {
         // `RegExpMatchArray.index` and a capture group are typed as possibly
         // `undefined` because the JS regex API can't express "always set for a
         // `matchAll` result" / "always set for a mandatory capture group" — for
         // this specific pattern (an unanchored global match, one non-optional
-        // `(.+?)` group) both are always defined whenever a match exists.
+        // title group) both are always defined whenever a match exists.
         const start = startOffset + match.index;
         return {
             start,
-            title: match[1],
+            title: match[1].trimEnd() || match[1],
         };
     });
 }

package/dist/utils/ime-composing.d.ts

@@ -11,5 +11,5 @@ import type { KeyboardEvent as ReactKeyboardEvent } from 'react';
  *
  * @overallScore 100
  */
-export declare function isImeComposing(event: ReactKeyboardEvent<HTMLInputElement | HTMLTextAreaElement>, composing: boolean): boolean;
+export declare function isImeComposing(_event: ReactKeyboardEvent<HTMLInputElement | HTMLTextAreaElement>, composing: boolean): boolean;
 //# sourceMappingURL=ime-composing.d.ts.map