@ai-matrx/canvas 0.5.1 → 0.5.3

package/dist/react.js

@@ -2786,7 +2786,10 @@ function CanvasPaneView({ paneId }) {
         /* @__PURE__ */ jsx7(CanvasHeaderButton, { className: "mxc-new-tab", label: "New tab", onClick: () => void canvas.newTab(paneId), children: /* @__PURE__ */ jsx7(PlusIcon, {}) })
       ] }),
       leading: Leading && kindProps ? /* @__PURE__ */ jsx7(Leading, { ...kindProps }) : null,
-      actions: Action && kindProps ? /* @__PURE__ */ jsx7(Action, { ...kindProps }) : null,
+      actions: Action && kindProps ? (
+        // Its own gapless row: a kind's tap buttons space themselves (the tap-target placement rule).
+        /* @__PURE__ */ jsx7("span", { className: "mxc-kind-actions", children: /* @__PURE__ */ jsx7(Action, { ...kindProps }) })
+      ) : null,
       renderMenu: () => /* @__PURE__ */ jsx7(PaneMenu, { paneId, windowId, activeItem: active, kind, kindProps, tabCount: pane.itemIds.length, role }),
       expanded: isFullscreen,
       onToggleExpand: () => canvas.setFullscreen(!isFullscreen),
@@ -2844,6 +2847,8 @@ function TabStrip({ paneId, itemIds, activeItemId }) {
     reveal();
     const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(reveal);
     observer?.observe(el);
+    const activeTab = el.querySelector('[role="tab"][aria-selected="true"]');
+    if (activeTab) observer?.observe(activeTab);
     return () => observer?.disconnect();
   }, [activeItemId, itemIds.length]);
   return /* @__PURE__ */ jsx7(