@ai-matrx/chat 0.7.2 → 0.7.4

package/dist/agents/ui-first-tools/ui/PendingAsksZone.js

@@ -3,6 +3,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { ChevronDown, ChevronUp, MessagesSquare } from "lucide-react";
 import { useIsMobile } from "@ai-matrx/kit/media-query";
+import { useShimmerSweep } from "@ai-matrx/rich-content/utils/lifted/ShimmerText";
 import { useAppSelector } from "../../../store/hooks.js";
 import {
   BottomSheet,
@@ -58,6 +59,7 @@ function MobileAsksDrawer({
   children
 }) {
   const [open, setOpen] = useState(true);
+  const shimmerRef = useShimmerSweep();
   const seenRef = useRef(/* @__PURE__ */ new Set());
   useEffect(() => {
     let hasNew = false;
@@ -75,10 +77,8 @@ function MobileAsksDrawer({
     !open && /* @__PURE__ */ jsx("div", { className: "mb-1.5", children: /* @__PURE__ */ jsx(
       "div",
       {
-        className: "rounded-xl bg-[length:200%_100%] p-[1.5px] shadow-[0_8px_24px_-16px_rgb(0_0_0/0.5)] animate-shimmer motion-reduce:animate-none",
-        style: {
-          backgroundImage: "linear-gradient(90deg, hsl(var(--primary) / 0.2) 0%, hsl(var(--primary)) 50%, hsl(var(--primary) / 0.2) 100%)"
-        },
+        ref: shimmerRef,
+        className: "rounded-xl p-[1.5px] shadow-[0_8px_24px_-16px_rgb(0_0_0/0.5)] bg-gradient-to-r from-primary/20 via-primary to-primary/20 bg-[length:200%_100%]",
         children: /* @__PURE__ */ jsxs(
           "button",
           {

package/dist/conversation/hooks/useDomCapturePrint.js

@@ -1,5 +1,6 @@
 "use client";
 import { useRef, useState, useCallback } from "react";
+import { toast } from "../../host/notify.js";
 function useDomCapturePrint() {
   const captureRef = useRef(null);
   const [isCapturing, setIsCapturing] = useState(false);
@@ -16,29 +17,39 @@ function useDomCapturePrint() {
     setError(null);
     let releaseRenderAll = null;
     let restoreFrames = null;
+    let disposeCopy = null;
+    const { filename = "ai-response", ...captureOptions } = options;
+    const toastId = toast.loading("Building the PDF\u2026");
     try {
       const { renderAllDiagrams } = await import("@ai-matrx/rich-content/mermaid/lazy-draw");
       releaseRenderAll = (await renderAllDiagrams()).release;
       const { framesToPictures } = await import("../utils/frame-print.js");
       restoreFrames = (await framesToPictures(el)).restore;
+      const { isolateForCapture } = await import("../utils/isolate-for-capture.js");
+      const isolated = await isolateForCapture(el);
+      disposeCopy = isolated.dispose;
       const [{ captureDocumentPdf }, { downloadFile }] = await Promise.all([
         import("@ai-matrx/alchemy/operate/capture"),
         import("@ai-matrx/kit/download")
       ]);
-      const { filename = "ai-response", ...captureOptions } = options;
-      const pdf = await captureDocumentPdf(el, {
+      const pdf = await captureDocumentPdf(isolated.element, {
         scale: 2,
+        imageFormat: "jpeg",
         ...captureOptions,
         onProgress: (page, total) => {
           setProgress(Math.round(page / Math.max(total, 1) * 100));
+          if (total > 0) toast.loading(`Building the PDF \u2014 page ${Math.min(page + 1, total)} of ${total}`, { id: toastId });
           options.onProgress?.(page, total);
         }
       });
       downloadFile(`${filename}.pdf`, pdf, "application/pdf");
+      toast.success(`Downloaded ${filename}.pdf`, { id: toastId });
     } catch (err) {
       const msg = err instanceof Error ? err.message : "PDF export failed";
       setError(msg);
+      toast.error(`The PDF could not be made: ${msg}`, { id: toastId });
     } finally {
+      disposeCopy?.();
       restoreFrames?.();
       releaseRenderAll?.();
       setIsCapturing(false);

package/dist/conversation/utils/frame-print.js

@@ -6,9 +6,20 @@ function standInFor(text, width, height) {
   stand.style.cssText = `display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:${width ? `${width}px` : "100%"};max-width:100%;min-height:${Math.min(Math.max(height, 96), 240)}px;padding:16px;border:1px dashed #94a3b8;border-radius:8px;color:#475569;font:italic 13px/1.4 system-ui,sans-serif;text-align:center;background:#f8fafc`;
   return stand;
 }
+const objectUrls = /* @__PURE__ */ new Set();
+async function compactSrc(src) {
+  if (!src.startsWith("data:") || src.length < 64e3) return src;
+  try {
+    const url = URL.createObjectURL(await (await fetch(src)).blob());
+    objectUrls.add(url);
+    return url;
+  } catch {
+    return src;
+  }
+}
 async function pictureOf(src, alt, width, height) {
   const img = document.createElement("img");
-  img.src = src;
+  img.src = await compactSrc(src);
   img.alt = alt;
   img.style.cssText = `display:block;width:${width ? `${width}px` : "100%"};max-width:100%;height:${height ? `${height}px` : "auto"}`;
   await img.decode().catch(() => void 0);
@@ -76,7 +87,14 @@ async function framesToPictures(root) {
       undo.push(swap(element, await pictureOf(src, element.getAttribute("aria-label") || "Picture", width, height || null)));
     })
   ]);
-  return { restore: () => undo.forEach((fn) => fn()), frames: total };
+  return {
+    restore: () => {
+      undo.forEach((fn) => fn());
+      objectUrls.forEach((url) => URL.revokeObjectURL(url));
+      objectUrls.clear();
+    },
+    frames: total
+  };
 }
 export {
   CANVAS_PRINT_STAND_IN,

package/dist/conversation/utils/isolate-for-capture.d.ts

@@ -0,0 +1,19 @@
+/**
+ * A message, alone, for a DOM capture.
+ *
+ * html2canvas clones the element's WHOLE document before it draws — for a
+ * message inside the app that is the entire app page (every conversation turn,
+ * every panel, every inline picture as base64): a 91.8 MB clone on 2026-10-08,
+ * and Full Print never finished. This puts a copy of just the message into a
+ * hidden same-origin frame that carries only the page's stylesheets and theme,
+ * so the capture clones a document that holds one message.
+ *
+ * Run it AFTER the live-surface pre-pass (`framesToPictures`): a copy keeps
+ * pictures but not a canvas's pixels or a frame's page.
+ */
+export interface IsolatedCapture {
+    /** The copy to capture — the same width the message has on screen. */
+    element: HTMLElement;
+    dispose: () => void;
+}
+export declare function isolateForCapture(source: HTMLElement): Promise<IsolatedCapture>;

package/dist/conversation/utils/isolate-for-capture.js

@@ -0,0 +1,55 @@
+const STYLESHEET_WAIT_MS = 5e3;
+function loaded(link) {
+  if (link.sheet) return Promise.resolve();
+  return new Promise((resolve) => {
+    const done = () => resolve();
+    link.addEventListener("load", done, { once: true });
+    link.addEventListener("error", done, { once: true });
+    setTimeout(done, STYLESHEET_WAIT_MS);
+  });
+}
+async function isolateForCapture(source) {
+  const width = Math.ceil(source.getBoundingClientRect().width) || source.offsetWidth || 768;
+  const frame = document.createElement("iframe");
+  frame.setAttribute("aria-hidden", "true");
+  frame.tabIndex = -1;
+  frame.setAttribute("data-matrx-capture-host", "");
+  frame.style.cssText = `position:fixed;left:-100000px;top:0;width:${width}px;height:100px;border:0;pointer-events:none`;
+  document.body.appendChild(frame);
+  const doc = frame.contentDocument;
+  if (!doc) {
+    frame.remove();
+    throw new Error("The PDF could not be prepared (no capture frame).");
+  }
+  doc.open();
+  doc.write("<!DOCTYPE html><html><head></head><body></body></html>");
+  doc.close();
+  const html = document.documentElement;
+  doc.documentElement.className = html.className;
+  const htmlStyle = html.getAttribute("style");
+  if (htmlStyle) doc.documentElement.setAttribute("style", htmlStyle);
+  for (const attr of [...html.attributes]) {
+    if (attr.name.startsWith("data-")) doc.documentElement.setAttribute(attr.name, attr.value);
+  }
+  doc.body.className = document.body.className;
+  doc.body.style.margin = "0";
+  doc.body.style.width = `${width}px`;
+  const links = [];
+  for (const node of document.querySelectorAll('link[rel="stylesheet"], style')) {
+    const copy = doc.importNode(node, true);
+    doc.head.appendChild(copy);
+    if (copy.tagName === "LINK") links.push(copy);
+  }
+  await Promise.all(links.map(loaded));
+  const element = doc.importNode(source, true);
+  element.style.width = `${width}px`;
+  doc.body.appendChild(element);
+  await Promise.all(
+    [...element.querySelectorAll("img")].map((img) => img.decode().catch(() => void 0))
+  );
+  await doc.fonts?.ready.catch(() => void 0);
+  return { element, dispose: () => frame.remove() };
+}
+export {
+  isolateForCapture
+};

package/dist/host/admin-seat.d.ts

@@ -0,0 +1,19 @@
+/**
+ * THE ADMIN SEAT (Arman: platform admins keep FULL access inside the admin
+ * system, and only there; on ordinary user pages an admin is an ordinary
+ * person).
+ *
+ * Open only when BOTH hold:
+ *   - the request rides the admin lane (`adminLaneOrganizationId()` is non-null
+ *     only on an admin page — the host decides from the page at call time), and
+ *   - the host grants admin power (`selectIsAdmin` — matrx-frontend grants it
+ *     only inside the admin section).
+ *
+ * The database mirrors the same gate: `is_platform_admin()` is true only when
+ * the admin lane is open, and the "may I?" doors (`agx_get_access_level`,
+ * `get_resource_access`, `version_list`, `version_restore`) ask
+ * `platform.platform_admin_may`, which answers exactly what the admin RLS
+ * policies admit. Client surfaces that decide without a DB round-trip (the
+ * creator flag, agent addresses, the history creator filter) ask THIS.
+ */
+export declare function adminSeatOpen(state: unknown): boolean;

package/dist/host/admin-seat.js

@@ -0,0 +1,8 @@
+import { adminLaneOrganizationId } from "./server/admin-lane.js";
+import { selectIsAdmin } from "./identity.js";
+function adminSeatOpen(state) {
+  return adminLaneOrganizationId() !== null && selectIsAdmin(state);
+}
+export {
+  adminSeatOpen
+};

package/dist/tool-call-visualization/renderers/agent-call/AgentCallInline.js

@@ -12,7 +12,9 @@ import { isCollaborationAgentCall, readAgentCallAnswer } from "./collab.js";
 import { CollabCallCard } from "./CollabCallCard.js";
 import { ImageGenerationResult } from "./ImageGenerationResult.js";
 import { findResultMedia } from "./findResultMedia.js";
+import { useShimmerSweep } from "@ai-matrx/rich-content/utils/lifted/ShimmerText";
 function ImageGenerationLoading() {
+  const sweepRef = useShimmerSweep();
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -25,7 +27,7 @@ function ImageGenerationLoading() {
           "div",
           {
             "aria-hidden": "true",
-            className: "absolute inset-0 opacity-30 [background-image:linear-gradient(hsl(var(--border)/.45)_1px,transparent_1px),linear-gradient(90deg,hsl(var(--border)/.45)_1px,transparent_1px)] [background-size:22px_22px] [mask-image:linear-gradient(to_bottom,black,transparent)]"
+            className: "absolute inset-0 opacity-30 [background-image:linear-gradient(color-mix(in_oklab,var(--color-border)_45%,transparent)_1px,transparent_1px),linear-gradient(90deg,color-mix(in_oklab,var(--color-border)_45%,transparent)_1px,transparent_1px)] [background-size:22px_22px] [mask-image:linear-gradient(to_bottom,black,transparent)]"
           }
         ),
         /* @__PURE__ */ jsx(
@@ -43,12 +45,13 @@ function ImageGenerationLoading() {
           }
         ),
         /* @__PURE__ */ jsxs("div", { className: "relative flex min-h-28 items-center gap-4", children: [
-          /* @__PURE__ */ jsxs("div", { className: "relative grid h-20 w-20 shrink-0 place-items-center overflow-hidden rounded-2xl border border-white/30 bg-gradient-to-br from-cyan-400/20 via-primary/20 to-violet-500/25 shadow-[0_12px_32px_-16px_hsl(var(--primary)/.8)] dark:border-white/10", children: [
+          /* @__PURE__ */ jsxs("div", { className: "relative grid h-20 w-20 shrink-0 place-items-center overflow-hidden rounded-2xl border border-white/30 bg-gradient-to-br from-cyan-400/20 via-primary/20 to-violet-500/25 shadow-[0_12px_32px_-16px] shadow-primary/80 dark:border-white/10", children: [
             /* @__PURE__ */ jsx(
               "div",
               {
+                ref: sweepRef,
                 "aria-hidden": "true",
-                className: "absolute -inset-8 rotate-12 bg-[linear-gradient(110deg,transparent_35%,hsl(var(--background)/.8)_50%,transparent_65%)] animate-shimmer bg-[length:200%_100%]"
+                className: "absolute -inset-8 rotate-12 bg-[linear-gradient(110deg,transparent_35%,color-mix(in_oklab,var(--color-background)_80%,transparent)_50%,transparent_65%)] bg-[length:200%_100%]"
               }
             ),
             /* @__PURE__ */ jsx(ImageIcon, { className: "relative h-8 w-8 text-primary" }),

package/dist/ui/markdown-stream/EnhancedChatMarkdown.js

@@ -2,6 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useLayoutEffect, useMemo, useCallback, useRef } from "react";
 import { cn } from "@ai-matrx/design-system";
+import { WIDE_FIGURE_HOST_CLASS, WIDE_FIGURE_PROSE_CLIP_CLASS } from "../../agents/components/shared/assistant-message-layout.js";
 import { splitContentIntoBlocksV2 } from "@ai-matrx/rich-content/display/markdown-classification/processors/utils/content-splitter-v2";
 import { renderSettledFromRecord, settledOneShotBlocks } from "@ai-matrx/rich-content/display/chat-markdown/settle-stream-blocks";
 import { expandTextBlocksInList } from "@ai-matrx/rich-content/display/markdown-classification/processors/utils/expand-text-blocks";
@@ -733,6 +734,9 @@ const EnhancedChatMarkdownInternal = ({
     "pt-1 pb-0 px-0 space-y-4 font-sans text-md antialiased leading-relaxed tracking-wide overflow-x-clip min-w-0 break-words",
     // The first block starts flush (no top margin) — app/globals.css.
     "block w-full bg-inherit markdown-flush-start",
+    // A wide figure (a rendered web page) inside: the clip edge moves out to its band, prose keeps the column's.
+    WIDE_FIGURE_HOST_CLASS,
+    WIDE_FIGURE_PROSE_CLIP_CLASS,
     className
   );
   if (hasError) {
@@ -1001,7 +1005,7 @@ const EnhancedChatMarkdownInternal = ({
       /* @__PURE__ */ jsx(MarkdownStreamingProvider, { value: !!isStreamActive, children: /* @__PURE__ */ jsx(DocumentNumberingProvider, { source: currentContent, children: /* @__PURE__ */ jsx(MaybeSourceEdit, { source: currentContent, save: isStreamActive ? void 0 : onContentChange ? handleSaveEdit : void 0, children: /* @__PURE__ */ jsxs(
         "div",
         {
-          className: "mb-1 w-full min-w-0 text-left overflow-x-clip",
+          className: cn("mb-1 w-full min-w-0 text-left overflow-x-clip", WIDE_FIGURE_HOST_CLASS),
           "data-matrx-doc-root": "",
           "data-block-count": hasUnifiedSpecial ? void 0 : hasDbInterleavedSpecial ? interleavedTextBlockTotal : stableBlocks.length,
           "data-blocks-mounted": hasUnifiedSpecial ? void 0 : hasDbInterleavedSpecial ? Math.min(interleavedShown, interleavedTextBlockTotal) : mountedBlockCount,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-matrx/chat",
-  "version": "0.7.2",
+  "version": "0.7.4",
   "description": "THE one AI Matrx person-to-agent chat system: the full chat (running agents, conversations, tool calls, streaming, context, surfaces, voice) as explicit per-module subpaths @ai-matrx/chat/<domain>/<module> (no wildcards: scripts/public-modules.json) over a host contract (/host, /host/react) whose only required value is a db. One chat, one renderer: the old kernel entries (., /external-store, /matrx, /react, /tools, styles.css, tokens.css) are retired.",
   "type": "module",
   "license": "MIT",
@@ -4666,15 +4666,14 @@
     "server-only": "^0.0.1",
     "uuid": "^14.0.2",
     "zod": "^4.6.5",
-    "@ai-matrx/agents": "latest",
     "@ai-matrx/alchemy": "latest",
     "@ai-matrx/associations": "latest",
+    "@ai-matrx/agents": "latest",
     "@ai-matrx/browser-audio": "latest",
     "@ai-matrx/content-ir": "latest",
+    "@ai-matrx/canvas": "latest",
     "@ai-matrx/content-ir-react": "latest",
     "@ai-matrx/data": "latest",
-    "@ai-matrx/canvas": "latest",
-    "@ai-matrx/diff": "latest",
     "@ai-matrx/icons": "latest",
     "@ai-matrx/kit": "latest",
     "@ai-matrx/media": "latest",
@@ -4684,6 +4683,7 @@
     "@ai-matrx/records-ui": "latest",
     "@ai-matrx/rich-content": "latest",
     "@ai-matrx/rich-editor": "latest",
+    "@ai-matrx/diff": "latest",
     "@ai-matrx/design-system": "latest"
   },
   "devDependencies": {
@@ -4802,5 +4802,5 @@
     "check:side-effects": "node ../scripts/check-side-effects-listed.mjs . && node ../scripts/check-side-effects-listed.mjs --self-test",
     "check:public-surface": "node ./scripts/sync-public-surface.mjs --check && node ./scripts/sync-public-surface.mjs --self-test"
   },
-  "gitHead": "45dfe27953371f12f06886920aedd16aedfd960f"
+  "gitHead": "7383483116d7588203992904f838129d54b59463"
 }