September 21, 2026 Production Release #2

host/src/components/WalletConfiguratorTextTabWalletSections.tsx

@@ -323,6 +323,22 @@ export function WalletConfiguratorTextTabWalletSections({
             value={form.cancelDelegationReject}
             onChange={(value) => patch("cancelDelegationReject", value)}
           />
+          <TextField
+            id="cancel-delegation-skip-onchain-label"
+            label="Cancel permission skip onchain label"
+            value={form.cancelDelegationSkipOnchainLabel}
+            onChange={(value) =>
+              patch("cancelDelegationSkipOnchainLabel", value)
+            }
+          />
+          <TextField
+            id="cancel-delegation-skip-onchain-ack"
+            label="Cancel permission skip onchain acknowledgement"
+            value={form.cancelDelegationSkipOnchainAcknowledgement}
+            onChange={(value) =>
+              patch("cancelDelegationSkipOnchainAcknowledgement", value)
+            }
+          />
           <TextField
             id="transfer-tokens-sent-title"
             label="Transfer sent title"

host/src/styleForm.ts

@@ -211,6 +211,8 @@ export interface IStyleFormState {
   cancelDelegationTitle: string;
   cancelDelegationConfirm: string;
   cancelDelegationReject: string;
+  cancelDelegationSkipOnchainLabel: string;
+  cancelDelegationSkipOnchainAcknowledgement: string;
 
   // Text — Passkey ceremony overlays
   passkeyPromptUnlockTitle: string;
@@ -448,6 +450,9 @@ export const ACME_PRESET: IStyleFormState = {
   cancelDelegationTitle: "Cancel permission",
   cancelDelegationConfirm: "Cancel permission",
   cancelDelegationReject: "Keep",
+  cancelDelegationSkipOnchainLabel: "Skip onchain cancellation",
+  cancelDelegationSkipOnchainAcknowledgement:
+    "I acknowledge that this delegation may still be used onchain by anybody that holds it, and that canceling it without submitting an onchain cancellation will only remove it from my wallet",
   passkeyPromptUnlockTitle: "Unlock with passkey",
   passkeyPromptCreateTitle: "Create passkey",
   passkeyPromptSignTitle: "Confirm with passkey",
@@ -647,6 +652,9 @@ export const DEFAULTS_PRESET: IStyleFormState = {
   cancelDelegationTitle: "Cancel permission",
   cancelDelegationConfirm: "Cancel permission",
   cancelDelegationReject: "Keep",
+  cancelDelegationSkipOnchainLabel: "Skip onchain cancellation",
+  cancelDelegationSkipOnchainAcknowledgement:
+    "I acknowledge that this delegation may still be used onchain by anybody that holds it, and that canceling it without submitting an onchain cancellation will only remove it from my wallet",
   passkeyPromptUnlockTitle: "Unlock with passkey",
   passkeyPromptCreateTitle: "Create passkey",
   passkeyPromptSignTitle: "Confirm with passkey",
@@ -959,6 +967,12 @@ function buildNestedCopyFromForm(form: IStyleFormState): Record<string, unknown>
   put(cancelDelegation, "title", form.cancelDelegationTitle);
   put(cancelDelegation, "confirmLabel", form.cancelDelegationConfirm);
   put(cancelDelegation, "rejectLabel", form.cancelDelegationReject);
+  put(cancelDelegation, "skipOnchainLabel", form.cancelDelegationSkipOnchainLabel);
+  put(
+    cancelDelegation,
+    "skipOnchainAcknowledgement",
+    form.cancelDelegationSkipOnchainAcknowledgement,
+  );
   if (Object.keys(cancelDelegation).length > 0) {
     copy.cancelDelegation = cancelDelegation;
   }

src/components/ModalHost.tsx

@@ -114,6 +114,7 @@ export function ModalHost() {
         <CancelDelegationModal
           request={activeModal.request}
           execute={activeModal.execute}
+          executeLocal={activeModal.executeLocal}
           onRegisterAwaitingConfirmation={
             activeModal.onRegisterAwaitingConfirmation
           }

src/components/delegations/DelegationsTab.tsx

@@ -77,10 +77,12 @@ export function DelegationsTab() {
     setError(null);
     try {
       const result = await cancelStoredDelegation(delegationId);
-      setSent({
-        chainId: result.chainId,
-        transactionHash: result.transactionHash,
-      });
+      if (result.transactionHash) {
+        setSent({
+          chainId: result.chainId,
+          transactionHash: result.transactionHash,
+        });
+      }
       await reload();
     } catch (err: unknown) {
       const message = err instanceof Error ? err.message : String(err);

src/components/modals/CancelDelegationModal.tsx

@@ -1,20 +1,26 @@
+import { useState } from "react";
 import type {
   ICancelDelegationConfirmRequest,
   IRelayerConfirmSendResult,
 } from "../../wallet/modalTypes";
 import type { IRelayerSendUiCallbacks } from "../../lib/types/domain/RelayerSendUi";
-import type { EVMTransactionHash } from "@1shotapi/ows-types";
+import {
+  OwsUserRejectedError,
+  type EVMTransactionHash,
+} from "@1shotapi/ows-types";
 import { useStyle } from "../../style/StyleProvider";
 import { Modal } from "../Modal";
 import { RelayerConfirmModalChrome } from "../RelayerConfirmModalChrome";
 import { useRelayerConfirmSubmit } from "../useRelayerConfirmSubmit";
 
 /**
  * On-chain cancel / revoke confirm — collects relayer fee then runs execute.
+ * Optional “Skip onchain cancellation” removes the vault row only.
  */
 export function CancelDelegationModal({
   request,
   execute,
+  executeLocal,
   onRegisterAwaitingConfirmation,
   onResolve,
   onReject,
@@ -24,20 +30,26 @@ export function CancelDelegationModal({
     payment: IRelayerConfirmSendResult,
     ui: IRelayerSendUiCallbacks,
   ) => Promise<EVMTransactionHash>;
+  executeLocal: () => Promise<void>;
   onRegisterAwaitingConfirmation?: (notify: () => void) => void;
-  onResolve: (hash: EVMTransactionHash) => void;
+  onResolve: (hash: EVMTransactionHash | null) => void;
   onReject: (error: unknown) => void;
 }) {
   const { style } = useStyle();
   const copy = style.copy.cancelDelegation;
   const relayerCopy = style.copy.relayerSubmit;
+  const [skipOnchain, setSkipOnchain] = useState(false);
+  const [localBusy, setLocalBusy] = useState(false);
+  const [localError, setLocalError] = useState<string | null>(null);
+
+  const rejectMessage = "User rejected canceling the permission";
 
   const submit = useRelayerConfirmSubmit({
     execute,
     onRegisterAwaitingConfirmation,
     onResolve,
     onReject,
-    rejectMessage: "User rejected canceling the permission",
+    rejectMessage,
     retainDisplayDuringSubmit: true,
     signingMessage: relayerCopy.signingMessage,
     waitingMessage: relayerCopy.waitingMessage,
@@ -48,31 +60,71 @@ export function CancelDelegationModal({
     .replace("{domain}", request.domain)
     .replace("{chainName}", request.chainName);
 
+  const showConfirmActions =
+    skipOnchain ||
+    submit.phase === "confirm" ||
+    submit.phase === "finalFee";
+
+  const canConfirm = skipOnchain
+    ? !localBusy
+    : submit.canConfirm;
+
+  const onConfirm = () => {
+    if (skipOnchain) {
+      setLocalError(null);
+      setLocalBusy(true);
+      void executeLocal()
+        .then(() => onResolve(null))
+        .catch((error: unknown) => {
+          setLocalBusy(false);
+          setLocalError(
+            error instanceof Error ? error.message : String(error),
+          );
+        });
+      return;
+    }
+    if (submit.phase === "finalFee") {
+      submit.confirmFinalFee();
+    } else {
+      submit.startSubmit();
+    }
+  };
+
+  const onCancel = () => {
+    if (skipOnchain) {
+      onReject(new OwsUserRejectedError(rejectMessage));
+      return;
+    }
+    submit.cancel();
+  };
+
   return (
     <Modal
       title={copy.title}
       onBackdropDismiss={
-        submit.phase === "confirm" || submit.phase === "finalFee"
-          ? submit.cancel
-          : undefined
+        skipOnchain
+          ? localBusy
+            ? undefined
+            : onCancel
+          : submit.phase === "confirm" || submit.phase === "finalFee"
+            ? submit.cancel
+            : undefined
       }
       actions={
-        submit.phase === "confirm" || submit.phase === "finalFee"
+        showConfirmActions
           ? [
               {
                 label: copy.rejectLabel,
                 variant: "secondary",
-                onClick: submit.cancel,
+                onClick: onCancel,
+                disabled: skipOnchain ? localBusy : undefined,
               },
               {
                 label: copy.confirmLabel,
                 variant: "primary",
                 autoFocus: true,
-                disabled: !submit.canConfirm,
-                onClick:
-                  submit.phase === "finalFee"
-                    ? submit.confirmFinalFee
-                    : submit.startSubmit,
+                disabled: !canConfirm,
+                onClick: onConfirm,
               },
             ]
           : undefined
@@ -93,12 +145,43 @@ export function CancelDelegationModal({
           <dd className="text-foreground m-0">{request.chainName}</dd>
         </div>
       </dl>
-      <RelayerConfirmModalChrome
-        chainId={request.chainId}
-        ownerAddress={request.ownerAddress}
-        work={request.work}
-        submit={submit}
-      />
+      {!skipOnchain ? (
+        <RelayerConfirmModalChrome
+          chainId={request.chainId}
+          ownerAddress={request.ownerAddress}
+          work={request.work}
+          submit={submit}
+        />
+      ) : null}
+      {request.allowSkipOnchain ? (
+        <div className="mt-4">
+          <label className="flex cursor-pointer items-start gap-2.5 text-left">
+            <input
+              type="checkbox"
+              className="border-input bg-background text-primary mt-0.5 size-4 shrink-0 rounded border accent-[var(--primary)]"
+              checked={skipOnchain}
+              disabled={localBusy || submit.phase !== "confirm"}
+              onChange={(event) => {
+                setSkipOnchain(event.target.checked);
+                setLocalError(null);
+              }}
+            />
+            <span className="text-muted-foreground text-[0.85rem] leading-snug">
+              {copy.skipOnchainLabel}
+            </span>
+          </label>
+          {skipOnchain ? (
+            <p className="text-destructive m-0 mt-2 text-[0.85rem] leading-snug">
+              {copy.skipOnchainAcknowledgement}
+            </p>
+          ) : null}
+          {localError ? (
+            <p className="text-destructive m-0 mt-2 text-[0.85rem]" role="alert">
+              {localError}
+            </p>
+          ) : null}
+        </div>
+      ) : null}
     </Modal>
   );
 }

src/lib/implementations/business/DelegationService.ts

@@ -61,7 +61,7 @@ import type {
   ISignedDelegation,
   IStoredDelegation,
 } from "../../types/domain/StoredDelegation";
-import { makeDelegationId } from "../../types/primitives/DelegationId";
+import { makeDelegationId, type DelegationId } from "../../types/primitives/DelegationId";
 import { EPasskeyPromptReason } from "../../types/enum/EPasskeyPromptReason";
 import { withCeremonyUiReason } from "../../../wallet/ceremonyUiOverrideStore";
 import { withCoalescedSignDigest } from "../../../wallet/withCoalescedSignDigest";
@@ -256,6 +256,13 @@ export class DelegationService implements IDelegationService {
     return { ...result, deletedDelegationId };
   }
 
+  async removeStoredDelegation(
+    stored: IStoredDelegation,
+  ): Promise<DelegationId> {
+    await this.delegationRepository.deleteDelegation(stored.delegationId);
+    return stored.delegationId;
+  }
+
   private async resolveCancelDelegation(params: {
     chainId: EVMChainId;
     stored?: IStoredDelegation;

src/lib/interfaces/business/IDelegationService.ts

@@ -86,6 +86,13 @@ export interface IDelegationService {
     params: ICancelDelegationParams,
   ): Promise<ICancelDelegationResult>;
 
+  /**
+   * Remove a vault row (local cache + relayer blob) without submitting
+   * on-chain `disableDelegation`. The signed delegation remains usable
+   * by anyone who still holds it.
+   */
+  removeStoredDelegation(stored: IStoredDelegation): Promise<DelegationId>;
+
   getSupportedExecutionPermissions(): Promise<SupportedExecutionPermissions>;
 
   getGrantedExecutionPermissions(): Promise<IExecutionPermissionResponse[]>;

src/lib/types/events/productEvents/DelegationEvents.ts

@@ -46,7 +46,7 @@ export class DelegationCancelledEvent extends OWSAnalyticsEvent {
     hostDomain: DomainString,
     public readonly accountAddress: EVMAccountAddress,
     public readonly chainId: EVMChainId,
-    public readonly txHash: EVMTransactionHash,
+    public readonly txHash: EVMTransactionHash | null,
     public readonly durationMs: number,
   ) {
     super(EAnalyticsEventName.DelegationCancelled, hostDomain);

src/style/configureSchemas.ts

@@ -325,6 +325,8 @@ export const styleCopyCancelDelegationSchema = z.strictObject({
   confirmLabel: z.string(),
   signingMessage: z.string(),
   waitingMessage: z.string(),
+  skipOnchainLabel: z.string(),
+  skipOnchainAcknowledgement: z.string(),
 });
 
 /** Shared relayer TX confirm phases (estimate → sign → final fee → submit). */

src/style/defaults.ts

@@ -323,6 +323,9 @@ export const DEFAULT_STYLE: IResolvedStyle = {
       confirmLabel: "Cancel permission",
       signingMessage: "Confirm in the signing panel…",
       waitingMessage: "Waiting for on-chain confirmation…",
+      skipOnchainLabel: "Skip onchain cancellation",
+      skipOnchainAcknowledgement:
+        "I acknowledge that this delegation may still be used onchain by anybody that holds it, and that canceling it without submitting an onchain cancellation will only remove it from my wallet",
     },
     relayerSubmit: {
       finalFeeNotice:

src/wallet/WalletProvider.tsx

@@ -261,12 +261,13 @@ export type WalletContextValue = {
   /**
    * In-wallet cancel from the Delegations tab. Opens the same confirm modal as
    * `wallet_revokeExecutionPermission`, then deletes the vault row on success.
+   * `transactionHash` is null when the user skipped on-chain cancellation.
    */
   cancelStoredDelegation: (
     delegationId: DelegationId,
   ) => Promise<{
     chainId: EVMChainId;
-    transactionHash: EVMTransactionHash;
+    transactionHash: EVMTransactionHash | null;
   }>;
   listTrackedAssets: (chainId?: EVMChainId) => Promise<TrackedAsset[]>;
   addTrackedAsset: (
@@ -704,7 +705,7 @@ export function WalletProvider({ children }: { children: ReactNode }) {
         chainId: stored.chainId,
         stored,
       });
-      const transactionHash = await pushModal<EVMTransactionHash>(
+      const transactionHash = await pushModal<EVMTransactionHash | null>(
         ({ id, resolve, reject }) => ({
           id,
           kind: "cancelDelegation",
@@ -714,6 +715,7 @@ export function WalletProvider({ children }: { children: ReactNode }) {
             chainId: stored.chainId,
             ownerAddress: owner,
             work: cancelWork,
+            allowSkipOnchain: true,
           },
           execute: async (payment: IRelayerConfirmSendResult, ui) => {
             const result = await delegationService.cancelDelegation({
@@ -725,6 +727,9 @@ export function WalletProvider({ children }: { children: ReactNode }) {
             });
             return result.transactionHash;
           },
+          executeLocal: async () => {
+            await delegationService.removeStoredDelegation(stored);
+          },
           resolve,
           reject,
         }),