@opengeni/react 5.0.2-canary.0 → 5.0.4-canary.0

package/dist/components/markdown-table-layout.d.ts

@@ -6,4 +6,7 @@ export declare function markdownTableWidth({ columnLeft, columnWidth, contentLef
     preferredWidth: number;
 }): number;
 /** Loaded only for assistant tables. Keep prose and nested scroll owners intact. */
-export declare function observeMarkdownTableLayout(wrapper: HTMLDivElement, table: HTMLTableElement): (() => void) | undefined;
+export declare function observeMarkdownTableLayout(wrapper: HTMLDivElement, table: HTMLTableElement): {
+    measure: () => void;
+    disconnect: () => void;
+} | undefined;

package/dist/index.js

@@ -110,7 +110,7 @@ import {
   useWorkspaceModelCatalog,
   userMessageLikelyNeedsDisclosure,
   v4aToGitFileDiff
-} from "./chunk-WRVKY242.js";
+} from "./chunk-SCZ6SUBW.js";
 import "./chunk-YBM6CQRU.js";
 import "./chunk-5M6VTFJ5.js";
 import "./chunk-ZYRGEKWS.js";

package/dist/{markdown-table-layout-3Z3AWBY7.js → markdown-table-layout-PFUEZ2U4.js}

@@ -59,13 +59,16 @@ function observeMarkdownTableLayout(wrapper, table) {
   observer?.observe(scroller);
   observer?.observe(body);
   observer?.observe(table);
-  return () => {
-    observer?.disconnect();
-    reset();
+  return {
+    measure,
+    disconnect: () => {
+      observer?.disconnect();
+      reset();
+    }
   };
 }
 export {
   markdownTableWidth,
   observeMarkdownTableLayout
 };
-//# sourceMappingURL=markdown-table-layout-3Z3AWBY7.js.map
+//# sourceMappingURL=markdown-table-layout-PFUEZ2U4.js.map

package/dist/{markdown-table-layout-3Z3AWBY7.js.map → markdown-table-layout-PFUEZ2U4.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/markdown-table-layout.ts"],"sourcesContent":["export function markdownTableWidth({\n  columnLeft,\n  columnWidth,\n  contentLeft,\n  contentRight,\n  preferredWidth,\n}: {\n  columnLeft: number;\n  columnWidth: number;\n  contentLeft: number;\n  contentRight: number;\n  preferredWidth: number;\n}): number {\n  const center = columnLeft + columnWidth / 2;\n  const available = 2 * Math.min(center - contentLeft, contentRight - center);\n  return Math.max(columnWidth, Math.min(preferredWidth, available));\n}\n\n/** Loaded only for assistant tables. Keep prose and nested scroll owners intact. */\nexport function observeMarkdownTableLayout(wrapper: HTMLDivElement, table: HTMLTableElement) {\n  const body = wrapper.parentElement;\n  const scroller = body\n    ?.closest(\"[data-og-wide-table-message]\")\n    ?.closest<HTMLElement>(\"[data-og-timeline-scroller]\");\n  if (!body?.classList.contains(\"og-markdown-body\") || !scroller) return;\n\n  let width: number | null = null;\n  const reset = () => {\n    width = null;\n    wrapper.style.width = \"\";\n    wrapper.style.maxWidth = \"\";\n    wrapper.style.marginInline = \"\";\n  };\n  const measure = () => {\n    // Intermediate clipped/scrollable surfaces own their own content bounds.\n    for (\n      let ancestor: HTMLElement | null = body;\n      ancestor && ancestor !== scroller;\n      ancestor = ancestor.parentElement\n    ) {\n      if (getComputedStyle(ancestor).overflowX !== \"visible\") {\n        reset();\n        return;\n      }\n    }\n    const column = body.getBoundingClientRect();\n    const panel = scroller.getBoundingClientRect();\n    const panelStyle = getComputedStyle(scroller);\n    const left = panel.left + scroller.clientLeft + parseFloat(panelStyle.paddingLeft);\n    const right =\n      panel.left + scroller.clientLeft + scroller.clientWidth - parseFloat(panelStyle.paddingRight);\n\n    // Measure the original table, preserving its wrapping and TSV copy DOM.\n    const previousWidth = table.style.width;\n    let preferred: number;\n    try {\n      table.style.width = \"max-content\";\n      preferred = table.getBoundingClientRect().width;\n    } finally {\n      table.style.width = previousWidth;\n    }\n    const next = markdownTableWidth({\n      columnLeft: column.left,\n      columnWidth: column.width,\n      contentLeft: left,\n      contentRight: right,\n      preferredWidth: preferred,\n    });\n    if (width !== null && Math.abs(width - next) < 0.5) return;\n    width = next;\n    wrapper.style.width = `${width}px`;\n    wrapper.style.maxWidth = \"none\";\n    wrapper.style.marginInline = `calc((100% - ${width}px) / 2)`;\n  };\n\n  measure();\n  const observer = typeof ResizeObserver === \"undefined\" ? undefined : new ResizeObserver(measure);\n  observer?.observe(scroller);\n  observer?.observe(body);\n  observer?.observe(table);\n  return () => {\n    observer?.disconnect();\n    reset();\n  };\n}\n"],"mappings":";AAAO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMW;AACT,QAAM,SAAS,aAAa,cAAc;AAC1C,QAAM,YAAY,IAAI,KAAK,IAAI,SAAS,aAAa,eAAe,MAAM;AAC1E,SAAO,KAAK,IAAI,aAAa,KAAK,IAAI,gBAAgB,SAAS,CAAC;AAClE;AAGO,SAAS,2BAA2B,SAAyB,OAAyB;AAC3F,QAAM,OAAO,QAAQ;AACrB,QAAM,WAAW,MACb,QAAQ,8BAA8B,GACtC,QAAqB,6BAA6B;AACtD,MAAI,CAAC,MAAM,UAAU,SAAS,kBAAkB,KAAK,CAAC,SAAU;AAEhE,MAAI,QAAuB;AAC3B,QAAM,QAAQ,MAAM;AAClB,YAAQ;AACR,YAAQ,MAAM,QAAQ;AACtB,YAAQ,MAAM,WAAW;AACzB,YAAQ,MAAM,eAAe;AAAA,EAC/B;AACA,QAAM,UAAU,MAAM;AAEpB,aACM,WAA+B,MACnC,YAAY,aAAa,UACzB,WAAW,SAAS,eACpB;AACA,UAAI,iBAAiB,QAAQ,EAAE,cAAc,WAAW;AACtD,cAAM;AACN;AAAA,MACF;AAAA,IACF;AACA,UAAM,SAAS,KAAK,sBAAsB;AAC1C,UAAM,QAAQ,SAAS,sBAAsB;AAC7C,UAAM,aAAa,iBAAiB,QAAQ;AAC5C,UAAM,OAAO,MAAM,OAAO,SAAS,aAAa,WAAW,WAAW,WAAW;AACjF,UAAM,QACJ,MAAM,OAAO,SAAS,aAAa,SAAS,cAAc,WAAW,WAAW,YAAY;AAG9F,UAAM,gBAAgB,MAAM,MAAM;AAClC,QAAI;AACJ,QAAI;AACF,YAAM,MAAM,QAAQ;AACpB,kBAAY,MAAM,sBAAsB,EAAE;AAAA,IAC5C,UAAE;AACA,YAAM,MAAM,QAAQ;AAAA,IACtB;AACA,UAAM,OAAO,mBAAmB;AAAA,MAC9B,YAAY,OAAO;AAAA,MACnB,aAAa,OAAO;AAAA,MACpB,aAAa;AAAA,MACb,cAAc;AAAA,MACd,gBAAgB;AAAA,IAClB,CAAC;AACD,QAAI,UAAU,QAAQ,KAAK,IAAI,QAAQ,IAAI,IAAI,IAAK;AACpD,YAAQ;AACR,YAAQ,MAAM,QAAQ,GAAG,KAAK;AAC9B,YAAQ,MAAM,WAAW;AACzB,YAAQ,MAAM,eAAe,gBAAgB,KAAK;AAAA,EACpD;AAEA,UAAQ;AACR,QAAM,WAAW,OAAO,mBAAmB,cAAc,SAAY,IAAI,eAAe,OAAO;AAC/F,YAAU,QAAQ,QAAQ;AAC1B,YAAU,QAAQ,IAAI;AACtB,YAAU,QAAQ,KAAK;AACvB,SAAO,MAAM;AACX,cAAU,WAAW;AACrB,UAAM;AAAA,EACR;AACF;","names":[]}
+{"version":3,"sources":["../src/components/markdown-table-layout.ts"],"sourcesContent":["export function markdownTableWidth({\n  columnLeft,\n  columnWidth,\n  contentLeft,\n  contentRight,\n  preferredWidth,\n}: {\n  columnLeft: number;\n  columnWidth: number;\n  contentLeft: number;\n  contentRight: number;\n  preferredWidth: number;\n}): number {\n  const center = columnLeft + columnWidth / 2;\n  const available = 2 * Math.min(center - contentLeft, contentRight - center);\n  return Math.max(columnWidth, Math.min(preferredWidth, available));\n}\n\n/** Loaded only for assistant tables. Keep prose and nested scroll owners intact. */\nexport function observeMarkdownTableLayout(wrapper: HTMLDivElement, table: HTMLTableElement) {\n  const body = wrapper.parentElement;\n  const scroller = body\n    ?.closest(\"[data-og-wide-table-message]\")\n    ?.closest<HTMLElement>(\"[data-og-timeline-scroller]\");\n  if (!body?.classList.contains(\"og-markdown-body\") || !scroller) return;\n\n  let width: number | null = null;\n  const reset = () => {\n    width = null;\n    wrapper.style.width = \"\";\n    wrapper.style.maxWidth = \"\";\n    wrapper.style.marginInline = \"\";\n  };\n  const measure = () => {\n    // Intermediate clipped/scrollable surfaces own their own content bounds.\n    for (\n      let ancestor: HTMLElement | null = body;\n      ancestor && ancestor !== scroller;\n      ancestor = ancestor.parentElement\n    ) {\n      if (getComputedStyle(ancestor).overflowX !== \"visible\") {\n        reset();\n        return;\n      }\n    }\n    const column = body.getBoundingClientRect();\n    const panel = scroller.getBoundingClientRect();\n    const panelStyle = getComputedStyle(scroller);\n    const left = panel.left + scroller.clientLeft + parseFloat(panelStyle.paddingLeft);\n    const right =\n      panel.left + scroller.clientLeft + scroller.clientWidth - parseFloat(panelStyle.paddingRight);\n\n    // Measure the original table, preserving its wrapping and TSV copy DOM.\n    const previousWidth = table.style.width;\n    let preferred: number;\n    try {\n      table.style.width = \"max-content\";\n      preferred = table.getBoundingClientRect().width;\n    } finally {\n      table.style.width = previousWidth;\n    }\n    const next = markdownTableWidth({\n      columnLeft: column.left,\n      columnWidth: column.width,\n      contentLeft: left,\n      contentRight: right,\n      preferredWidth: preferred,\n    });\n    if (width !== null && Math.abs(width - next) < 0.5) return;\n    width = next;\n    wrapper.style.width = `${width}px`;\n    wrapper.style.maxWidth = \"none\";\n    wrapper.style.marginInline = `calc((100% - ${width}px) / 2)`;\n  };\n\n  measure();\n  const observer = typeof ResizeObserver === \"undefined\" ? undefined : new ResizeObserver(measure);\n  observer?.observe(scroller);\n  observer?.observe(body);\n  observer?.observe(table);\n  return {\n    measure,\n    disconnect: () => {\n      observer?.disconnect();\n      reset();\n    },\n  };\n}\n"],"mappings":";AAAO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMW;AACT,QAAM,SAAS,aAAa,cAAc;AAC1C,QAAM,YAAY,IAAI,KAAK,IAAI,SAAS,aAAa,eAAe,MAAM;AAC1E,SAAO,KAAK,IAAI,aAAa,KAAK,IAAI,gBAAgB,SAAS,CAAC;AAClE;AAGO,SAAS,2BAA2B,SAAyB,OAAyB;AAC3F,QAAM,OAAO,QAAQ;AACrB,QAAM,WAAW,MACb,QAAQ,8BAA8B,GACtC,QAAqB,6BAA6B;AACtD,MAAI,CAAC,MAAM,UAAU,SAAS,kBAAkB,KAAK,CAAC,SAAU;AAEhE,MAAI,QAAuB;AAC3B,QAAM,QAAQ,MAAM;AAClB,YAAQ;AACR,YAAQ,MAAM,QAAQ;AACtB,YAAQ,MAAM,WAAW;AACzB,YAAQ,MAAM,eAAe;AAAA,EAC/B;AACA,QAAM,UAAU,MAAM;AAEpB,aACM,WAA+B,MACnC,YAAY,aAAa,UACzB,WAAW,SAAS,eACpB;AACA,UAAI,iBAAiB,QAAQ,EAAE,cAAc,WAAW;AACtD,cAAM;AACN;AAAA,MACF;AAAA,IACF;AACA,UAAM,SAAS,KAAK,sBAAsB;AAC1C,UAAM,QAAQ,SAAS,sBAAsB;AAC7C,UAAM,aAAa,iBAAiB,QAAQ;AAC5C,UAAM,OAAO,MAAM,OAAO,SAAS,aAAa,WAAW,WAAW,WAAW;AACjF,UAAM,QACJ,MAAM,OAAO,SAAS,aAAa,SAAS,cAAc,WAAW,WAAW,YAAY;AAG9F,UAAM,gBAAgB,MAAM,MAAM;AAClC,QAAI;AACJ,QAAI;AACF,YAAM,MAAM,QAAQ;AACpB,kBAAY,MAAM,sBAAsB,EAAE;AAAA,IAC5C,UAAE;AACA,YAAM,MAAM,QAAQ;AAAA,IACtB;AACA,UAAM,OAAO,mBAAmB;AAAA,MAC9B,YAAY,OAAO;AAAA,MACnB,aAAa,OAAO;AAAA,MACpB,aAAa;AAAA,MACb,cAAc;AAAA,MACd,gBAAgB;AAAA,IAClB,CAAC;AACD,QAAI,UAAU,QAAQ,KAAK,IAAI,QAAQ,IAAI,IAAI,IAAK;AACpD,YAAQ;AACR,YAAQ,MAAM,QAAQ,GAAG,KAAK;AAC9B,YAAQ,MAAM,WAAW;AACzB,YAAQ,MAAM,eAAe,gBAAgB,KAAK;AAAA,EACpD;AAEA,UAAQ;AACR,QAAM,WAAW,OAAO,mBAAmB,cAAc,SAAY,IAAI,eAAe,OAAO;AAC/F,YAAU,QAAQ,QAAQ;AAC1B,YAAU,QAAQ,IAAI;AACtB,YAAU,QAAQ,KAAK;AACvB,SAAO;AAAA,IACL;AAAA,IACA,YAAY,MAAM;AAChB,gBAAU,WAAW;AACrB,YAAM;AAAA,IACR;AAAA,EACF;AACF;","names":[]}

package/dist/session-ui.js

@@ -14,7 +14,7 @@ import {
   sessionChromeGoalPillLabel,
   sessionChromeGoalPillState,
   userMessageLikelyNeedsDisclosure
-} from "./chunk-WRVKY242.js";
+} from "./chunk-SCZ6SUBW.js";
 import "./chunk-YBM6CQRU.js";
 import "./chunk-5M6VTFJ5.js";
 import "./chunk-ZYRGEKWS.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeni/react",
-  "version": "5.0.2-canary.0",
+  "version": "5.0.4-canary.0",
   "description": "React hooks and styled components for OpenGeni: live session streaming, chat composer, message timeline, session status, and fleet views — token-themed (CSS variables), dark-first, built on Tailwind v4 + Radix + Motion.",
   "license": "Apache-2.0",
   "repository": {
@@ -133,8 +133,8 @@
     "@dnd-kit/utilities": "3.2.2",
     "@fontsource-variable/noto-sans-arabic": "5.2.10",
     "@fontsource-variable/noto-sans-jp": "5.2.10",
-    "@opengeni/connect": "^0.2.0-canary.0",
-    "@opengeni/sdk": "^5.0.0-canary.0",
+    "@opengeni/connect": "^0.2.0-canary.1",
+    "@opengeni/sdk": "^5.0.3-canary.0",
     "clsx": "^2.1.1",
     "dequal": "2.0.3",
     "lucide-react": "^1.8.0",

package/src/components/markdown-table-layout.ts

@@ -78,8 +78,11 @@ export function observeMarkdownTableLayout(wrapper: HTMLDivElement, table: HTMLT
   observer?.observe(scroller);
   observer?.observe(body);
   observer?.observe(table);
-  return () => {
-    observer?.disconnect();
-    reset();
+  return {
+    measure,
+    disconnect: () => {
+      observer?.disconnect();
+      reset();
+    },
   };
 }

package/src/components/markdown.tsx

@@ -21,6 +21,7 @@ import { tableElementToTsv } from "../lib/clipboard";
 import { prefersReducedMotion } from "../lib/motion";
 import { MOTION_INSPECT_SCALE } from "../lib/motion-inspect";
 import { CopyButton } from "./copy-button";
+import type { observeMarkdownTableLayout } from "./markdown-table-layout";
 import { softenStreamingMarkdown } from "./soften-streaming-markdown";
 import { createStreamReveal, rehypeStreamReveal, type StreamReveal } from "./stream-reveal";
 import { TooltipProvider } from "./tooltip";
@@ -413,22 +414,29 @@ function MarkdownCodeBlock({ children }: { children?: ReactNode }) {
 function MarkdownTable({ children, className, ...props }: ComponentPropsWithoutRef<"table">) {
   const wrapperRef = useRef<HTMLDivElement>(null);
   const tableRef = useRef<HTMLTableElement>(null);
+  const layoutRef = useRef<ReturnType<typeof observeMarkdownTableLayout>>(undefined);
   useEffect(() => {
     const wrapper = wrapperRef.current;
     const table = tableRef.current;
     if (!wrapper?.closest("[data-og-wide-table-message]") || !table) return;
     let disposed = false;
-    let cleanup: (() => void) | undefined;
     // Ordinary tables remain usable even if this optional layout chunk fails.
     void import("./markdown-table-layout")
       .then(({ observeMarkdownTableLayout }) => {
-        if (!disposed) cleanup = observeMarkdownTableLayout(wrapper, table);
+        if (!disposed) layoutRef.current = observeMarkdownTableLayout(wrapper, table);
       })
       .catch(() => {});
     return () => {
       disposed = true;
-      cleanup?.();
+      layoutRef.current?.disconnect();
+      layoutRef.current = undefined;
     };
+  }, []);
+  // ReactMarkdown recreates table children even when only later prose changes.
+  // Remeasure genuine content changes without collapsing the expanded wrapper
+  // between cleanup and the asynchronous observer-module import on each update.
+  useEffect(() => {
+    layoutRef.current?.measure();
   }, [children]);
   return (
     <div ref={wrapperRef} className="group/copy relative mt-3 max-w-full first:mt-0">