hermesbuttons 1.0.0

package/dist/index.js

@@ -0,0 +1,921 @@
+'use strict';var f=`<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="hb-icon">
+  <!-- Wing helmet -->
+  <path d="M12 2C8.5 2 6 4.5 6 7c0 1.5.5 2.8 1.5 3.8L6 14h12l-1.5-3.2C17.5 9.8 18 8.5 18 7c0-2.5-2.5-5-6-5z" fill="currentColor" opacity="0.2"/>
+  <path d="M12 2C8.5 2 6 4.5 6 7c0 1.5.5 2.8 1.5 3.8L6 14h12l-1.5-3.2C17.5 9.8 18 8.5 18 7c0-2.5-2.5-5-6-5z" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linejoin="round"/>
+  <!-- Wings -->
+  <path d="M6 6.5C4.5 5 2 5 2 7s1.5 3 3 3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+  <path d="M18 6.5C19.5 5 22 5 22 7s-1.5 3-3 3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+  <!-- Caduceus staff -->
+  <line x1="12" y1="14" x2="12" y2="22" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
+  <!-- Snakes -->
+  <path d="M9.5 16c1.5 1 3.5 1 5 0" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" fill="none"/>
+  <path d="M9.5 19c1.5 1 3.5 1 5 0" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" fill="none"/>
+  <!-- Eye -->
+  <circle cx="12" cy="7.5" r="1.5" fill="currentColor"/>
+</svg>`,x=`<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="hb-icon">
+  <!-- Brain/memory symbol -->
+  <path d="M12 3C8 3 5 6 5 9c0 2 1 3.5 2 4.5V16a2 2 0 002 2h6a2 2 0 002-2v-2.5c1-1 2-2.5 2-4.5 0-3-3-6-7-6z" fill="currentColor" opacity="0.15"/>
+  <path d="M12 3C8 3 5 6 5 9c0 2 1 3.5 2 4.5V16a2 2 0 002 2h6a2 2 0 002-2v-2.5c1-1 2-2.5 2-4.5 0-3-3-6-7-6z" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linejoin="round"/>
+  <!-- Neural connections -->
+  <path d="M9 9.5c0-1 .5-2 1.5-2.5M15 9.5c0-1-.5-2-1.5-2.5M10.5 11c.5.5 1.5 1 3 0" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" fill="none"/>
+  <!-- Growing roots -->
+  <path d="M9 18v2M12 18v3M15 18v2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+  <!-- Sparkle -->
+  <circle cx="8" cy="6" r="0.8" fill="currentColor"/>
+  <circle cx="16" cy="6" r="0.8" fill="currentColor"/>
+</svg>`,k=`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="hb-icon-sm">
+  <rect x="5" y="5" width="8" height="8" rx="1.5" stroke="currentColor" stroke-width="1.5" fill="none"/>
+  <path d="M3 10V3.5A1.5 1.5 0 014.5 2H10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+</svg>`,L=`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="hb-icon-sm">
+  <path d="M3 8.5l3.5 3.5L13 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>`;var R=`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="hb-icon-sm">
+  <path d="M4 4l8 8m0-8l-8 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+</svg>`;var n="#7C3AED",m="#6D28D9",A="#5B21B6",H="#14B8A6",y={branded:{bg:n,text:"#FFFFFF",border:"transparent",surface:"#FFFFFF",surfaceText:"#1A1025",muted:"#7C7589",primary:n,primaryText:"#FFFFFF",codeBg:"#1A1025",codeText:"#F3EEFF"},"branded-alt":{bg:H,text:"#FFFFFF",border:"transparent",surface:"#FFFFFF",surfaceText:"#1A1025",muted:"#7C7589",primary:H,primaryText:"#FFFFFF",codeBg:"#1A1025",codeText:"#F3EEFF"},dark:{bg:"#1A1025",text:"#F3EEFF",border:"#2D2440",surface:"#231A35",surfaceText:"#F3EEFF",muted:"#9F95B0",primary:n,primaryText:"#FFFFFF",codeBg:"#0F0A18",codeText:"#F3EEFF"},light:{bg:"#FFFFFF",text:"#1A1025",border:"#E8E0F0",surface:"#FAF8FF",surfaceText:"#1A1025",muted:"#7C7589",primary:n,primaryText:"#FFFFFF",codeBg:"#1A1025",codeText:"#F3EEFF"}};function p(r){return r!=="system"?y[r]:typeof window>"u"?y.light:window.matchMedia("(prefers-color-scheme: dark)").matches?y.dark:y.light}function u(r){return `
+    --hb-bg: ${r.bg};
+    --hb-text: ${r.text};
+    --hb-border: ${r.border};
+    --hb-surface: ${r.surface};
+    --hb-surface-text: ${r.surfaceText};
+    --hb-muted: ${r.muted};
+    --hb-primary: ${r.primary};
+    --hb-primary-text: ${r.primaryText};
+    --hb-code-bg: ${r.codeBg};
+    --hb-code-text: ${r.codeText};
+  `}var _={rounded:{sm:"0.375rem",md:"0.5rem",lg:"0.625rem"},pill:{sm:"999px",md:"999px",lg:"999px"},square:{sm:"0",md:"0",lg:"0"}},F={sm:{height:"2rem",fontSize:"0.75rem",iconSize:"0.875rem",padding:"0 0.75rem",ccPadding:"0 0.5rem",gap:"0.375rem",radius:"0.375rem"},md:{height:"2.5rem",fontSize:"0.875rem",iconSize:"1.125rem",padding:"0 1rem",ccPadding:"0 0.75rem",gap:"0.5rem",radius:"0.5rem"},lg:{height:"3rem",fontSize:"1rem",iconSize:"1.375rem",padding:"0 1.25rem",ccPadding:"0 1rem",gap:"0.625rem",radius:"0.625rem"}};var z=`
+  :host {
+    position: fixed;
+    inset: 0;
+    z-index: 999999;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  }
+
+  * { box-sizing: border-box; margin: 0; padding: 0; }
+
+  .hb-backdrop {
+    position: absolute;
+    inset: 0;
+    background: rgba(0, 0, 0, 0.5);
+    backdrop-filter: blur(4px);
+    -webkit-backdrop-filter: blur(4px);
+    animation: hb-fade-in 0.15s ease-out;
+  }
+
+  .hb-dialog {
+    position: relative;
+    width: 90%;
+    max-width: 460px;
+    background: var(--hb-surface);
+    color: var(--hb-surface-text);
+    border-radius: 16px;
+    box-shadow: 0 24px 48px -12px rgba(0, 0, 0, 0.25), 0 0 0 1px var(--hb-border);
+    overflow: hidden;
+    animation: hb-scale-in 0.2s ease-out;
+  }
+
+  .hb-dialog-header {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    padding: 20px 24px 16px;
+    border-bottom: 1px solid var(--hb-border);
+  }
+
+  .hb-dialog-header-icon {
+    width: 36px;
+    height: 36px;
+    color: var(--hb-primary);
+    flex-shrink: 0;
+  }
+
+  .hb-dialog-header-text {
+    flex: 1;
+    min-width: 0;
+  }
+
+  .hb-dialog-title {
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 1.3;
+    color: var(--hb-surface-text);
+  }
+
+  .hb-dialog-description {
+    font-size: 13px;
+    color: var(--hb-muted);
+    margin-top: 2px;
+    line-height: 1.4;
+  }
+
+  .hb-dialog-close {
+    width: 32px;
+    height: 32px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border: none;
+    background: transparent;
+    color: var(--hb-muted);
+    cursor: pointer;
+    border-radius: 8px;
+    flex-shrink: 0;
+    transition: background 0.15s, color 0.15s;
+  }
+
+  .hb-dialog-close:hover {
+    background: var(--hb-border);
+    color: var(--hb-surface-text);
+  }
+
+  .hb-dialog-close svg { width: 14px; height: 14px; }
+
+  .hb-dialog-body { padding: 20px 24px; }
+
+  .hb-step {
+    display: flex;
+    gap: 12px;
+    margin-bottom: 16px;
+  }
+
+  .hb-step:last-child { margin-bottom: 0; }
+
+  .hb-step-num {
+    width: 24px;
+    height: 24px;
+    border-radius: 50%;
+    background: var(--hb-primary);
+    color: var(--hb-primary-text);
+    font-size: 12px;
+    font-weight: 600;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    margin-top: 1px;
+  }
+
+  .hb-step-content {
+    flex: 1;
+    min-width: 0;
+  }
+
+  .hb-step-label {
+    font-size: 13px;
+    font-weight: 500;
+    color: var(--hb-surface-text);
+    margin-bottom: 8px;
+    line-height: 1.4;
+  }
+
+  .hb-code-block {
+    display: flex;
+    align-items: center;
+    background: var(--hb-code-bg);
+    color: var(--hb-code-text);
+    border-radius: 10px;
+    padding: 2px 2px 2px 14px;
+    font-family: 'SF Mono', 'Fira Code', 'Cascadia Code', Consolas, 'Liberation Mono', Menlo, monospace;
+    font-size: 13px;
+    line-height: 1.5;
+    gap: 8px;
+    overflow: hidden;
+  }
+
+  .hb-code-text {
+    flex: 1;
+    overflow-x: auto;
+    white-space: nowrap;
+    padding: 10px 0;
+    scrollbar-width: none;
+  }
+
+  .hb-code-text::-webkit-scrollbar { display: none; }
+
+  .hb-code-prefix {
+    color: var(--hb-muted);
+    user-select: none;
+    margin-right: 6px;
+  }
+
+  .hb-copy-btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 6px;
+    height: 36px;
+    min-width: 36px;
+    padding: 0 12px;
+    border: none;
+    background: var(--hb-primary);
+    color: var(--hb-primary-text);
+    cursor: pointer;
+    border-radius: 8px;
+    font-family: inherit;
+    font-size: 12px;
+    font-weight: 500;
+    flex-shrink: 0;
+    transition: background 0.15s, transform 0.1s;
+    white-space: nowrap;
+  }
+
+  .hb-copy-btn:hover { background: ${m}; }
+  .hb-copy-btn:active { transform: scale(0.96); }
+  .hb-copy-btn svg { width: 14px; height: 14px; }
+
+  .hb-copy-btn[data-copied="true"] {
+    background: #16a34a;
+  }
+
+  .hb-dialog-footer {
+    padding: 16px 24px 20px;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+  }
+
+  .hb-action-btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    width: 100%;
+    height: 44px;
+    border: none;
+    background: var(--hb-primary);
+    color: var(--hb-primary-text);
+    cursor: pointer;
+    border-radius: 10px;
+    font-family: inherit;
+    font-size: 14px;
+    font-weight: 600;
+    transition: background 0.15s, transform 0.1s;
+  }
+
+  .hb-action-btn:hover { background: ${m}; }
+  .hb-action-btn:active { transform: scale(0.98); }
+  .hb-action-btn svg { width: 16px; height: 16px; }
+
+  .hb-hint {
+    font-size: 12px;
+    color: var(--hb-muted);
+    text-align: center;
+    line-height: 1.4;
+  }
+
+  .hb-hint kbd {
+    display: inline-block;
+    padding: 1px 5px;
+    font-family: inherit;
+    font-size: 11px;
+    background: var(--hb-border);
+    border-radius: 4px;
+    border: 1px solid var(--hb-border);
+  }
+
+  @keyframes hb-fade-in {
+    from { opacity: 0; }
+    to { opacity: 1; }
+  }
+
+  @keyframes hb-scale-in {
+    from { opacity: 0; transform: scale(0.95) translateY(8px); }
+    to { opacity: 1; transform: scale(1) translateY(0); }
+  }
+
+  @media (max-width: 480px) {
+    .hb-dialog {
+      width: 96%;
+      max-width: none;
+      border-radius: 14px;
+      max-height: 90dvh;
+      overflow-y: auto;
+      overscroll-behavior: contain;
+    }
+
+    .hb-dialog-header { padding: 16px 16px 12px; gap: 10px; }
+    .hb-dialog-header-icon { width: 28px; height: 28px; }
+    .hb-dialog-body { padding: 16px; }
+    .hb-dialog-footer { padding: 12px 16px 16px; }
+
+    .hb-step { gap: 10px; margin-bottom: 14px; }
+    .hb-step-num { width: 22px; height: 22px; font-size: 11px; }
+    .hb-step-label { font-size: 12px; margin-bottom: 6px; }
+
+    .hb-code-block { font-size: 12px; padding: 2px 2px 2px 10px; border-radius: 8px; }
+    .hb-copy-btn { height: 32px; padding: 0 10px; font-size: 11px; border-radius: 6px; }
+    .hb-action-btn { height: 40px; font-size: 13px; border-radius: 8px; }
+    .hb-hint { font-size: 11px; }
+  }
+
+  @media (max-width: 360px) {
+    .hb-dialog { width: 100%; border-radius: 12px 12px 0 0; align-self: flex-end; }
+    .hb-copy-btn span { display: none; }
+    .hb-copy-btn { min-width: 32px; padding: 0 8px; }
+  }
+
+  @supports (padding: env(safe-area-inset-bottom)) {
+    .hb-dialog-footer { padding-bottom: calc(20px + env(safe-area-inset-bottom)); }
+  }
+`,T=class extends HTMLElement{constructor(){super();this._mqCleanup=null;this.attachShadow({mode:"open"});}set options(t){this._options=t,this.render();}get options(){return this._options}disconnectedCallback(){this._mqCleanup?.(),this._mqCleanup=null;}resolvePopupTokens(){let{theme:t}=this._options;if(t==="dark"||t==="light")return p(t);let a=typeof window<"u"&&window.matchMedia("(prefers-color-scheme: dark)").matches;if(t==="system")return a?p("dark"):p("light");let e=a?p("dark"):p("light"),o=p(t);return {...e,primary:o.primary,primaryText:o.primaryText}}render(){if(!this.shadowRoot||!this._options)return;let{variant:t,title:a,description:e,command:o,fullCommand:s,skillUrl:h}=this._options,d=this.resolvePopupTokens(),c=t==="hermes"?f:x,l=t==="hermes",g=s||o;this.shadowRoot.innerHTML=`
+      <style>${z}</style>
+      <div style="${u(d)}">
+        <div class="hb-backdrop" data-action="close"></div>
+        <div class="hb-dialog" role="dialog" aria-modal="true" aria-labelledby="hb-dialog-title">
+          <div class="hb-dialog-header">
+            <div class="hb-dialog-header-icon">${c}</div>
+            <div class="hb-dialog-header-text">
+              <div class="hb-dialog-title" id="hb-dialog-title">${a}</div>
+              ${e?`<div class="hb-dialog-description">${e}</div>`:""}
+            </div>
+            <button class="hb-dialog-close" data-action="close" aria-label="Close">${R}</button>
+          </div>
+          <div class="hb-dialog-body">
+            ${l?this.renderHermesTerminalBody(g):this.renderHermesSkillBody(o,h)}
+          </div>
+          <div class="hb-dialog-footer">
+            ${l?`
+              <div class="hb-hint">Press <kbd>\u2318</kbd>+<kbd>V</kbd> or <kbd>Ctrl</kbd>+<kbd>V</kbd> in your terminal to run</div>
+            `:`
+              <div class="hb-hint">Press <kbd>\u2318</kbd>+<kbd>V</kbd> or <kbd>Ctrl</kbd>+<kbd>V</kbd> in your Hermes session to run</div>
+            `}
+          </div>
+        </div>
+      </div>
+    `,this.setupListeners(),this.setupSystemThemeWatch();}renderHermesTerminalBody(t){return `
+      <div class="hb-step">
+        <div class="hb-step-num">1</div>
+        <div class="hb-step-content">
+          <div class="hb-step-label">Copy this command to your clipboard</div>
+          <div class="hb-code-block">
+            <div class="hb-code-text"><span class="hb-code-prefix">$</span>${this.escapeHtml(t)}</div>
+            <button class="hb-copy-btn" data-action="copy" data-command="${this.escapeAttr(t)}">${k}<span>Copy</span></button>
+          </div>
+        </div>
+      </div>
+      <div class="hb-step">
+        <div class="hb-step-num">2</div>
+        <div class="hb-step-content">
+          <div class="hb-step-label">Paste and run in your terminal</div>
+        </div>
+      </div>
+    `}renderHermesSkillBody(t,a){let e="";if(a){let o=`Install the skill from ${a} and run ${t}`;e+=`
+        <div class="hb-step">
+          <div class="hb-step-num">1</div>
+          <div class="hb-step-content">
+            <div class="hb-step-label">Copy this prompt to your clipboard</div>
+            <div class="hb-code-block">
+              <div class="hb-code-text">${this.escapeHtml(o)}</div>
+              <button class="hb-copy-btn" data-action="copy" data-command="${this.escapeAttr(o)}">${k}<span>Copy</span></button>
+            </div>
+          </div>
+        </div>
+        <div class="hb-step">
+          <div class="hb-step-num">2</div>
+          <div class="hb-step-content">
+            <div class="hb-step-label">Paste into a Hermes session \u2014 the agent will fetch the skill and set it up for you</div>
+          </div>
+        </div>
+      `;}else e+=`
+        <div class="hb-step">
+          <div class="hb-step-num">1</div>
+          <div class="hb-step-content">
+            <div class="hb-step-label">Copy this command to your clipboard</div>
+            <div class="hb-code-block">
+              <div class="hb-code-text">${this.escapeHtml(t)}</div>
+              <button class="hb-copy-btn" data-action="copy" data-command="${this.escapeAttr(t)}">${k}<span>Copy</span></button>
+            </div>
+          </div>
+        </div>
+        <div class="hb-step">
+          <div class="hb-step-num">2</div>
+          <div class="hb-step-content">
+            <div class="hb-step-label">Paste and send in your Hermes session</div>
+          </div>
+        </div>
+      `;return e}setupListeners(){this.shadowRoot&&(this.shadowRoot.addEventListener("click",t=>{let a=t.target.closest("[data-action]");if(!a)return;let e=a.dataset.action;if(e==="close")this.close();else if(e==="copy"){let o=a.dataset.command||"";this.copyToClipboard(o,a);}}),this.shadowRoot.addEventListener("keydown",t=>{t.key==="Escape"&&this.close();}));}setupSystemThemeWatch(){this._mqCleanup?.(),this._mqCleanup=null;let t=this._options.theme;if(!(t==="system"||t==="branded"||t==="branded-alt")||typeof window>"u")return;let e=window.matchMedia("(prefers-color-scheme: dark)"),o=()=>this.render();e.addEventListener("change",o),this._mqCleanup=()=>e.removeEventListener("change",o);}async copyToClipboard(t,a){try{await navigator.clipboard.writeText(t);let e=a.querySelector("span"),o=a;a.setAttribute("data-copied","true"),e&&(e.textContent="Copied!"),o.innerHTML=`${L}<span>Copied!</span>`,this._options.onCopy?.(t),setTimeout(()=>{a.setAttribute("data-copied","false"),o.innerHTML=`${k}<span>Copy</span>`;},2e3);}catch{let e=document.createElement("textarea");e.value=t,e.style.position="fixed",e.style.opacity="0",document.body.appendChild(e),e.select(),document.execCommand("copy"),document.body.removeChild(e),this._options.onCopy?.(t);}}close(){let t=this.shadowRoot?.querySelector(".hb-dialog"),a=this.shadowRoot?.querySelector(".hb-backdrop");t&&(t.style.animation="hb-scale-in 0.15s ease-in reverse"),a&&(a.style.animation="hb-fade-in 0.15s ease-in reverse"),setTimeout(()=>{this._options.onClose?.(),this.remove();},140);}escapeHtml(t){let a=document.createElement("div");return a.textContent=t,a.innerHTML}escapeAttr(t){return t.replace(/"/g,"&quot;").replace(/'/g,"&#39;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}};typeof customElements<"u"&&!customElements.get("hermes-popup-dialog")&&customElements.define("hermes-popup-dialog",T);function w(r){let i=document.createElement("hermes-popup-dialog");return i.options=r,document.body.appendChild(i),i}var D=`
+  :host {
+    display: inline-block;
+    vertical-align: middle;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+    -webkit-tap-highlight-color: transparent;
+  }
+
+  * { box-sizing: border-box; margin: 0; padding: 0; }
+
+  .hb-btn {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--hb-gap);
+    height: var(--hb-height);
+    min-height: 44px;
+    padding: var(--hb-padding);
+    border: 1.5px solid var(--hb-border);
+    background: var(--hb-bg);
+    color: var(--hb-text);
+    font-family: inherit;
+    font-size: var(--hb-font-size);
+    font-weight: 600;
+    line-height: 1;
+    border-radius: var(--hb-radius);
+    cursor: pointer;
+    user-select: none;
+    white-space: nowrap;
+    touch-action: manipulation;
+    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease, color 0.15s ease;
+    text-decoration: none;
+    -webkit-font-smoothing: antialiased;
+  }
+
+  @media (pointer: fine) {
+    .hb-btn { min-height: unset; }
+  }
+
+  /* \u2500\u2500\u2500 FILLED \u2500\u2500\u2500 */
+
+  :host([data-variant="filled"][data-theme="branded"]) .hb-btn,
+  :host([data-variant="filled"][data-theme="branded-alt"]) .hb-btn {
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
+  }
+  :host([data-variant="filled"][data-theme="branded"]) .hb-btn:hover {
+    background: ${m};
+    box-shadow: 0 2px 8px rgba(124, 58, 237, 0.35);
+  }
+  :host([data-variant="filled"][data-theme="branded"]) .hb-btn:active {
+    background: ${A};
+    transform: scale(0.98);
+  }
+  :host([data-variant="filled"][data-theme="branded-alt"]) .hb-btn:hover {
+    background: #0D9488;
+    box-shadow: 0 2px 8px rgba(20, 184, 166, 0.35);
+  }
+  :host([data-variant="filled"][data-theme="branded-alt"]) .hb-btn:active {
+    background: #0F766E;
+    transform: scale(0.98);
+  }
+
+  :host([data-variant="filled"][data-theme="dark"]) .hb-btn {
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+  }
+  :host([data-variant="filled"][data-theme="dark"]) .hb-btn:hover {
+    background: #292524;
+    border-color: #57534E;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+  }
+  :host([data-variant="filled"][data-theme="dark"]) .hb-btn:active {
+    background: #1C1917;
+    transform: scale(0.98);
+  }
+
+  :host([data-variant="filled"][data-theme="light"]) .hb-btn {
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04);
+  }
+  :host([data-variant="filled"][data-theme="light"]) .hb-btn:hover {
+    border-color: #D6D3D1;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  }
+  :host([data-variant="filled"][data-theme="light"]) .hb-btn:active {
+    background: #FAFAF9;
+    transform: scale(0.98);
+  }
+
+  /* \u2500\u2500\u2500 OUTLINE \u2500\u2500\u2500 */
+
+  :host([data-variant="outline"][data-theme="branded"]) .hb-btn {
+    background: transparent;
+    border-color: ${n};
+    color: ${n};
+  }
+  :host([data-variant="outline"][data-theme="branded"]) .hb-btn:hover {
+    background: rgba(124, 58, 237, 0.08);
+    box-shadow: 0 2px 8px rgba(124, 58, 237, 0.15);
+  }
+  :host([data-variant="outline"][data-theme="branded"]) .hb-btn:active {
+    background: rgba(124, 58, 237, 0.14);
+    transform: scale(0.98);
+  }
+
+  :host([data-variant="outline"][data-theme="branded-alt"]) .hb-btn {
+    background: transparent;
+    border-color: #14B8A6;
+    color: #14B8A6;
+  }
+  :host([data-variant="outline"][data-theme="branded-alt"]) .hb-btn:hover {
+    background: rgba(20, 184, 166, 0.08);
+    box-shadow: 0 2px 8px rgba(20, 184, 166, 0.15);
+  }
+  :host([data-variant="outline"][data-theme="branded-alt"]) .hb-btn:active {
+    background: rgba(20, 184, 166, 0.14);
+    transform: scale(0.98);
+  }
+
+  :host([data-variant="outline"][data-theme="dark"]) .hb-btn {
+    background: transparent;
+    border-color: #57534E;
+    color: #F5F0EB;
+  }
+  :host([data-variant="outline"][data-theme="dark"]) .hb-btn:hover {
+    border-color: ${n};
+    background: rgba(124, 58, 237, 0.08);
+  }
+  :host([data-variant="outline"][data-theme="dark"]) .hb-btn:active {
+    background: rgba(124, 58, 237, 0.14);
+    transform: scale(0.98);
+  }
+
+  :host([data-variant="outline"][data-theme="light"]) .hb-btn {
+    background: transparent;
+    border-color: #D6D3D1;
+    color: #1C1917;
+  }
+  :host([data-variant="outline"][data-theme="light"]) .hb-btn:hover {
+    border-color: ${n};
+    background: rgba(124, 58, 237, 0.05);
+  }
+  :host([data-variant="outline"][data-theme="light"]) .hb-btn:active {
+    background: rgba(124, 58, 237, 0.1);
+    transform: scale(0.98);
+  }
+
+  /* \u2500\u2500\u2500 GHOST \u2500\u2500\u2500 */
+
+  :host([data-variant="ghost"]) .hb-btn {
+    background: transparent;
+    border-color: transparent;
+  }
+
+  :host([data-variant="ghost"][data-theme="branded"]) .hb-btn {
+    color: ${n};
+  }
+  :host([data-variant="ghost"][data-theme="branded"]) .hb-btn:hover {
+    background: rgba(124, 58, 237, 0.1);
+  }
+  :host([data-variant="ghost"][data-theme="branded"]) .hb-btn:active {
+    background: rgba(124, 58, 237, 0.16);
+    transform: scale(0.98);
+  }
+
+  :host([data-variant="ghost"][data-theme="branded-alt"]) .hb-btn {
+    color: #14B8A6;
+  }
+  :host([data-variant="ghost"][data-theme="branded-alt"]) .hb-btn:hover {
+    background: rgba(20, 184, 166, 0.1);
+  }
+  :host([data-variant="ghost"][data-theme="branded-alt"]) .hb-btn:active {
+    background: rgba(20, 184, 166, 0.16);
+    transform: scale(0.98);
+  }
+
+  :host([data-variant="ghost"][data-theme="dark"]) .hb-btn {
+    color: #F5F0EB;
+  }
+  :host([data-variant="ghost"][data-theme="dark"]) .hb-btn:hover {
+    background: rgba(255, 255, 255, 0.06);
+  }
+  :host([data-variant="ghost"][data-theme="dark"]) .hb-btn:active {
+    background: rgba(255, 255, 255, 0.1);
+    transform: scale(0.98);
+  }
+
+  :host([data-variant="ghost"][data-theme="light"]) .hb-btn {
+    color: #1C1917;
+  }
+  :host([data-variant="ghost"][data-theme="light"]) .hb-btn:hover {
+    background: rgba(0, 0, 0, 0.04);
+  }
+  :host([data-variant="ghost"][data-theme="light"]) .hb-btn:active {
+    background: rgba(0, 0, 0, 0.08);
+    transform: scale(0.98);
+  }
+
+  /* \u2500\u2500\u2500 FOCUS \u2500\u2500\u2500 */
+
+  .hb-btn:focus-visible {
+    outline: 2px solid var(--hb-focus-color, ${n});
+    outline-offset: 2px;
+  }
+
+  /* \u2500\u2500\u2500 ICON \u2500\u2500\u2500 */
+
+  .hb-btn-icon {
+    width: var(--hb-icon-size);
+    height: var(--hb-icon-size);
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .hb-btn-icon svg { width: 100%; height: 100%; }
+
+  :host([data-variant="filled"][data-theme="branded"]) .hb-btn-icon,
+  :host([data-variant="filled"][data-theme="branded-alt"]) .hb-btn-icon {
+    color: #FFFFFF;
+    --hb-icon-accent: rgba(255,255,255,0.2);
+  }
+  :host([data-variant="filled"][data-theme="dark"]) .hb-btn-icon {
+    color: var(--hb-accent-color, ${n});
+  }
+  :host([data-variant="filled"][data-theme="light"]) .hb-btn-icon {
+    color: var(--hb-accent-color, ${n});
+  }
+
+  :host([data-variant="outline"]) .hb-btn-icon,
+  :host([data-variant="ghost"]) .hb-btn-icon {
+    color: var(--hb-accent-color, ${n});
+  }
+
+  /* \u2500\u2500\u2500 LABEL \u2500\u2500\u2500 */
+
+  .hb-btn-label {
+    letter-spacing: -0.01em;
+  }
+`,C=class extends HTMLElement{constructor(){super();this._options={command:"",theme:"branded",size:"md",variant:"filled",popup:true,promptFlag:true};this._mqCleanup=null;this._rendered=false;this.attachShadow({mode:"open"});}connectedCallback(){this.syncFromAttributes(),this.render(),this.updateLightDOM();}disconnectedCallback(){this._mqCleanup?.(),this._mqCleanup=null;}attributeChangedCallback(){this._rendered&&(this.syncFromAttributes(),this.render(),this.updateLightDOM());}set options(t){this._options={...this._options,...t},this.render(),this.updateLightDOM();}get options(){return this._options}syncFromAttributes(){let t=this.getAttribute("command"),a=this.getAttribute("theme"),e=this.getAttribute("size"),o=this.getAttribute("variant"),s=this.getAttribute("shape"),h=this.getAttribute("popup"),d=this.getAttribute("prompt-flag"),c=this.getAttribute("popup-title"),l=this.getAttribute("popup-description");t!==null&&(this._options.command=t),a&&(this._options.theme=a),e&&(this._options.size=e),o&&(this._options.variant=o),s&&(this._options.shape=s),h!==null&&(this._options.popup=h!=="false"),d!==null&&(this._options.promptFlag=d!=="false"),c!==null&&(this._options.popupTitle=c),l!==null&&(this._options.popupDescription=l);}updateLightDOM(){let{command:t}=this._options,a=this.getFullCommand();this.setAttribute("role","button"),this.setAttribute("tabindex","0"),this.setAttribute("aria-label",`Run on Hermes: ${t}`),this._options.popup!==false?this.setAttribute("aria-haspopup","dialog"):this.removeAttribute("aria-haspopup");let e=this.querySelector("a[data-hb-crawl]");e||(e=document.createElement("a"),e.setAttribute("data-hb-crawl",""),e.setAttribute("aria-hidden","true"),e.style.cssText="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;",this.appendChild(e)),e.href=`https://hermes.ai/run?command=${encodeURIComponent(a)}`,e.textContent=`Run on Hermes: ${t}`,e.setAttribute("data-platform","hermes"),e.setAttribute("data-command",t),e.setAttribute("data-full-command",a);}getResolvedTheme(){return this._options.theme||"branded"}getFullCommand(){let{command:t,promptFlag:a}=this._options;return a===false?t:`hermes -p "${t}"`}render(){if(!this.shadowRoot)return;let t=this.getResolvedTheme(),a=t==="system"?typeof window<"u"&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":t,e=this._options.variant||"filled",o=p(t),s=this._options.size||"md",h=this._options.shape||"rounded",d=F[s],c=_[h][s];this.setAttribute("data-theme",a),this.setAttribute("data-variant",e);let l=e!=="filled"?"transparent":o.bg,g=e==="ghost"?"transparent":e==="outline"?o.primary:o.border,O=e!=="filled"?o.primary:o.text;this.shadowRoot.innerHTML=`
+      <style>${D}</style>
+      <button
+        class="hb-btn"
+        type="button"
+        style="
+          ${u(o)}
+          --hb-bg: ${l};
+          --hb-border: ${g};
+          --hb-text: ${O};
+          --hb-accent-color: ${o.primary};
+          --hb-focus-color: ${o.primary};
+          --hb-height: ${d.height};
+          --hb-font-size: ${d.fontSize};
+          --hb-icon-size: ${d.iconSize};
+          --hb-padding: ${d.ccPadding};
+          --hb-gap: ${d.gap};
+          --hb-radius: ${c};
+        "
+        aria-label="Run on Hermes: ${this._options.command.replace(/"/g,"&quot;")}"
+      >
+        <span class="hb-btn-icon" aria-hidden="true">${f}</span>
+        <span class="hb-btn-label">Run on Hermes</span>
+      </button>
+    `;let v=this.shadowRoot.querySelector(".hb-btn");v.addEventListener("click",()=>this.handleClick()),v.addEventListener("keydown",b=>{(b.key==="Enter"||b.key===" ")&&(b.preventDefault(),this.handleClick());}),this._rendered=true,this.setupSystemThemeWatch();}handleClick(){let{popup:t,command:a,popupTitle:e,popupDescription:o}=this._options,s=this.getFullCommand();if(this.dispatchEvent(new CustomEvent("hb-open",{bubbles:true,composed:true,detail:{command:a,fullCommand:s}})),t===false){navigator.clipboard.writeText(s).then(()=>{this._options.onCopy?.(s),this.dispatchEvent(new CustomEvent("hb-copy",{bubbles:true,composed:true,detail:{command:s}}));});return}w({variant:"hermes",theme:this.getResolvedTheme(),title:e||"Run on Hermes",description:o||"Execute this command in your terminal to get started with Hermes Agent.",command:a,fullCommand:s,onCopy:h=>{this._options.onCopy?.(h),this.dispatchEvent(new CustomEvent("hb-copy",{bubbles:true,composed:true,detail:{command:h}}));},onClose:()=>{this.dispatchEvent(new CustomEvent("hb-close",{bubbles:true,composed:true}));}});}setupSystemThemeWatch(){if(this._mqCleanup?.(),this._mqCleanup=null,this.getResolvedTheme()!=="system"||typeof window>"u")return;let t=window.matchMedia("(prefers-color-scheme: dark)"),a=()=>this.render();t.addEventListener("change",a),this._mqCleanup=()=>t.removeEventListener("change",a);}};C.observedAttributes=["command","theme","size","variant","shape","popup","prompt-flag","popup-title","popup-description"];function S(r="hermes-button"){typeof customElements>"u"||customElements.get(r)||customElements.define(r,C);}S();function P(r){let i=document.createElement("hermes-button");return i.options=r,i}var I=`
+  :host {
+    display: inline-block;
+    vertical-align: middle;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+    -webkit-tap-highlight-color: transparent;
+  }
+
+  * { box-sizing: border-box; margin: 0; padding: 0; }
+
+  .hb-btn {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--hb-gap);
+    height: var(--hb-height);
+    min-height: 44px;
+    padding: var(--hb-padding);
+    border: 1.5px solid var(--hb-border);
+    background: var(--hb-bg);
+    color: var(--hb-text);
+    font-family: inherit;
+    font-size: var(--hb-font-size);
+    font-weight: 600;
+    line-height: 1;
+    border-radius: var(--hb-radius);
+    cursor: pointer;
+    user-select: none;
+    white-space: nowrap;
+    touch-action: manipulation;
+    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease, color 0.15s ease;
+    text-decoration: none;
+    -webkit-font-smoothing: antialiased;
+  }
+
+  @media (pointer: fine) {
+    .hb-btn { min-height: unset; }
+  }
+
+  /* \u2500\u2500\u2500 FILLED \u2500\u2500\u2500 */
+
+  :host([data-variant="filled"][data-theme="branded"]) .hb-btn,
+  :host([data-variant="filled"][data-theme="branded-alt"]) .hb-btn {
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
+  }
+  :host([data-variant="filled"][data-theme="branded"]) .hb-btn:hover {
+    background: ${m};
+    box-shadow: 0 2px 8px rgba(124, 58, 237, 0.35);
+  }
+  :host([data-variant="filled"][data-theme="branded"]) .hb-btn:active {
+    background: ${A};
+    transform: scale(0.98);
+  }
+  :host([data-variant="filled"][data-theme="branded-alt"]) .hb-btn:hover {
+    background: #0D9488;
+    box-shadow: 0 2px 8px rgba(20, 184, 166, 0.35);
+  }
+  :host([data-variant="filled"][data-theme="branded-alt"]) .hb-btn:active {
+    background: #0F766E;
+    transform: scale(0.98);
+  }
+
+  :host([data-variant="filled"][data-theme="dark"]) .hb-btn {
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+  }
+  :host([data-variant="filled"][data-theme="dark"]) .hb-btn:hover {
+    background: #292524;
+    border-color: #57534E;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+  }
+  :host([data-variant="filled"][data-theme="dark"]) .hb-btn:active {
+    background: #1C1917;
+    transform: scale(0.98);
+  }
+
+  :host([data-variant="filled"][data-theme="light"]) .hb-btn {
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04);
+  }
+  :host([data-variant="filled"][data-theme="light"]) .hb-btn:hover {
+    border-color: #D6D3D1;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  }
+  :host([data-variant="filled"][data-theme="light"]) .hb-btn:active {
+    background: #FAFAF9;
+    transform: scale(0.98);
+  }
+
+  /* \u2500\u2500\u2500 OUTLINE \u2500\u2500\u2500 */
+
+  :host([data-variant="outline"][data-theme="branded"]) .hb-btn {
+    background: transparent;
+    border-color: ${n};
+    color: ${n};
+  }
+  :host([data-variant="outline"][data-theme="branded"]) .hb-btn:hover {
+    background: rgba(124, 58, 237, 0.08);
+    box-shadow: 0 2px 8px rgba(124, 58, 237, 0.15);
+  }
+  :host([data-variant="outline"][data-theme="branded"]) .hb-btn:active {
+    background: rgba(124, 58, 237, 0.14);
+    transform: scale(0.98);
+  }
+
+  :host([data-variant="outline"][data-theme="branded-alt"]) .hb-btn {
+    background: transparent;
+    border-color: #14B8A6;
+    color: #14B8A6;
+  }
+  :host([data-variant="outline"][data-theme="branded-alt"]) .hb-btn:hover {
+    background: rgba(20, 184, 166, 0.08);
+    box-shadow: 0 2px 8px rgba(20, 184, 166, 0.15);
+  }
+  :host([data-variant="outline"][data-theme="branded-alt"]) .hb-btn:active {
+    background: rgba(20, 184, 166, 0.14);
+    transform: scale(0.98);
+  }
+
+  :host([data-variant="outline"][data-theme="dark"]) .hb-btn {
+    background: transparent;
+    border-color: #57534E;
+    color: #F5F0EB;
+  }
+  :host([data-variant="outline"][data-theme="dark"]) .hb-btn:hover {
+    border-color: ${n};
+    background: rgba(124, 58, 237, 0.08);
+  }
+  :host([data-variant="outline"][data-theme="dark"]) .hb-btn:active {
+    background: rgba(124, 58, 237, 0.14);
+    transform: scale(0.98);
+  }
+
+  :host([data-variant="outline"][data-theme="light"]) .hb-btn {
+    background: transparent;
+    border-color: #D6D3D1;
+    color: #1C1917;
+  }
+  :host([data-variant="outline"][data-theme="light"]) .hb-btn:hover {
+    border-color: ${n};
+    background: rgba(124, 58, 237, 0.05);
+  }
+  :host([data-variant="outline"][data-theme="light"]) .hb-btn:active {
+    background: rgba(124, 58, 237, 0.1);
+    transform: scale(0.98);
+  }
+
+  /* \u2500\u2500\u2500 GHOST \u2500\u2500\u2500 */
+
+  :host([data-variant="ghost"]) .hb-btn {
+    background: transparent;
+    border-color: transparent;
+  }
+
+  :host([data-variant="ghost"][data-theme="branded"]) .hb-btn {
+    color: ${n};
+  }
+  :host([data-variant="ghost"][data-theme="branded"]) .hb-btn:hover {
+    background: rgba(124, 58, 237, 0.1);
+  }
+  :host([data-variant="ghost"][data-theme="branded"]) .hb-btn:active {
+    background: rgba(124, 58, 237, 0.16);
+    transform: scale(0.98);
+  }
+
+  :host([data-variant="ghost"][data-theme="branded-alt"]) .hb-btn {
+    color: #14B8A6;
+  }
+  :host([data-variant="ghost"][data-theme="branded-alt"]) .hb-btn:hover {
+    background: rgba(20, 184, 166, 0.1);
+  }
+  :host([data-variant="ghost"][data-theme="branded-alt"]) .hb-btn:active {
+    background: rgba(20, 184, 166, 0.16);
+    transform: scale(0.98);
+  }
+
+  :host([data-variant="ghost"][data-theme="dark"]) .hb-btn {
+    color: #F5F0EB;
+  }
+  :host([data-variant="ghost"][data-theme="dark"]) .hb-btn:hover {
+    background: rgba(255, 255, 255, 0.06);
+  }
+  :host([data-variant="ghost"][data-theme="dark"]) .hb-btn:active {
+    background: rgba(255, 255, 255, 0.1);
+    transform: scale(0.98);
+  }
+
+  :host([data-variant="ghost"][data-theme="light"]) .hb-btn {
+    color: #1C1917;
+  }
+  :host([data-variant="ghost"][data-theme="light"]) .hb-btn:hover {
+    background: rgba(0, 0, 0, 0.04);
+  }
+  :host([data-variant="ghost"][data-theme="light"]) .hb-btn:active {
+    background: rgba(0, 0, 0, 0.08);
+    transform: scale(0.98);
+  }
+
+  /* \u2500\u2500\u2500 FOCUS \u2500\u2500\u2500 */
+
+  .hb-btn:focus-visible {
+    outline: 2px solid var(--hb-focus-color, ${n});
+    outline-offset: 2px;
+  }
+
+  /* \u2500\u2500\u2500 ICON \u2500\u2500\u2500 */
+
+  .hb-btn-icon {
+    width: var(--hb-icon-size);
+    height: var(--hb-icon-size);
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .hb-btn-icon svg { width: 100%; height: 100%; }
+
+  :host([data-variant="filled"][data-theme="branded"]) .hb-btn-icon,
+  :host([data-variant="filled"][data-theme="branded-alt"]) .hb-btn-icon {
+    color: #FFFFFF;
+    --hb-icon-accent: rgba(255,255,255,0.2);
+  }
+  :host([data-variant="filled"][data-theme="dark"]) .hb-btn-icon {
+    color: var(--hb-accent-color, ${n});
+  }
+  :host([data-variant="filled"][data-theme="light"]) .hb-btn-icon {
+    color: var(--hb-accent-color, ${n});
+  }
+
+  :host([data-variant="outline"]) .hb-btn-icon,
+  :host([data-variant="ghost"]) .hb-btn-icon {
+    color: var(--hb-accent-color, ${n});
+  }
+
+  /* \u2500\u2500\u2500 LABEL \u2500\u2500\u2500 */
+
+  .hb-btn-label {
+    letter-spacing: -0.01em;
+  }
+`,E=class extends HTMLElement{constructor(){super();this._options={command:"",theme:"branded",size:"md",variant:"filled",popup:true};this._mqCleanup=null;this._rendered=false;this.attachShadow({mode:"open"});}connectedCallback(){this.syncFromAttributes(),this.render(),this.updateLightDOM();}disconnectedCallback(){this._mqCleanup?.(),this._mqCleanup=null;}attributeChangedCallback(){this._rendered&&(this.syncFromAttributes(),this.render(),this.updateLightDOM());}set options(t){this._options={...this._options,...t},this.render(),this.updateLightDOM();}get options(){return this._options}syncFromAttributes(){let t=this.getAttribute("command"),a=this.getAttribute("skill-url"),e=this.getAttribute("theme"),o=this.getAttribute("size"),s=this.getAttribute("variant"),h=this.getAttribute("shape"),d=this.getAttribute("popup"),c=this.getAttribute("popup-title"),l=this.getAttribute("popup-description");t!==null&&(this._options.command=t),a!==null&&(this._options.skillUrl=a),e&&(this._options.theme=e),o&&(this._options.size=o),s&&(this._options.variant=s),h&&(this._options.shape=h),d!==null&&(this._options.popup=d!=="false"),c!==null&&(this._options.popupTitle=c),l!==null&&(this._options.popupDescription=l);}updateLightDOM(){let{command:t,skillUrl:a}=this._options;this.setAttribute("role","button"),this.setAttribute("tabindex","0"),this.setAttribute("aria-label",`Run on Hermes Skills: ${t}`),this._options.popup!==false?this.setAttribute("aria-haspopup","dialog"):this.removeAttribute("aria-haspopup");let e=this.querySelector("a[data-hb-crawl]");e||(e=document.createElement("a"),e.setAttribute("data-hb-crawl",""),e.setAttribute("aria-hidden","true"),e.style.cssText="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;",this.appendChild(e)),e.textContent=`Run on Hermes Skills: ${t}`,e.setAttribute("data-platform","hermes-skill"),e.setAttribute("data-command",t),a?(e.href=a,e.setAttribute("data-skill-url",a)):(e.href=`https://hermes.ai/skills?command=${encodeURIComponent(t)}`,e.removeAttribute("data-skill-url"));}getResolvedTheme(){return this._options.theme||"branded"}render(){if(!this.shadowRoot)return;let t=this.getResolvedTheme(),a=t==="system"?typeof window<"u"&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":t,e=this._options.variant||"filled",o=p(t),s=this._options.size||"md",h=this._options.shape||"rounded",d=F[s],c=_[h][s];this.setAttribute("data-theme",a),this.setAttribute("data-variant",e);let l=e!=="filled"?"transparent":o.bg,g=e==="ghost"?"transparent":e==="outline"?o.primary:o.border,O=e!=="filled"?o.primary:o.text;this.shadowRoot.innerHTML=`
+      <style>${I}</style>
+      <button
+        class="hb-btn"
+        type="button"
+        style="
+          ${u(o)}
+          --hb-bg: ${l};
+          --hb-border: ${g};
+          --hb-text: ${O};
+          --hb-accent-color: ${o.primary};
+          --hb-focus-color: ${o.primary};
+          --hb-height: ${d.height};
+          --hb-font-size: ${d.fontSize};
+          --hb-icon-size: ${d.iconSize};
+          --hb-padding: ${d.padding};
+          --hb-gap: ${d.gap};
+          --hb-radius: ${c};
+        "
+        aria-label="Run on Hermes Skills: ${this._options.command.replace(/"/g,"&quot;")}"
+      >
+        <span class="hb-btn-icon" aria-hidden="true">${x}</span>
+        <span class="hb-btn-label">Run on Hermes Skills</span>
+      </button>
+    `;let v=this.shadowRoot.querySelector(".hb-btn");v.addEventListener("click",()=>this.handleClick()),v.addEventListener("keydown",b=>{(b.key==="Enter"||b.key===" ")&&(b.preventDefault(),this.handleClick());}),this._rendered=true,this.setupSystemThemeWatch();}handleClick(){let{popup:t,command:a,skillUrl:e,popupTitle:o,popupDescription:s}=this._options;if(this.dispatchEvent(new CustomEvent("hb-open",{bubbles:true,composed:true,detail:{command:a}})),t===false){navigator.clipboard.writeText(a).then(()=>{this._options.onCopy?.(a),this.dispatchEvent(new CustomEvent("hb-copy",{bubbles:true,composed:true,detail:{command:a}}));});return}w({variant:"hermes-skill",theme:this.getResolvedTheme(),title:o||"Run on Hermes Skills",description:s||"Copy and paste into a Hermes session to get started.",command:a,skillUrl:e,onCopy:h=>{this._options.onCopy?.(h),this.dispatchEvent(new CustomEvent("hb-copy",{bubbles:true,composed:true,detail:{command:h}}));},onClose:()=>{this.dispatchEvent(new CustomEvent("hb-close",{bubbles:true,composed:true}));}});}setupSystemThemeWatch(){if(this._mqCleanup?.(),this._mqCleanup=null,this.getResolvedTheme()!=="system"||typeof window>"u")return;let t=window.matchMedia("(prefers-color-scheme: dark)"),a=()=>this.render();t.addEventListener("change",a),this._mqCleanup=()=>t.removeEventListener("change",a);}};E.observedAttributes=["command","skill-url","theme","size","variant","shape","popup","popup-title","popup-description"];function $(r="hermes-skill-button"){typeof customElements>"u"||customElements.get(r)||customElements.define(r,E);}$();function N(r){let i=document.createElement("hermes-skill-button");return i.options=r,i}function B(){if(typeof document>"u")return [];let r=[];return document.querySelectorAll("hermes-button").forEach(i=>{let t=i.getAttribute("command")||"",o=i.getAttribute("prompt-flag")!=="false"?`hermes -p "${t}"`:t;r.push({platform:"hermes",command:t,fullCommand:o});}),document.querySelectorAll("hermes-skill-button").forEach(i=>{let t=i.getAttribute("command")||"",a=i.getAttribute("skill-url")||void 0;r.push({platform:"hermes-skill",command:t,...a&&{skillUrl:a}});}),r}function M(){let r=B();return r.length===0?{}:{"@context":"https://schema.org","@type":"WebPage",potentialAction:r.map(t=>{if(t.platform==="hermes")return {"@type":"Action",name:`Run on Hermes: ${t.command}`,description:t.command,target:{"@type":"EntryPoint",urlTemplate:`https://hermes.ai/run?command=${encodeURIComponent(t.fullCommand||t.command)}`,actionPlatform:"https://hermes.ai/run"},object:{"@type":"SoftwareSourceCode",runtimePlatform:"Hermes Agent",text:t.fullCommand||t.command}};let a={"@type":"EntryPoint",actionPlatform:"https://hermes.ai/skills"};t.skillUrl?a.urlTemplate=t.skillUrl:a.urlTemplate=`https://hermes.ai/skills?command=${encodeURIComponent(t.command)}`;let e={"@type":"Action",name:`Run on Hermes Skills: ${t.command}`,description:t.command,target:a};return t.skillUrl&&(e.object={"@type":"SoftwareApplication",name:t.command,downloadUrl:t.skillUrl,applicationCategory:"AI Skill",operatingSystem:"Hermes Agent"}),e})}}function q(){if(typeof document>"u")return;let r=document.querySelector("script[data-hermesbuttons-jsonld]");r&&r.remove();let i=M();if(!i||!("potentialAction"in i))return;let t=document.createElement("script");t.type="application/ld+json",t.setAttribute("data-hermesbuttons-jsonld",""),t.textContent=JSON.stringify(i,null,2),document.head.appendChild(t);}function nt(){S(),$();}
+exports.ALT_BRAND_COLOR=H;exports.BRAND_COLOR=n;exports.HERMES_ICON=f;exports.HERMES_SKILL_ICON=x;exports.HermesButton=C;exports.HermesPopupDialog=T;exports.HermesSkillButton=E;exports.createHermesButton=P;exports.createHermesSkillButton=N;exports.discoverButtons=B;exports.generateStructuredData=M;exports.injectStructuredData=q;exports.register=nt;exports.registerHermesButton=S;exports.registerHermesSkillButton=$;exports.resolveTheme=p;exports.showPopup=w;exports.themes=y;//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map