@pactor-app/ui 1.46.0 → 1.48.0

package/dist/{chunk-HU2RFIWH.js → chunk-PSEMK4AY.js}

@@ -41,7 +41,11 @@ var OverlayManager = class {
       );
     }
     this.counter += 1;
-    const entry = { ...config, id: `overlay-${this.counter}` };
+    const entry = {
+      ...config,
+      id: `overlay-${this.counter}`,
+      owner: options.owner
+    };
     return new Promise((resolve) => {
       this.pending.push({
         entry,
@@ -124,8 +128,13 @@ function registerInteractionActions(actions, manager, ui) {
     const { content, ...rest } = overlay;
     const resolved = resolveDeep(rest, ctx.scope);
     const config = { ...resolved, content };
+    let owner = ctx.context;
+    while (owner.parentRuntime !== void 0) {
+      owner = owner.parentRuntime;
+    }
     const data = await manager.open(config, {
-      parentScope: { ...ctx.scope }
+      parentScope: { ...ctx.scope },
+      owner
     });
     return { ok: true, data };
   });
@@ -196,6 +205,7 @@ var toastTypeClass = {
   info: "border-l-4 border-l-info",
   warning: "border-l-4 border-l-warning"
 };
+var bridgeStacks = /* @__PURE__ */ new WeakMap();
 function InteractionProvider({
   bridge,
   children
@@ -227,11 +237,27 @@ function InteractionProvider({
     return { modal: modalImpl, message: messageImpl };
   }, []);
   useEffect(() => {
+    let stack = bridgeStacks.get(bridge);
+    if (stack === void 0) {
+      stack = [];
+      bridgeStacks.set(bridge, stack);
+    }
+    const impl = { modal, message };
+    stack.push(impl);
     bridge.modal = modal;
     bridge.message = message;
     return () => {
-      bridge.modal = void 0;
-      bridge.message = void 0;
+      const list = bridgeStacks.get(bridge);
+      if (list === void 0) {
+        return;
+      }
+      const index = list.indexOf(impl);
+      if (index !== -1) {
+        list.splice(index, 1);
+      }
+      const top = list[list.length - 1];
+      bridge.modal = top?.modal;
+      bridge.message = top?.message;
     };
   }, [bridge, modal, message]);
   const handleOk = () => {
@@ -307,14 +333,14 @@ function InteractionProvider({
 }
 
 // src/interaction/host.tsx
-import { XIcon } from "lucide-react";
+import { Loader2, XIcon } from "lucide-react";
 import {
   createPageRuntime,
   PageRuntimeView,
   useI18n as useI18n2,
   useRenderer
 } from "@pactor-app/runtime";
-import { useEffect as useEffect2, useState as useState2, useSyncExternalStore } from "react";
+import { useEffect as useEffect2, useRef, useState as useState2, useSyncExternalStore } from "react";
 import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function toCssWidth(width) {
   if (width === void 0) {
@@ -339,7 +365,9 @@ function OverlayHost({ manager, resolvePage }) {
     },
     () => `${renderer.context.state.getVersion()}:${renderer.context.data.getVersion()}`
   );
-  return /* @__PURE__ */ jsx2(Fragment2, { children: stack.map((entry) => /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx2(Fragment2, { children: stack.filter(
+    (entry) => entry.owner === void 0 || entry.owner === renderer.context
+  ).map((entry) => /* @__PURE__ */ jsx2(
     OverlayEntryView,
     {
       entry,
@@ -357,7 +385,18 @@ function OverlayEntryView({
   resolvePage
 }) {
   const { t } = useI18n2();
+  const childRuntimeRef = useRef(null);
   const handleCancel = () => manager.close(entry.id);
+  const handleConfirm = () => {
+    const footer2 = entry.footer ?? {};
+    const forms = entry.page ? childRuntimeRef.current?.context.forms : renderer.context.forms;
+    const handle = forms?.get(footer2.confirmForm ?? "default");
+    if (handle?.submit) {
+      handle.submit();
+      return;
+    }
+    manager.close(entry.id, { success: true });
+  };
   let body = null;
   if (entry.content) {
     body = renderer.renderChildren([entry.content], {
@@ -370,12 +409,24 @@ function OverlayEntryView({
       {
         entry,
         renderer,
-        resolvePage
+        resolvePage,
+        onRuntime: (runtime) => {
+          childRuntimeRef.current = runtime;
+        }
       }
     );
   }
+  const footer = entry.footer ? /* @__PURE__ */ jsx2(
+    OverlayFooter,
+    {
+      footer: entry.footer,
+      slot: entry.type === "drawer" ? "drawer-footer" : "overlay-modal-footer",
+      onCancel: handleCancel,
+      onConfirm: handleConfirm
+    }
+  ) : null;
   if (entry.type === "drawer") {
-    return /* @__PURE__ */ jsx2(ShadcnDrawerView, { entry, onCancel: handleCancel, children: body });
+    return /* @__PURE__ */ jsx2(ShadcnDrawerView, { entry, onCancel: handleCancel, footer, children: body });
   }
   return /* @__PURE__ */ jsx2(
     Dialog,
@@ -412,16 +463,64 @@ function OverlayEntryView({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx2("div", { "data-slot": "overlay-modal-body", children: body })
+            /* @__PURE__ */ jsx2("div", { "data-slot": "overlay-modal-body", children: body }),
+            footer
           ]
         }
       )
     }
   );
 }
+function OverlayFooter({
+  footer,
+  slot,
+  onCancel,
+  onConfirm
+}) {
+  const { t } = useI18n2();
+  if (footer.hideCancel && footer.hideConfirm) {
+    return null;
+  }
+  const confirmBusy = footer.confirmLoading === true;
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      "data-slot": slot,
+      className: cn(
+        "flex items-center justify-end gap-2",
+        slot === "drawer-footer" && "border-t border-border px-6 py-4"
+      ),
+      children: [
+        footer.hideCancel ? null : /* @__PURE__ */ jsx2(
+          Button,
+          {
+            variant: "outline",
+            disabled: confirmBusy,
+            onClick: onCancel,
+            "data-slot": "overlay-cancel",
+            children: footer.cancelText ?? t("pactor.overlay.cancel")
+          }
+        ),
+        footer.hideConfirm ? null : /* @__PURE__ */ jsxs2(
+          Button,
+          {
+            disabled: footer.confirmDisabled === true || confirmBusy,
+            onClick: onConfirm,
+            "data-slot": "overlay-confirm",
+            children: [
+              confirmBusy ? /* @__PURE__ */ jsx2(Loader2, { className: "animate-spin" }) : null,
+              footer.confirmText ?? t("pactor.overlay.confirm")
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
 function ShadcnDrawerView({
   entry,
   onCancel,
+  footer,
   children
 }) {
   const { t } = useI18n2();
@@ -465,7 +564,8 @@ function ShadcnDrawerView({
                 ]
               }
             ),
-            /* @__PURE__ */ jsx2("div", { "data-slot": "drawer-body", className: "flex-1 overflow-auto p-6", children })
+            /* @__PURE__ */ jsx2("div", { "data-slot": "drawer-body", className: "flex-1 overflow-auto p-6", children }),
+            footer
           ]
         }
       )
@@ -475,7 +575,8 @@ function ShadcnDrawerView({
 function PageOverlayBody({
   entry,
   renderer,
-  resolvePage
+  resolvePage,
+  onRuntime
 }) {
   const [child, setChild] = useState2(null);
   const [error, setError] = useState2(null);
@@ -508,7 +609,9 @@ function PageOverlayBody({
           http: host.http,
           route: { params: entry.params ?? {} }
         });
+        created.context.parentRuntime = host;
         setChild(created);
+        onRuntime?.(created);
       } catch (cause) {
         if (!cancelled) {
           setError(cause instanceof Error ? cause : new Error(String(cause)));
@@ -517,6 +620,7 @@ function PageOverlayBody({
     })();
     return () => {
       cancelled = true;
+      onRuntime?.(null);
       void created?.destroy();
     };
   }, [entry.id]);

package/dist/{chunk-JV2V4HCI.js → chunk-RLAOCITX.js}

@@ -2,7 +2,7 @@ import {
   Icon,
   Menu,
   Sidebar
-} from "./chunk-FU4P7CAM.js";
+} from "./chunk-B2Y6JC36.js";
 import {
   Accordion,
   AccordionContent,
@@ -15,7 +15,7 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger
-} from "./chunk-7OBUSV5S.js";
+} from "./chunk-YHTRCBKF.js";
 import {
   cn
 } from "./chunk-WKJUCGV4.js";