OpenClaw Dashboard Skill Modal Patch

Repair the OpenClaw Control UI Skills modal when clicking a skill row does nothing and DevTools shows a showModal InvalidStateError because the dialog is not...

Security Scan

The instructions are a narrowly-scoped manual patch to a local OpenClaw UI bundle and are consistent with the skill's stated purpose; no unrelated credentials, installs, or network actions are requested.

Purpose & Capability

The name/description say 'patch the dashboard skills modal' and the instructions show a single local JS bundle edit that implements a timing-safe showModal call — this is coherent with the stated purpose.

Instruction Scope

Instructions are narrowly focused on editing one local file and reloading the UI. They directly modify an installed application bundle under /opt/homebrew/lib/node_modules. The procedure does not instruct backing up the original file or verifying the bundle's integrity; users should create a backup and inspect the file before editing.

Install Mechanism

No install spec or external downloads are present. This is an instruction-only skill that relies on manual editing — lowest install risk.

Credentials

No environment variables, credentials, or config paths are requested beyond a specific local file path. The file path is consistent with a Homebrew-installed Node package and is proportionate to the task.

Persistence & Privilege

The patch requires modifying a file in an installed package, which is persistent and may be overwritten by upgrades. This is expected for a local hotfix but requires appropriate file-system permissions and awareness that future updates can revert the change.

Assessment

This skill gives step-by-step manual edits to a local OpenClaw UI bundle — it's coherent but makes persistent changes to an installed package. Before proceeding: (1) confirm the exact bundle path/name matches your install; (2) make a backup copy of the original file (eg. cp skills-*.js skills-*.js.bak) and consider checksuming it; (3) inspect the file contents to ensure you're editing the expected code; (4) ensure you have correct file-system permissions (editing under /opt/homebrew may require the installing user); (5) be aware updates to OpenClaw will likely overwrite this change — consider filing an upstream bug or producing a persistent patch mechanism; (6) use your preferred editor if nano is not available. If you want, share the current skills-*.js snippet and I can verify the replacement exactly matches the local code before you modify it.

Use this skill when the OpenClaw dashboard Skills page becomes non-responsive and clicking a skill row fails to open the detail modal.

Trigger symptom

DevTools shows:

InvalidStateError: Failed to execute 'showModal' on 'HTMLDialogElement': The element is not in a Document.

Fix procedure

1. Open the live bundle:

   nano /opt/homebrew/lib/node_modules/openclaw/dist/control-ui/assets/skills-m2TVOQPH.js
   

2. Search for:

   showModal()
   

3. Replace:

   ${r(e=>{!(e instanceof HTMLDialogElement)||e.open||e.showModal()})}
   

   with:

   ${r(e=>{if(!(e instanceof HTMLDialogElement)||e.open)return;let t=()=>{if(e.open)return;try{e.showModal()}catch{setTimeout(()=>{try{e.showModal()}catch{}},0)}};e.isConnected?t():setTimeout(t,0)})}
   

4. Save the file and exit.

5. Hard reload the dashboard:

   • Cmd+Shift+R

6. Click a skill row and confirm the modal opens.

Notes

• This is a UI timing bug, not a skills backend failure.
• If the asset filename changes in a future OpenClaw build, apply the same patch to the current skills-*.js bundle referenced by DevTools.