@floegence/floe-webapp-core 0.86.53 → 0.86.55

package/dist/components/chat/index.d.ts

@@ -10,4 +10,4 @@ export { BlockRenderer, TextBlock, MarkdownBlock, CodeBlock, CodeDiffBlock, Imag
 export { ChatInput, AttachmentPreview, type ChatInputProps, type AttachmentPreviewProps } from './input';
 export { createInputHistoryController, type InputHistoryEntry, type InputHistoryContext, type InputHistoryState, type InputHistoryOptions, type InputHistoryEditor, type InputHistoryController, } from './input/createInputHistoryController';
 export { WorkingIndicator, StreamingCursor, ConnectionStatus, type WorkingIndicatorProps, type StreamingCursorProps, type ConnectionStatusProps, type ConnectionState, } from './status';
-export { useVirtualList, useCodeHighlight, useMermaid, useAutoScroll, useAttachments, highlightCode, renderMermaid, terminateShikiWorker, terminateMermaidWorker, configureShikiWorker, configureSyncHighlighter, configureMermaidWorker, configureSyncMermaid, createMarkdownWorker, configureMarkdownWorker, hasMarkdownWorker, waitForMarkdownWorker, renderMarkdown, renderMarkdownSync, terminateMarkdownWorker, createDiffWorker, configureDiffWorker, hasDiffWorker, waitForDiffWorker, computeCodeDiff, computeCodeDiffSync, terminateDiffWorker, type UseVirtualListOptions, type UseVirtualListReturn, type VirtualItem, type UseAutoScrollOptions, type UseAttachmentsOptions, } from './hooks';
+export { useVirtualList, createVirtualListLayout, useCodeHighlight, useMermaid, useAutoScroll, useAttachments, highlightCode, renderMermaid, terminateShikiWorker, terminateMermaidWorker, configureShikiWorker, configureSyncHighlighter, configureMermaidWorker, configureSyncMermaid, createMarkdownWorker, configureMarkdownWorker, hasMarkdownWorker, waitForMarkdownWorker, renderMarkdown, renderMarkdownSync, terminateMarkdownWorker, createDiffWorker, configureDiffWorker, hasDiffWorker, waitForDiffWorker, computeCodeDiff, computeCodeDiffSync, terminateDiffWorker, type UseVirtualListOptions, type UseVirtualListReturn, type VirtualItem, type VirtualListAnchor, type VirtualListLayout, type UseAutoScrollOptions, type UseAttachmentsOptions, } from './hooks';

package/dist/components/chat/markdown/createSessionWorker.d.ts

@@ -0,0 +1,2 @@
+/** Default GFM worker. Product extensions belong in a host worker using createMarkdownSessionHandler. */
+export declare function createMarkdownSessionWorker(): Worker;

package/dist/components/chat/markdown/createSessionWorker.js

@@ -0,0 +1,10 @@
+function e() {
+  return new Worker(new URL(
+    /* @vite-ignore */
+    "" + new URL("../../../assets/markdown.worker-CDm-uCXT.js", import.meta.url).href,
+    import.meta.url
+  ), { type: "module" });
+}
+export {
+  e as createMarkdownSessionWorker
+};

package/dist/components/chat/markdown/workerSession.d.ts

@@ -0,0 +1,56 @@
+import type { Marked } from 'marked';
+import { type MarkdownUpdate } from './incremental';
+export type MarkdownSessionRequest<Config = unknown> = Readonly<{
+    type: 'markdown-session';
+    request: number;
+    session: number;
+    sequence: number;
+    operation: 'open' | 'reset' | 'append' | 'finish' | 'close';
+    offset: number;
+    text?: string;
+    config?: Config;
+}>;
+export type MarkdownSessionResponse = Readonly<{
+    type: 'markdown-session';
+    request: number;
+    session: number;
+    sequence: number;
+    update?: MarkdownUpdate;
+    error?: string;
+}>;
+export interface MarkdownSessionLimits {
+    /** Total parser sessions owned by this worker. */
+    maxSessions: number;
+    /** Original UTF-16 source units across all sessions; tokens use additional memory. */
+    maxSourceLength: number;
+}
+/** Install this handler in a host worker to register the host's exact parser extensions. */
+export declare function createMarkdownSessionHandler<Config>(createParser: (config: Config) => Marked<string, string>, limits?: MarkdownSessionLimits): {
+    handle: (message: MarkdownSessionRequest<Config>) => MarkdownSessionResponse;
+    close: () => void;
+    diagnostics: () => {
+        sessions: number;
+        sourceLength: number;
+    };
+};
+export interface MarkdownWorkerSession {
+    reset(text: string): Promise<MarkdownUpdate>;
+    append(text: string): Promise<MarkdownUpdate>;
+    finish(): Promise<MarkdownUpdate>;
+    close(): void;
+}
+export interface MarkdownWorkerClientOptions {
+    timeoutMs?: number;
+    /** Includes queued source and configuration in the transport, not the worker heap. */
+    maxPendingBytes?: number;
+}
+/** Owns the supplied worker. Transport failure rejects all requests; parser errors release only their session. */
+export declare function createMarkdownWorkerClient<Config = undefined>(worker: Worker, options?: MarkdownWorkerClientOptions): {
+    open: (config: Config) => Promise<MarkdownWorkerSession>;
+    close: () => void;
+    diagnostics: () => {
+        pendingRequests: number;
+        pendingBytes: number;
+        closed: boolean;
+    };
+};

package/dist/components/chat/markdown/workerSession.js

@@ -0,0 +1,126 @@
+import { createIncrementalMarkdownParser as S } from "./incremental.js";
+function m(c, d = { maxSessions: 32, maxSourceLength: 8 * 1024 * 1024 }) {
+  if (!Number.isSafeInteger(d.maxSessions) || d.maxSessions <= 0 || !Number.isSafeInteger(d.maxSourceLength) || d.maxSourceLength <= 0)
+    throw new Error("Markdown session limits must be positive integers");
+  const s = /* @__PURE__ */ new Map();
+  let f = 0;
+  function q(e) {
+    const t = s.get(e);
+    t && (f -= t.accountedLength), s.delete(e);
+  }
+  function x(e) {
+    const t = { type: "markdown-session", request: e?.request ?? 0, session: e?.session ?? 0, sequence: e?.sequence ?? 0 };
+    try {
+      if (e?.type !== "markdown-session" || !Number.isSafeInteger(e.request) || e.request < 1 || !Number.isSafeInteger(e.session) || e.session < 1 || !Number.isSafeInteger(e.sequence) || e.sequence < 0 || !Number.isSafeInteger(e.offset) || e.offset < 0)
+        throw new Error("Invalid Markdown session identity");
+      if (e.operation === "open") {
+        if (s.has(e.session) || e.sequence !== 0 || e.offset !== 0 || e.text !== void 0)
+          throw new Error("Invalid Markdown session admission");
+        if (s.size >= d.maxSessions) throw new Error("Markdown session limit exceeded");
+        const k = S(c(e.config));
+        return s.set(e.session, { parser: k, sequence: 0, accountedLength: 0 }), t;
+      }
+      const r = s.get(e.session);
+      if (!r || e.sequence !== r.sequence + 1 || e.offset !== r.parser.sourceLength)
+        throw new Error("Markdown session continuity lost");
+      if (e.operation === "close")
+        return q(e.session), t;
+      if (e.operation !== "reset" && e.operation !== "append" && e.operation !== "finish")
+        throw new Error("Unknown Markdown session operation");
+      if (e.operation !== "finish" && typeof e.text != "string") throw new Error("Markdown source is required");
+      if (e.operation === "finish" && e.text !== void 0) throw new Error("Markdown finish cannot append source");
+      const u = r.parser.sourceLength, p = e.operation === "reset" ? e.text.length : u + (e.text?.length ?? 0);
+      if (f - u + p > d.maxSourceLength) throw new Error("Markdown source budget exceeded");
+      const M = e.operation === "reset" ? r.parser.reset(e.text) : e.operation === "append" ? r.parser.append(e.text) : r.parser.finish();
+      return f += r.parser.sourceLength - u, r.accountedLength = r.parser.sourceLength, r.sequence = e.sequence, { ...t, update: M };
+    } catch (r) {
+      return q(t.session), { ...t, error: r instanceof Error ? r.message : "Markdown session failed" };
+    }
+  }
+  return { handle: x, close: () => {
+    s.clear(), f = 0;
+  }, diagnostics: () => ({ sessions: s.size, sourceLength: f }) };
+}
+class L extends Error {
+}
+function I(c, d = {}) {
+  const s = d.timeoutMs ?? 15e3, f = d.maxPendingBytes ?? 1024 * 1024;
+  if (!Number.isFinite(s) || s <= 0 || !Number.isSafeInteger(f) || f <= 0)
+    throw new Error("Markdown worker budgets must be positive");
+  let q = 0, x = 0, e = 0, t;
+  const r = /* @__PURE__ */ new Map();
+  function u(i = new Error("Markdown worker closed")) {
+    if (!t) {
+      t = i, c.removeEventListener("message", M), c.removeEventListener("error", p), c.removeEventListener("messageerror", p), c.terminate();
+      for (const n of r.values())
+        clearTimeout(n.timer), n.reject(i);
+      r.clear(), e = 0;
+    }
+  }
+  function p() {
+    u(new Error("Markdown worker failed"));
+  }
+  function M(i) {
+    const n = i.data;
+    if (n?.type !== "markdown-session") return;
+    const o = r.get(n.request);
+    if (o) {
+      if (n.session !== o.session || n.sequence !== o.sequence) {
+        u(new Error("Markdown worker response identity mismatch"));
+        return;
+      }
+      r.delete(n.request), e -= o.bytes, clearTimeout(o.timer), n.error ? o.reject(new L(n.error)) : o.resolve(n);
+    }
+  }
+  c.addEventListener("message", M), c.addEventListener("error", p), c.addEventListener("messageerror", p);
+  function k(i) {
+    if (t) return Promise.reject(t);
+    let n;
+    try {
+      n = 256 + (i.text?.length ?? 0) * 2 + (JSON.stringify(i.config)?.length ?? 0) * 2;
+    } catch {
+      return Promise.reject(new Error("Markdown configuration must be serializable"));
+    }
+    if (n + e > f) return Promise.reject(new Error("Markdown worker pending budget exceeded"));
+    const o = ++q;
+    return new Promise((l, h) => {
+      const E = setTimeout(() => u(new Error("Markdown worker timed out")), s);
+      r.set(o, { resolve: l, reject: h, timer: E, bytes: n, session: i.session, sequence: i.sequence }), e += n;
+      try {
+        c.postMessage({ ...i, type: "markdown-session", request: o });
+      } catch {
+        u(new Error("Markdown worker request could not be sent"));
+      }
+    });
+  }
+  async function b(i) {
+    const n = ++x;
+    await k({ operation: "open", session: n, sequence: 0, offset: 0, config: i });
+    let o = 0, l = 0, h = !1;
+    const E = (a, v) => {
+      if (h) return Promise.reject(new Error("Markdown session closed"));
+      const y = l;
+      return l = a === "reset" ? v.length : l + (v?.length ?? 0), k({ operation: a, session: n, sequence: ++o, offset: y, text: v }).then((w) => {
+        if (!w.update) throw new Error("Markdown worker omitted its update");
+        return w.update;
+      }).catch((w) => {
+        throw h = !0, w instanceof L || u(w instanceof Error ? w : new Error("Markdown session failed")), w;
+      });
+    };
+    return {
+      reset: (a) => E("reset", a),
+      append: (a) => E("append", a),
+      finish: () => E("finish"),
+      close() {
+        h || (h = !0, k({ operation: "close", session: n, sequence: ++o, offset: l }).catch((a) => {
+          a instanceof L || u(a instanceof Error ? a : new Error("Markdown close failed"));
+        }));
+      }
+    };
+  }
+  return { open: b, close: () => u(), diagnostics: () => ({ pendingRequests: r.size, pendingBytes: e, closed: !!t }) };
+}
+export {
+  m as createMarkdownSessionHandler,
+  I as createMarkdownWorkerClient
+};

package/dist/components/ui/SurfaceAnchoredLayer.d.ts

@@ -1,5 +1,5 @@
 import { type JSX } from 'solid-js';
-export interface SurfaceAnchoredLayerProps {
+export interface SurfaceAnchoredLayerProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, 'children' | 'class' | 'style' | 'ref'> {
     anchor: HTMLElement | undefined;
     /** Changes when the anchor moves through a transform; no idle polling is used. */
     revision?: unknown;
@@ -11,8 +11,14 @@ export interface SurfaceAnchoredLayerProps {
         narrowTop?: number;
         bottom: number;
     };
+    /** Auto places object tools above/below; side panels prefer the requested side and flip when needed. */
+    placement?: 'auto' | 'right' | 'left';
+    gap?: number;
     children: JSX.Element;
     class?: string;
+    style?: JSX.CSSProperties;
+    layerRef?: (element: HTMLDivElement) => void;
+    onAnchorDisconnect?: () => void;
 }
 /** Object-attached tools remain in screen pixels within the owning surface. */
 export declare function SurfaceAnchoredLayer(props: SurfaceAnchoredLayerProps): JSX.Element;

package/dist/components/ui/SurfaceAnchoredLayer.js

@@ -1,101 +1,128 @@
-import { createComponent as p, memo as k } from "solid-js/web";
-import { createSignal as l, createEffect as z, onCleanup as g, onMount as T, Show as V } from "solid-js";
-import { SurfaceFloatingLayer as $ } from "./SurfaceFloatingLayer.js";
-import { resolveFloatingBoundary as j } from "./surfaceFloatingBoundary.js";
-import { resolveSurfacePortalHost as E } from "./dialogSurfaceScope.js";
-function N(n) {
-  const [O, R] = l(!1), [S, F] = l({
+import { createComponent as E, mergeProps as K, memo as N } from "solid-js/web";
+import { splitProps as Q, createSignal as l, createEffect as R, onCleanup as O, onMount as U, Show as X } from "solid-js";
+import { SurfaceFloatingLayer as Z } from "./SurfaceFloatingLayer.js";
+import { resolveFloatingBoundary as _ } from "./surfaceFloatingBoundary.js";
+import { observeViewport as ee } from "../../viewport.js";
+import { resolveSurfacePortalHost as L } from "./dialogSurfaceScope.js";
+function se(C) {
+  const [o, H] = Q(C, ["anchor", "revision", "topOffset", "reservedSpace", "placement", "gap", "children", "class", "style", "layerRef", "onAnchorDisconnect"]), [P, $] = l(!1), [B, V] = l({
     x: 0,
     y: 0
-  }), [L, A] = l("above"), [x, y] = l(!1), [C, P] = l(480), [M, B] = l();
-  let d;
-  const Y = () => {
-    d = void 0;
-    const o = n.anchor, r = M();
-    if (!o || !r) return;
-    const t = j(E({
-      owner: o
+  }), [Y, q] = l("above"), [S, w] = l(!1), [D, W] = l(480), [z, k] = l();
+  let m, x = !1;
+  const [A, T] = l({
+    x: 0,
+    y: 0
+  }), [j, G] = l(0), I = () => {
+    m = void 0;
+    const n = o.anchor, h = z();
+    if (!n || !h) return;
+    if (!n.isConnected) {
+      w(!1), x || o.onAnchorDisconnect?.(), x = !0;
+      return;
+    }
+    x = !1;
+    const t = _(L({
+      owner: n
     }));
     if (!t) {
-      y(!1);
+      w(!1);
       return;
     }
-    const e = o.getBoundingClientRect(), q = Math.max(120, t.width - 24);
-    P(q);
-    const a = r.getBoundingClientRect(), H = (Math.max(t.left, e.left) + Math.min(t.right, e.right)) / 2;
-    let f = Math.max(t.left + 12, Math.min(H - a.width / 2, t.right - a.width - 12));
-    const u = e.top - (n.topOffset ?? 0), m = u - a.height - 12, h = n.reservedSpace, v = t.top + (window.matchMedia("(max-width:760px)").matches ? h?.narrowTop ?? h?.top ?? 12 : h?.top ?? 12), b = Math.max(v, t.bottom - (h?.bottom ?? 12) - a.height), w = (W) => Math.max(v, Math.min(W, b));
-    let s = m, c = "above";
-    m < v ? e.bottom + 12 <= b ? (s = e.bottom + 12, c = "below") : m >= t.top + 12 ? c = "above" : e.bottom + a.height + 12 <= t.bottom - 12 ? (s = e.bottom + 12, c = "below") : e.right + a.width + 24 <= t.right ? (f = e.right + 12, s = w(u), c = "right") : e.left - a.width - 24 >= t.left ? (f = e.left - a.width - 12, s = w(u), c = "left") : (s = w(m), c = "edge") : s = Math.min(s, b), A(c), F({
-      x: Math.round(f),
+    const e = n.getBoundingClientRect(), f = Math.max(120, t.width - 24);
+    W(f);
+    const r = h.getBoundingClientRect(), J = (Math.max(t.left, e.left) + Math.min(t.right, e.right)) / 2;
+    let d = Math.max(t.left + 12, Math.min(J - r.width / 2, t.right - r.width - 12));
+    const y = e.top - (o.topOffset ?? 0), i = Math.max(0, o.gap ?? 12), g = y - r.height - i, p = o.reservedSpace, u = t.top + (window.matchMedia("(max-width:760px)").matches ? p?.narrowTop ?? p?.top ?? 12 : p?.top ?? 12), M = Math.max(u, t.bottom - (p?.bottom ?? 12) - r.height), b = (v) => Math.max(u, Math.min(v, M));
+    G(Math.max(0, t.bottom - (p?.bottom ?? 12) - u));
+    let s = g, a = "above";
+    if (o.placement === "right" || o.placement === "left") {
+      const v = e.right + i + r.width <= t.right - 12, F = e.left - i - r.width >= t.left + 12;
+      a = o.placement, a === "right" && !v && F ? a = "left" : a === "left" && !F && v && (a = "right"), d = Math.max(t.left + 12, Math.min(a === "right" ? e.right + i : e.left - r.width - i, t.right - r.width - 12)), s = b(e.top + e.height / 2 - r.height / 2);
+    } else g < u ? e.bottom + i <= M ? (s = e.bottom + i, a = "below") : g >= t.top + 12 ? a = "above" : e.bottom + r.height + i <= t.bottom - 12 ? (s = e.bottom + i, a = "below") : e.right + r.width + i + 12 <= t.right ? (d = e.right + i, s = b(y), a = "right") : e.left - r.width - i - 12 >= t.left ? (d = e.left - r.width - i, s = b(y), a = "left") : (s = b(g), a = "edge") : s = Math.min(s, M);
+    T({
+      x: Math.max(18, Math.min(e.left + e.width / 2 - d, Math.max(18, r.width - 18))),
+      y: Math.max(18, Math.min(e.top + e.height / 2 - s, Math.max(18, r.height - 18)))
+    }), q(a), V({
+      x: Math.round(d),
       y: Math.round(s)
-    }), y(e.right > t.left && e.left < t.right && e.bottom > t.top && e.top < t.bottom);
-  }, i = () => {
-    d === void 0 && typeof requestAnimationFrame == "function" && (d = requestAnimationFrame(Y));
+    }), w(e.right > t.left && e.left < t.right && e.bottom > t.top && e.top < t.bottom);
+  }, c = () => {
+    m === void 0 && typeof requestAnimationFrame == "function" && (m = requestAnimationFrame(I));
   };
-  return z(() => {
-    n.anchor, n.revision, n.topOffset, n.reservedSpace, i();
-  }), z(() => {
-    const o = M();
-    if (!o || typeof ResizeObserver > "u") return;
-    const r = new ResizeObserver(i);
-    r.observe(o), g(() => r.disconnect());
-  }), T(() => {
-    R(!0);
-    const o = typeof ResizeObserver == "function" ? new ResizeObserver(i) : void 0, r = E({
-      owner: n.anchor
+  return R(() => {
+    o.anchor, o.revision, o.topOffset, o.reservedSpace, o.placement, o.gap, c();
+  }), R(() => {
+    const n = z();
+    if (!n || typeof ResizeObserver > "u") return;
+    const h = new ResizeObserver(c);
+    h.observe(n), O(() => h.disconnect());
+  }), U(() => $(!0)), R(() => {
+    if (!P()) return;
+    const n = o.anchor, h = typeof ResizeObserver == "function" ? new ResizeObserver(c) : void 0, t = L({
+      owner: n
     }).boundaryHost;
-    r && o?.observe(r);
-    const t = new MutationObserver(i);
-    let e = n.anchor?.parentElement;
-    for (; e && (t.observe(e, {
+    t && h?.observe(t), n && h?.observe(n);
+    const e = new MutationObserver(c);
+    n && e.observe(n, {
       attributes: !0,
       attributeFilter: ["style"]
-    }), e !== r); )
-      e = e.parentElement;
-    window.addEventListener("resize", i), window.addEventListener("scroll", i, !0), i(), g(() => {
-      o?.disconnect(), t.disconnect(), window.removeEventListener("resize", i), window.removeEventListener("scroll", i, !0);
     });
-  }), g(() => {
-    d !== void 0 && cancelAnimationFrame(d);
-  }), p(V, {
+    let f = n?.parentElement;
+    for (; f && (e.observe(f, {
+      attributes: !0,
+      attributeFilter: ["style"],
+      childList: !0
+    }), f !== t); )
+      f = f.parentElement;
+    const r = ee(window, c);
+    window.addEventListener("scroll", c, !0), c(), O(() => {
+      h?.disconnect(), e.disconnect(), r(), window.removeEventListener("scroll", c, !0);
+    });
+  }), O(() => {
+    m !== void 0 && cancelAnimationFrame(m);
+  }), E(X, {
     get when() {
-      return k(() => !!O())() && n.anchor;
+      return N(() => !!P())() && o.anchor;
     },
     get children() {
-      return p($, {
+      return E(Z, K(H, {
         get owner() {
-          return n.anchor;
+          return o.anchor;
         },
         get position() {
-          return S();
+          return B();
         },
         get class() {
-          return n.class;
+          return o.class;
         },
         get "data-placement"() {
-          return L();
+          return Y();
         },
         get inert() {
-          return !x();
+          return !S();
         },
         get style() {
           return {
-            visibility: x() ? "visible" : "hidden",
-            "max-width": `${C()}px`,
-            "z-index": 60
+            ...o.style,
+            "--floe-anchored-layer-anchor-x": `${A().x}px`,
+            "--floe-anchored-layer-anchor-y": `${A().y}px`,
+            "--floe-anchored-layer-max-height": `${j()}px`,
+            visibility: S() ? "visible" : "hidden",
+            "max-width": `${D()}px`,
+            "z-index": o.style?.["z-index"] ?? 60
           };
         },
-        layerRef: (o) => {
-          B(o), i();
+        layerRef: (n) => {
+          k(n), o.layerRef?.(n), c();
         },
         get children() {
-          return n.children;
+          return o.children;
         }
-      });
+      }));
     }
   });
 }
 export {
-  N as SurfaceAnchoredLayer
+  se as SurfaceAnchoredLayer
 };