@ai-matrx/content-ir-react 0.15.1 → 0.15.2

package/dist/react.cjs

@@ -305,6 +305,7 @@ function ApplyDirectiveButton({
     readsLedger ? { status: "checking" } : { status: "idle" }
   );
   const [elapsed, setElapsed] = (0, import_react4.useState)(0);
+  const [askingAgain, setAskingAgain] = (0, import_react4.useState)(false);
   const startedAt = (0, import_react4.useRef)(null);
   const nounText = (0, import_content_ir.nounLabel)(directive.noun, host.nouns);
   const shellKey = readsLedger ? JSON.stringify([directive.slug, items, conversationId ?? null]) : "";
@@ -369,7 +370,8 @@ function ApplyDirectiveButton({
     if (!confirm) return;
     const before = state;
     if (host.ask) {
-      setState({ status: "asking" });
+      if (again) setAskingAgain(true);
+      else setState({ status: "asking" });
       let ok = false;
       try {
         ok = await host.ask({
@@ -379,12 +381,14 @@ function ApplyDirectiveButton({
           ...again ? { again: true } : {}
         });
       } catch (error) {
+        setAskingAgain(false);
         setState({
           status: "error",
           message: error instanceof Error && error.message ? error.message : "We could not ask you to confirm this, so nothing was done."
         });
         return;
       }
+      setAskingAgain(false);
       if (!ok) {
         setState(again ? before : { status: "idle" });
         return;
@@ -440,8 +444,9 @@ function ApplyDirectiveButton({
             "button",
             {
               type: "button",
+              disabled: askingAgain,
               onClick: () => void handleApply(!bad),
-              className: "inline-flex items-center gap-1 rounded px-1 py-0.5 text-muted-foreground hover:bg-accent hover:text-accent-foreground",
+              className: "inline-flex items-center gap-1 rounded px-1 py-0.5 text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:opacity-50",
               "data-apply-action": bad ? "retry" : "run-again",
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(RotateCcwIcon, { className: "h-3 w-3" }),