@jini-ai/ui 0.6.15-rc.1 → 0.6.15

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/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

package/dist/utils/ime-composing.js

@@ -10,8 +10,7 @@
  *
  * @overallScore 100
  */
-export function isImeComposing(event, composing) {
-    void event;
+export function isImeComposing(_event, composing) {
     return composing;
 }
 //# sourceMappingURL=ime-composing.js.map

package/dist/utils/localized-url.js

@@ -1,15 +1,6 @@
-// Build a locale-segmented URL against a host-supplied base and locale-map,
-// e.g. for linking out to a marketing/docs site in the reader's language.
-//
-// Ported from an origin helper that hardcoded one product's own marketing
-// domain and locale table inline — that's product identity, not reusable
-// logic, so it's dropped here. What's actually generic and worth keeping is
-// the resolution algorithm: map the active locale to a URL segment (falling
-// back to no segment — i.e. the base's default language — for locales the
-// target site doesn't support), then join it onto the base. `baseUrl` and
-// `localeSegments` are supplied by the caller.
+import { trimTrailingChars } from './trim-chars.js';
 export function buildLocalizedUrl(locale, options) {
-    const base = options.baseUrl.replace(/\/+$/, '');
+    const base = trimTrailingChars(options.baseUrl, '/');
     const segment = options.localeSegments?.[locale];
     return segment ? `${base}/${segment}/` : `${base}/`;
 }

package/dist/utils/markdown-scroll-sync.js

@@ -160,7 +160,7 @@ function buildMirrorMarkup({ blockLines, text }) {
 // is escaped, so it cannot inject one), so each index is a valid block index.
 function readMarkerOffsets({ mirror, blockCount }) {
     document.body.appendChild(mirror);
-    const offsets = new Array(blockCount).fill(0);
+    const offsets = Array.from({ length: blockCount }, () => 0);
     try {
         for (const marker of Array.from(mirror.querySelectorAll('span[data-md-block]'))) {
             offsets[Number(marker.getAttribute('data-md-block'))] = marker.offsetTop;

package/dist/utils/omit-keys.d.ts

@@ -0,0 +1,3 @@
+/** A shallow copy of `value` without `keys` — the rest-destructuring "omit" idiom, minus the unused bindings. */
+export declare function omitKeys<T extends object, K extends keyof T>(value: T, keys: readonly K[]): Omit<T, K>;
+//# sourceMappingURL=omit-keys.d.ts.map

package/dist/utils/omit-keys.js

@@ -0,0 +1,8 @@
+/** A shallow copy of `value` without `keys` — the rest-destructuring "omit" idiom, minus the unused bindings. */
+export function omitKeys(value, keys) {
+    const copy = { ...value };
+    for (const key of keys)
+        Reflect.deleteProperty(copy, key);
+    return copy;
+}
+//# sourceMappingURL=omit-keys.js.map

package/dist/utils/polygon-selection.js

@@ -55,7 +55,7 @@ export function lineIntersectsLine(a1, a2, b1, b2) {
 /** Standard even-odd-rule ray-casting point-in-polygon test. */
 export function pointInPolygon(point, polygon) {
     let inside = false;
-    for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
+    for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i, i += 1) {
         const pi = polygon[i];
         const pj = polygon[j];
         // No `|| Number.EPSILON` divide-by-zero guard on `(pj.y - pi.y)`: the

package/dist/utils/sse.js

@@ -15,6 +15,9 @@ function applySseLine({ fields, line }) {
     else if (line.startsWith('data: ')) {
         fields.dataLines.push(line.slice(6));
     }
+    else {
+        // Any other field (e.g. `retry:`) or a malformed line is ignored.
+    }
 }
 /** Build the result for a frame that carried no `data:` lines. */
 function dataLessFrame({ comments }) {

package/dist/utils/trim-chars.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Linear-time trimming of a set of characters, in place of `value.replace(/[…]+$/, '')`-style
+ * regexes whose engine retries the run from every start position (quadratic on long runs).
+ * `chars` is a set of single UTF-16 code units, matched exactly like a non-`u` regex class.
+ */
+export declare function trimTrailingChars(value: string, chars: string): string;
+/** Leading counterpart of {@link trimTrailingChars}. */
+export declare function trimLeadingChars(value: string, chars: string): string;
+/** Both ends — the linear form of `value.replace(/^[…]+|[…]+$/g, '')`. */
+export declare function trimChars(value: string, chars: string): string;
+/** {@link trimTrailingChars} for a character class a plain list cannot spell (e.g. one including `\s`). */
+export declare function trimTrailingWhere(value: string, isTrimmed: (char: string) => boolean): string;
+//# sourceMappingURL=trim-chars.d.ts.map

package/dist/utils/trim-chars.js

@@ -0,0 +1,30 @@
+/**
+ * Linear-time trimming of a set of characters, in place of `value.replace(/[…]+$/, '')`-style
+ * regexes whose engine retries the run from every start position (quadratic on long runs).
+ * `chars` is a set of single UTF-16 code units, matched exactly like a non-`u` regex class.
+ */
+export function trimTrailingChars(value, chars) {
+    let end = value.length;
+    while (end > 0 && chars.includes(value[end - 1]))
+        end -= 1;
+    return value.slice(0, end);
+}
+/** Leading counterpart of {@link trimTrailingChars}. */
+export function trimLeadingChars(value, chars) {
+    let start = 0;
+    while (start < value.length && chars.includes(value[start]))
+        start += 1;
+    return value.slice(start);
+}
+/** Both ends — the linear form of `value.replace(/^[…]+|[…]+$/g, '')`. */
+export function trimChars(value, chars) {
+    return trimLeadingChars(trimTrailingChars(value, chars), chars);
+}
+/** {@link trimTrailingChars} for a character class a plain list cannot spell (e.g. one including `\s`). */
+export function trimTrailingWhere(value, isTrimmed) {
+    let end = value.length;
+    while (end > 0 && isTrimmed(value[end - 1]))
+        end -= 1;
+    return value.slice(0, end);
+}
+//# sourceMappingURL=trim-chars.js.map

package/dist/utils/unhandled-case.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Closes an exhaustive `switch` over a closed union.
+ *
+ * `value` is typed `never`, so the compiler still flags any union member the
+ * switch forgot. At runtime a value outside the declared union yields
+ * `undefined` — exactly what falling off the end of the switch did before — so
+ * ending a switch with `return unhandledCase(x)` changes no behaviour.
+ */
+export declare function unhandledCase(_value: never): never;
+//# sourceMappingURL=unhandled-case.d.ts.map

package/dist/utils/unhandled-case.js

@@ -0,0 +1,12 @@
+/**
+ * Closes an exhaustive `switch` over a closed union.
+ *
+ * `value` is typed `never`, so the compiler still flags any union member the
+ * switch forgot. At runtime a value outside the declared union yields
+ * `undefined` — exactly what falling off the end of the switch did before — so
+ * ending a switch with `return unhandledCase(x)` changes no behaviour.
+ */
+export function unhandledCase(_value) {
+    return undefined;
+}
+//# sourceMappingURL=unhandled-case.js.map

package/dist/utils/unit-bezier.js

@@ -21,14 +21,12 @@ export function unitBezier(x1, y1, x2, y2) {
         let t = x;
         for (let i = 0; i < 8; i += 1) {
             const err = sampleX(t) - x;
-            if (Math.abs(err) < 1e-6)
-                break;
             const d = sampleDX(t);
             // A flat x-derivative would make the Newton step divide by ~0. For smooth-scroll-to-top's
             // fixed ease-out curve sampleDX stays at least about 0.6095 over [0, 1], so it never fires
             // there; it does for degenerate control points (e.g. x1 = x2 = 0 near x = 0), where the
             // current estimate is kept rather than stepping to Infinity/NaN.
-            if (Math.abs(d) < 1e-6)
+            if (Math.abs(err) < 1e-6 || Math.abs(d) < 1e-6)
                 break;
             t -= err / d;
         }

package/dist/utils/zip.js

@@ -3,17 +3,13 @@
 // few MB — skipping deflate keeps the implementation small and
 // dependency-free, which matters for a package meant to run in any host
 // (browser or Node) without pulling in a compression library.
-const CRC_TABLE = (() => {
-    const t = new Array(256);
-    for (let n = 0; n < 256; n++) {
-        let c = n;
-        for (let k = 0; k < 8; k++) {
-            c = c & 1 ? 0xedb88320 ^ (c >>> 1) : c >>> 1;
-        }
-        t[n] = c >>> 0;
+const CRC_TABLE = Array.from({ length: 256 }, (_, n) => {
+    let c = n;
+    for (let k = 0; k < 8; k++) {
+        c = c & 1 ? 0xedb88320 ^ (c >>> 1) : c >>> 1;
     }
-    return t;
-})();
+    return c >>> 0;
+});
 function crc32(bytes) {
     let c = 0xffffffff;
     for (let i = 0; i < bytes.length; i++) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jini-ai/ui",
-  "version": "0.6.15-rc.1",
+  "version": "0.6.15",
   "description": "Generic, product-neutral React UI primitives and feature domains. Framework-free types, decision rules, catalogs, and host port contracts live behind ./core (no React, no DOM). The Excalidraw and Lexical editors live behind ./sketch-editor and ./lexical-rich-text-editor; the GrapesJS-backed inline HTML editor lives behind ./html-editor.",
   "license": "Apache-2.0",
   "repository": {
@@ -243,14 +243,15 @@
     "shiki": "^1.24.4",
     "tailwind-merge": "^2.6.0",
     "zod": "^3.25.76",
-    "@jini-ai/agent-runtime": "^0.6.15-rc.1",
-    "@jini-ai/integrations": "^0.6.15-rc.1",
-    "@jini-ai/platform": "^0.6.15-rc.1",
-    "@jini-ai/agentic": "^0.6.15-rc.1",
-    "@jini-ai/core": "^0.6.15-rc.1"
+    "@jini-ai/agent-runtime": "^0.6.15",
+    "@jini-ai/integrations": "^0.6.15",
+    "@jini-ai/agentic": "^0.6.15",
+    "@jini-ai/core": "^0.6.15",
+    "@jini-ai/platform": "^0.6.15"
   },
   "dependencies": {
-    "@jini-ai/core": "^0.6.15-rc.1"
+    "@jini-ai/ui-kit": "^0.6.15",
+    "@jini-ai/core": "^0.6.15"
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5.0.0",
@@ -267,8 +268,8 @@
     "lexical": "0.36.2",
     "react": "^18.3.0 || ^19.0.0",
     "react-dom": "^18.3.0 || ^19.0.0",
-    "@jini-ai/platform": "^0.6.15-rc.1",
-    "@jini-ai/agentic": "^0.6.15-rc.1",
+    "@jini-ai/platform": "^0.6.10",
+    "@jini-ai/agentic": "^0.6.10",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "micromark": "^4.0.0",