import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{er as t}from"./control-ui-foundation-CeFMP1Ly.js";import{K as n,ml as r,pl as i}from"./control-ui-core-pH6nakZ-.js";import{G as a,J as o,W as s,Z as c,at as l,lt as u,rt as d}from"./lit-runtime-BEtFSUCp.js";import{Ht as f,Nt as p,qt as m}from"./control-ui-core-Br5DB0Zj.js";import{$r as h,Qr as g}from"./control-ui-boot-Cdpgu1Gm.js";var _;function v(){return(v=e((()=>{s(),c(),f(),g(),r(),p(),_=class extends i{constructor(...e){super(...e),this.sendShortcut=`enter`,this.open=!1}static{this.styles=u`
    :host {
      display: contents;
      --openclaw-modal-width: 560px;
    }

    .dialog {
      display: flex;
      max-height: min(720px, calc(100dvh - 64px));
      flex-direction: column;
      border: 1px solid var(--border);
      border-radius: 14px;
      background: var(--card);
      color: var(--text);
    }

    .header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 20px 22px 16px;
      border-bottom: 1px solid var(--border);
    }

    h2 {
      margin: 0;
      color: var(--text-strong);
      font-size: 16px;
      font-weight: 600;
    }

    .close {
      display: grid;
      width: 28px;
      height: 28px;
      place-items: center;
      border: 0;
      border-radius: 6px;
      background: transparent;
      color: var(--muted);
      font-size: 20px;
    }

    .close:hover {
      background: var(--bg-hover);
      color: var(--text);
    }

    .body {
      overflow: auto;
      padding: 8px 22px 18px;
    }

    section + section {
      margin-top: 12px;
      border-top: 1px solid var(--border);
    }

    h3 {
      margin: 18px 0 8px;
      color: var(--muted);
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    .shortcut-row {
      display: flex;
      min-height: 34px;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      font-size: 13px;
    }

    .combos {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .combo {
      display: flex;
      align-items: center;
      gap: 4px;
    }

    kbd {
      min-width: 22px;
      padding: 3px 6px;
      border: 1px solid var(--border-strong);
      border-radius: 5px;
      background: var(--bg-muted);
      color: var(--text);
      font: inherit;
      font-size: 12px;
      text-align: center;
    }
  `}get isOpen(){return this.open}toggle(){this.open=!this.open}render(){if(!this.open)return a;let e=()=>{this.open=!1};return o`
      <openclaw-modal-dialog label=${m(`shortcutsOverlay.title`)} @modal-cancel=${e}>
        <div class="dialog">
          <header class="header">
            <h2>${m(`shortcutsOverlay.title`)}</h2>
            <button class="close" type="button" aria-label=${m(`common.close`)} @click=${e}>
              <span aria-hidden="true">×</span>
            </button>
          </header>
          <div class="body">
            ${h(this.sendShortcut).map(e=>o`
                <section>
                  <h3>${m(e.label)}</h3>
                  ${e.entries.map(e=>o`
                      <div class="shortcut-row">
                        <span>${m(e.label)}</span>
                        <span class="combos">
                          ${e.combos.map(e=>o`
                              <span class="combo">
                                ${n(e).map(e=>o`<kbd>${e}</kbd>`)}
                              </span>
                            `)}
                        </span>
                      </div>
                    `)}
                </section>
              `)}
          </div>
        </div>
      </openclaw-modal-dialog>
    `}},t([l({attribute:!1})],_.prototype,`sendShortcut`,void 0),t([d()],_.prototype,`open`,void 0),customElements.get(`openclaw-keyboard-shortcuts-dialog`)||customElements.define(`openclaw-keyboard-shortcuts-dialog`,_)})))()}v();
//# sourceMappingURL=keyboard-shortcuts-dialog-H2IcvF5A.js.map