@ai-matrx/design-system 0.43.0 → 0.44.1

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # Changelog
 
+## 0.44.1 (2026-09-26 — an indeterminate Progress actually sweeps)
+
+* **Fix:** an indeterminate `Progress` (`value={null}`) carried `w-full` beside
+  `matrx-progress-indeterminate`. The sweep's 40% width lives in the package layer, which a host's
+  utilities layer outranks, so every indeterminate bar painted a solid full-width fill and never
+  moved (found live on matrx-frontend's video job card). The indicator now carries `w-full` only
+  when it is determinate.
+* Test: `controls.test.tsx` "never pairs the indeterminate sweep with a full-width utility"
+  (RED without the change → GREEN).
+
+**Consumer action:** none.
+
+## 0.44.0 (2026-09-26 — the layer the person used last is on top)
+
+* **`announceLayerFront(element)` / `LAYER_FRONT_EVENT` (`matrx:layer-front`)** — one signal
+  every floating layer shares. A windowed `Dialog` (the default since 0.38.0) announces itself
+  when it opens and whenever the person presses or focuses inside it, and STEPS BEHIND
+  (`z-[999]`: above the page, below a host window manager's 1000+) when another layer announces
+  after it; it returns the moment the person reaches for it. An explicit `modal={false}` keeps its
+  fixed `z-[900]`; a blocking dialog is untouched.
+* **Why:** a window opened after a windowed dialog — the agent window the Agents menu opens while
+  Table settings is open — sat underneath the dialog's z-10000, so its message box could not be
+  clicked or typed into (found live 2026-09-26, register `ai-reachable-everywhere` ARE-010).
+* `onPointerDownCapture` / `onFocusCapture` passed to `DialogContent` still run.
+* Tests: `dialog.test.tsx` "steps behind a layer…" and "announces itself…" (RED 2/2 without the
+  change → GREEN 15/15).
+
+**Consumer action:** a host window manager calls `announceLayerFront(windowElement)` when a
+window opens and when it is focused. matrx-frontend: `WindowPanel`.
+
 ## 0.43.0 (2026-09-26 — type-to-edit in spreadsheet mode)
 
 * **Type to edit, for every table in spreadsheet mode.** The grid's keyboard focus now lives in a

package/dist/content-transfer.cjs

@@ -263,6 +263,15 @@ function useIsMobile() {
   return isMobile;
 }
 
+// src/layer-front.ts
+var LAYER_FRONT_EVENT = "matrx:layer-front";
+function announceLayerFront(element) {
+  if (typeof document === "undefined") return;
+  document.dispatchEvent(
+    new CustomEvent(LAYER_FRONT_EVENT, { detail: { element } })
+  );
+}
+
 // src/dialog.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var DialogWindowedByDefaultContext = React5.createContext(false);
@@ -333,6 +342,8 @@ var DialogContent = React5.forwardRef(
     dismissOnOutsideClick = false,
     onInteractOutside,
     onEscapeKeyDown,
+    onPointerDownCapture,
+    onFocusCapture,
     style,
     ...props
   }, ref) => {
@@ -345,6 +356,24 @@ var DialogContent = React5.forwardRef(
     const [containerEl, setContainerEl] = React5.useState(
       null
     );
+    const stacks = windowed && windowedByDefault;
+    const [behind, setBehind] = React5.useState(false);
+    React5.useEffect(() => {
+      if (!stacks || !containerEl) return;
+      const onFront = (event) => {
+        const element = event.detail?.element ?? null;
+        if (element && (element === containerEl || containerEl.contains(element))) return;
+        setBehind(true);
+      };
+      document.addEventListener(LAYER_FRONT_EVENT, onFront);
+      announceLayerFront(containerEl);
+      return () => document.removeEventListener(LAYER_FRONT_EVENT, onFront);
+    }, [stacks, containerEl]);
+    const bringToFront = () => {
+      if (!stacks || !containerEl) return;
+      setBehind(false);
+      announceLayerFront(containerEl);
+    };
     const [offset, setOffset] = React5.useState({ x: 0, y: 0 });
     const dragRef = React5.useRef(null);
     const handle = React5.useMemo(() => {
@@ -403,10 +432,20 @@ var DialogContent = React5.forwardRef(
             // z=1000); staying below that boundary makes a newly focused window
             // usable without coupling the two systems.
             !isModal && !windowedByDefault && "z-[900]",
+            // Another layer came to the front after this window (layer-front.ts).
+            stacks && behind && "z-[999]",
             // Without an overlay the card needs its own separation from the page.
             windowed && "shadow-2xl ring-1 ring-border/60"
           ),
           style: windowed && (offset.x !== 0 || offset.y !== 0) ? { ...style, translate: `${offset.x}px ${offset.y}px` } : style,
+          onPointerDownCapture: (event) => {
+            onPointerDownCapture?.(event);
+            if (behind) bringToFront();
+          },
+          onFocusCapture: (event) => {
+            onFocusCapture?.(event);
+            if (behind) bringToFront();
+          },
           onInteractOutside: (event) => {
             onInteractOutside?.(event);
             if (windowed && !dismissOnOutsideClick) event.preventDefault();