@floegence/floe-webapp-core 0.86.73 → 0.86.75

package/dist/components/chat/blocks/MermaidBlock.d.ts

@@ -1,6 +1,10 @@
 import { type Component } from 'solid-js';
+import { type DiagramLabels } from '../../../diagrams/Diagram';
+import '../../../styles/diagrams.css';
 export interface MermaidBlockProps {
     content: string;
     class?: string;
+    labels?: DiagramLabels;
 }
+/** Existing public component, now backed by the shared diagram surface. */
 export declare const MermaidBlock: Component<MermaidBlockProps>;

package/dist/components/chat/blocks/MermaidBlock.js

@@ -1,200 +1,25 @@
-import { insert as a, memo as k, createComponent as u, effect as D, className as ae, Portal as ce, setStyleProperty as W, template as o, delegateEvents as se } from "solid-js/web";
-import { createSignal as h, createEffect as O, onCleanup as R, Show as de } from "solid-js";
-import { cn as ue } from "../../../utils/cn.js";
-import { renderMermaid as me } from "../hooks/useMermaid.js";
-import { lockBodyStyle as he } from "../../../utils/bodyStyleLock.js";
-import { deferNonBlocking as pe } from "../../../utils/defer.js";
-var fe = /* @__PURE__ */ o("<div>"), ge = /* @__PURE__ */ o("<div class=chat-image-dialog-backdrop>"), ye = /* @__PURE__ */ o('<div class=chat-image-dialog><div class=chat-image-dialog-toolbar><button type=button class=chat-image-dialog-btn title="Zoom out (-)"></button><span class=chat-image-dialog-scale>%</span><button type=button class=chat-image-dialog-btn title="Zoom in (+)"></button><button type=button class=chat-image-dialog-btn title="Reset (0)"></button><div class=chat-image-dialog-separator></div><button type=button class=chat-image-dialog-btn title="Close (Esc)"></button></div><div class=chat-image-dialog-content style=touch-action:none><div class=chat-mermaid-dialog-svg></div></div><div class=chat-image-dialog-hint>Scroll/pinch to zoom · Drag to pan · Press Esc to close'), ve = /* @__PURE__ */ o("<div class=chat-mermaid-loading><span>Rendering diagram..."), xe = /* @__PURE__ */ o("<div class=chat-mermaid-error><span>"), $e = /* @__PURE__ */ o('<div class="chat-mermaid-content chat-mermaid-clickable">'), be = /* @__PURE__ */ o('<svg class="animate-spin h-5 w-5"viewBox="0 0 24 24"fill=none><circle class=opacity-25 cx=12 cy=12 r=10 stroke=currentColor stroke-width=4></circle><path class=opacity-75 fill=currentColor d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z">'), ke = /* @__PURE__ */ o('<svg width=16 height=16 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><circle cx=12 cy=12 r=10></circle><line x1=12 y1=8 x2=12 y2=12></line><line x1=12 y1=16 x2=12.01 y2=16>'), _e = /* @__PURE__ */ o('<svg width=20 height=20 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><line x1=18 y1=6 x2=6 y2=18></line><line x1=6 y1=6 x2=18 y2=18>'), we = /* @__PURE__ */ o('<svg width=20 height=20 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><circle cx=11 cy=11 r=8></circle><line x1=21 y1=21 x2=16.65 y2=16.65></line><line x1=11 y1=8 x2=11 y2=14></line><line x1=8 y1=11 x2=14 y2=11>'), Ce = /* @__PURE__ */ o('<svg width=20 height=20 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><circle cx=11 cy=11 r=8></circle><line x1=21 y1=21 x2=16.65 y2=16.65></line><line x1=8 y1=11 x2=14 y2=11>'), Se = /* @__PURE__ */ o('<svg width=20 height=20 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5">');
-const Xe = (T) => {
-  const [$, X] = h(null), [_, Y] = h(null), [j, b] = h(!0), [w, F] = h(!1), [r, C] = h(1), [y, v] = h({
-    x: 0,
-    y: 0
-  }), [G, d] = h(!1);
-  let S = 0, p = null, I = {
-    x: 0,
-    y: 0
-  };
-  const i = /* @__PURE__ */ new Map();
-  let c = null, s = null, f = 0, x = 1;
-  const J = 0.5, Q = 5, Z = 0.25, ee = (e) => Math.max(J, Math.min(e, Q)), M = (e) => {
-    const t = ee(e);
-    C(t), t <= 1 && (v({
-      x: 0,
-      y: 0
-    }), d(!1));
-  };
-  O(() => {
-    const e = ++S, t = T.content;
-    if (!t) {
-      X(null), b(!1);
-      return;
-    }
-    b(!0), Y(null), pe(() => {
-      me(t).then((n) => {
-        e === S && (X(n), b(!1));
-      }).catch((n) => {
-        e === S && (Y(n.message || "Failed to render diagram"), b(!1));
-      });
-    });
-  });
-  const te = () => {
-    C(1), v({
-      x: 0,
-      y: 0
-    }), F(!0);
-  }, E = () => {
-    F(!1);
-  }, L = () => {
-    M(r() + Z);
-  }, z = () => {
-    M(r() - Z);
-  }, N = () => {
-    C(1), v({
-      x: 0,
-      y: 0
-    }), d(!1);
-  }, ne = (e) => {
-    e.preventDefault(), e.deltaY < 0 ? L() : z();
-  }, ie = (e) => {
-    if (e.pointerType === "mouse" && e.button !== 0) return;
-    e.preventDefault();
-    const t = e.currentTarget;
-    i.set(e.pointerId, {
-      x: e.clientX,
-      y: e.clientY
-    });
-    try {
-      t.setPointerCapture(e.pointerId);
-    } catch {
-    }
-    if (i.size === 1) {
-      c = {
-        x: e.clientX,
-        y: e.clientY
-      }, s = {
-        ...y()
-      }, d(r() > 1);
-      return;
-    }
-    if (i.size === 2) {
-      const [n, l] = Array.from(i.values());
-      f = Math.hypot(n.x - l.x, n.y - l.y), x = r(), c = null, s = null, d(!1);
-    }
-  }, re = (e) => {
-    if (i.has(e.pointerId)) {
-      if (i.set(e.pointerId, {
-        x: e.clientX,
-        y: e.clientY
-      }), i.size === 2) {
-        const [t, n] = Array.from(i.values()), l = Math.hypot(t.x - n.x, t.y - n.y);
-        f > 0 && M(x * (l / f));
-        return;
-      }
-      if (!(i.size !== 1 || r() <= 1) && (d(!0), (!c || !s) && (c = {
-        x: e.clientX,
-        y: e.clientY
-      }, s = {
-        ...y()
-      }), I = {
-        x: s.x + (e.clientX - c.x),
-        y: s.y + (e.clientY - c.y)
-      }, p === null)) {
-        if (typeof requestAnimationFrame > "u") {
-          v(I);
-          return;
-        }
-        p = requestAnimationFrame(() => {
-          p = null, !(i.size !== 1 || r() <= 1) && v(I);
-        });
-      }
-    }
-  }, q = (e) => {
-    i.delete(e.pointerId);
-    try {
-      e.currentTarget.releasePointerCapture(e.pointerId);
-    } catch {
-    }
-    if (i.size === 0) {
-      d(!1), c = null, s = null, f = 0, x = r();
-      return;
-    }
-    if (i.size === 1) {
-      const t = Array.from(i.values())[0];
-      c = {
-        x: t.x,
-        y: t.y
-      }, s = {
-        ...y()
-      }, d(r() > 1), f = 0, x = r();
-      return;
-    }
-    if (i.size === 2) {
-      const [t, n] = Array.from(i.values());
-      f = Math.hypot(t.x - n.x, t.y - n.y), x = r(), c = null, s = null, d(!1);
-    }
-  };
-  return R(() => {
-    p !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(p), p = null), i.clear();
-  }), O(() => {
-    if (!w()) return;
-    const e = (t) => {
-      t.key === "Escape" ? E() : t.key === "+" || t.key === "=" ? L() : t.key === "-" ? z() : t.key === "0" && N();
-    };
-    document.addEventListener("keydown", e), R(() => document.removeEventListener("keydown", e));
-  }), O(() => {
-    if (!w()) return;
-    const e = he({
-      overflow: "hidden"
-    });
-    R(e);
-  }), [(() => {
-    var e = fe();
-    return a(e, (() => {
-      var t = k(() => !!j());
-      return () => t() && (() => {
-        var n = ve(), l = n.firstChild;
-        return a(n, u(Ie, {}), l), n;
-      })();
-    })(), null), a(e, (() => {
-      var t = k(() => !!_());
-      return () => t() && (() => {
-        var n = xe(), l = n.firstChild;
-        return a(n, u(Me, {}), l), a(l, _), n;
-      })();
-    })(), null), a(e, (() => {
-      var t = k(() => !!($() && !_()));
-      return () => t() && (() => {
-        var n = $e();
-        return n.$$click = te, D(() => n.innerHTML = $()), n;
-      })();
-    })(), null), D(() => ae(e, ue("chat-mermaid-block", T.class))), e;
-  })(), u(de, {
-    get when() {
-      return k(() => !!w())() && $();
-    },
-    get children() {
-      return u(ce, {
-        get children() {
-          return [(() => {
-            var e = ge();
-            return e.$$click = E, e;
-          })(), (() => {
-            var e = ye(), t = e.firstChild, n = t.firstChild, l = n.nextSibling, le = l.firstChild, A = l.nextSibling, P = A.nextSibling, oe = P.nextSibling, H = oe.nextSibling, g = t.nextSibling, B = g.firstChild;
-            return n.$$click = z, a(n, u(ze, {})), a(l, () => Math.round(r() * 100), le), A.$$click = L, a(A, u(Le, {})), P.$$click = N, a(P, u(Ae, {})), H.$$click = E, a(H, u(Ee, {})), g.addEventListener("pointercancel", q), g.$$pointerup = q, g.$$pointermove = re, g.$$pointerdown = ie, g.addEventListener("wheel", ne), D((m) => {
-              var K = `translate(${y().x}px, ${y().y}px) scale(${r()})`, U = r() > 1 ? G() ? "grabbing" : "grab" : "default", V = $();
-              return K !== m.e && W(B, "transform", m.e = K), U !== m.t && W(B, "cursor", m.t = U), V !== m.a && (B.innerHTML = m.a = V), m;
-            }, {
-              e: void 0,
-              t: void 0,
-              a: void 0
-            }), e;
-          })()];
-        }
-      });
-    }
-  })];
-}, Ie = () => be(), Me = () => ke(), Ee = () => _e(), Le = () => we(), ze = () => Ce(), Ae = () => Se();
-se(["click", "pointerdown", "pointermove", "pointerup"]);
+import { createComponent as a } from "solid-js/web";
+import "solid-js";
+import { Diagram as m, diagramLabelsEnUS as n } from "../../../diagrams/Diagram.js";
+import { renderMermaid as o } from "../hooks/useMermaid.js";
+/* empty css                           */
+const i = (e, r) => o(e, "default", r).then((t) => ({
+  svg: t,
+  width: 0,
+  height: 0,
+  type: "mermaid"
+})), u = (e) => a(m, {
+  get source() {
+    return e.content;
+  },
+  get class() {
+    return e.class;
+  },
+  get labels() {
+    return e.labels ?? n;
+  },
+  render: i
+});
 export {
-  Xe as MermaidBlock
+  u as MermaidBlock
 };

package/dist/components/chat/hooks/useMermaid.d.ts

@@ -1,10 +1,11 @@
+import { type DiagramRenderOptions } from '../../../diagrams/render';
 /**
  * Configure the Mermaid worker.
  * Call this during app initialization to enable worker mode.
  */
 export declare function configureMermaidWorker(worker: Worker): Promise<void>;
 /**
- * Configure a synchronous Mermaid renderer (fallback).
+ * Configure an explicit host Mermaid renderer.
  * If you don't use a worker, pass a Mermaid instance directly.
  */
 export declare function configureSyncMermaid(mermaid: {
@@ -12,7 +13,7 @@ export declare function configureSyncMermaid(mermaid: {
         svg: string;
     }>;
 }): void;
-export declare function renderMermaid(content: string, theme?: string): Promise<string>;
+export declare function renderMermaid(content: string, theme?: string, options?: DiagramRenderOptions): Promise<string>;
 export declare function useMermaid(): {
     render: (content: string, theme?: string) => Promise<string>;
     isLoading: import("solid-js").Accessor<boolean>;

package/dist/components/chat/hooks/useMermaid.js

@@ -1,76 +1,79 @@
 import { secureRandomUUID as w } from "../../../utils/secureRandom.js";
-import { createSignal as M } from "solid-js";
-let a = null, f = !1, c = null;
-const l = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), k = 200;
-let u = null, p = 0;
-function v(n) {
-  return a = n, c = new Promise((o) => {
+import { createSignal as y } from "solid-js";
+import { sanitizeDiagramSvg as m, renderDiagram as k } from "../../../diagrams/render.js";
+let a = null, f = !1, d = null;
+const c = /* @__PURE__ */ new Map();
+let l = null, p = 0;
+function D(r) {
+  return a = r, d = new Promise((o) => {
     a.onmessage = (e) => {
       if ("type" in e.data && e.data.type === "ready") {
         f = !0, o();
         return;
       }
-      const { id: i, svg: d, error: t } = e.data, r = l.get(i);
-      r && (l.delete(i), t ? r.reject(new Error(t)) : r.resolve(d));
+      const { id: s, svg: n, error: t } = e.data, i = c.get(s);
+      i && (c.delete(s), t ? i.reject(new Error(t)) : i.resolve(n));
     }, a.onerror = (e) => {
       console.error("Mermaid worker error:", e);
     };
-  }), c;
+  }), d;
 }
-function I(n) {
-  u = n;
+function R(r) {
+  l = r;
 }
-async function h() {
-  return a ? f ? !0 : c ? (await c, !0) : !1 : !1;
+async function M() {
+  return a ? f ? !0 : d ? (await d, !0) : !1 : !1;
 }
-async function W(n, o = "default") {
-  const e = `${o}:${n}`, i = s.get(e);
-  if (i) return i;
-  if (await h() && a)
-    return new Promise((t, r) => {
-      const m = w();
-      l.set(m, {
+async function v(r, o = "default", e = {}) {
+  if (await M() && a)
+    return new Promise((n, t) => {
+      const i = w();
+      c.set(i, {
         resolve: (g) => {
-          if (s.size >= k) {
-            const y = s.keys().next().value;
-            y && s.delete(y);
+          try {
+            n(m(g, e.document));
+          } catch (u) {
+            t(u instanceof Error ? u : new Error(String(u)));
           }
-          s.set(e, g), t(g);
         },
-        reject: r
-      }), a.postMessage({ id: m, content: n, theme: o });
+        reject: t
+      }), a.postMessage({ id: i, content: r, theme: o });
     });
-  if (u)
+  if (l)
     try {
-      const t = `mermaid-sync-${p++}`, { svg: r } = await u.render(t, n);
-      return s.set(e, r), r;
-    } catch (t) {
-      const r = t instanceof Error ? t.message : "Failed to render diagram";
-      throw new Error(r);
+      const n = `mermaid-sync-${p++}`, { svg: t } = await l.render(n, r);
+      return m(t, e.document);
+    } catch (n) {
+      const t = n instanceof Error ? n.message : "Failed to render diagram";
+      throw new Error(t);
     }
-  throw new Error("Mermaid renderer not configured. Call configureMermaidWorker() or configureSyncMermaid() first.");
+  return (await k(r, e)).svg;
 }
-function R() {
-  const [n, o] = M(!1);
+function S() {
+  const [r, o] = y(!1);
   return {
-    render: async (i, d) => {
+    render: async (s, n) => {
       o(!0);
       try {
-        return await W(i, d);
+        return await v(s, n);
       } finally {
         o(!1);
       }
     },
-    isLoading: n
+    isLoading: r
   };
 }
-function S() {
-  a && (a.terminate(), a = null, f = !1, c = null, l.clear()), s.clear();
+function I() {
+  if (a) {
+    a.terminate(), a = null, f = !1, d = null;
+    for (const r of c.values()) r.reject(new Error("Diagram worker terminated."));
+    c.clear();
+  }
 }
 export {
-  v as configureMermaidWorker,
-  I as configureSyncMermaid,
-  W as renderMermaid,
-  S as terminateMermaidWorker,
-  R as useMermaid
+  D as configureMermaidWorker,
+  R as configureSyncMermaid,
+  v as renderMermaid,
+  I as terminateMermaidWorker,
+  S as useMermaid
 };

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

@@ -0,0 +1,2 @@
+/** A matching CommonMark fence, independent of whether streaming has ended. */
+export declare function isClosedMarkdownFence(raw: string): boolean;

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

@@ -0,0 +1,14 @@
+function r(s) {
+  const e = s.replace(/\r\n?/g, `
+`).split(`
+`), t = e[0]?.match(/^[ ]{0,3}(\x60{3,}|~{3,})/);
+  if (!t) return !1;
+  const c = t[1];
+  return e.slice(1).some((o) => {
+    const n = o.match(/^[ ]{0,3}(\x60+|~+)[ \t]*$/)?.[1];
+    return !!n && n[0] === c[0] && n.length >= c.length;
+  });
+}
+export {
+  r as isClosedMarkdownFence
+};

package/dist/components/layout/splitWorkspaceModel.d.ts

@@ -36,3 +36,10 @@ export declare function measureSplitWorkspace(layout: SplitWorkspaceLayout | nul
     panes: Map<string, SplitWorkspaceRect>;
     dividers: SplitWorkspaceDivider[];
 };
+export interface SplitWorkspaceArrangement {
+    id: string;
+    kind: 'rows' | 'columns' | 'grid' | 'main-left' | 'main-right' | 'main-top' | 'main-bottom';
+    layout: SplitWorkspaceLayout;
+}
+/** Bounded alternatives that preserve every item in visual reading order. */
+export declare function createSplitWorkspaceArrangements(itemIds: readonly string[], id: () => string): SplitWorkspaceArrangement[];