@ai-matrx/content-ir-react 0.15.0 → 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;
@@ -420,13 +424,15 @@ function ApplyDirectiveButton({
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
       "span",
       {
-        className: `inline-flex min-w-0 flex-wrap items-center gap-1 text-xs ${bad ? "text-destructive" : "text-primary"}`,
+        className: `flex min-w-0 flex-wrap items-center gap-x-2 gap-y-0.5 text-xs ${bad ? "text-destructive" : "text-primary"}`,
         "data-apply-state": "applied",
         children: [
-          bad ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AlertIcon, { className: "h-3.5 w-3.5 shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CheckCircleIcon, { className: "h-3.5 w-3.5 shrink-0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { children: [
-            state.message ?? `Applied ${state.applied}`,
-            bad && !state.message ? ` \xB7 ${state.failed} failed` : ""
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "inline-flex min-w-0 items-start gap-1", children: [
+            bad ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AlertIcon, { className: "mt-px h-3.5 w-3.5 shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CheckCircleIcon, { className: "mt-px h-3.5 w-3.5 shrink-0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "min-w-0", children: [
+              state.message ?? `Applied ${state.applied}`,
+              bad && !state.message ? ` \xB7 ${state.failed} failed` : ""
+            ] })
           ] }),
           records.map((record) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "inline-flex min-w-0 items-center", children: host.renderRecord?.({
             ...record,
@@ -438,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" }),