shadow-claw 1.23.3 → 1.24.0

package/dist/public/shadow-claw-control-plane-CX1IGbh9.js

@@ -0,0 +1,199 @@
+import{r as e}from"./config-CrHchneq.js";import{n as t}from"./txPromise-EBECky1b.js";import{t as n}from"./getConfig-D89uJgo5.js";import{t as r}from"./orchestrator-3h9xxHUm.js";import{t as i}from"./setConfig-DFMYnYLE.js";import{r as a,t as o}from"./toast-D3gxhZpN.js";import{t as s}from"./shadow-claw-element-DIrv3P6A.js";import{t as c}from"./effect-BEsuusE8.js";const l=new CSSStyleSheet;l.replaceSync(`*,
+*::before,
+*::after {
+  font-family: var(--shadow-claw-font-sans);
+}
+
+:host {
+  display: block;
+}
+
+.settings-section {
+  margin-bottom: 1.75rem;
+}
+
+.settings-section h3 {
+  align-items: center;
+  display: flex;
+  font-size: 1rem;
+  font-weight: 600;
+  gap: 0.5rem;
+  margin: 0 0 0.75rem;
+}
+
+.form-group {
+  margin-bottom: 1rem;
+}
+
+.form-label {
+  color: var(--shadow-claw-text-primary);
+  display: block;
+  font-size: 0.8125rem;
+  font-weight: 500;
+  margin-bottom: 0.375rem;
+}
+
+.form-input,
+.form-select {
+  background-color: var(--shadow-claw-bg-primary);
+  border: 0.0625rem solid var(--shadow-claw-border-color);
+  border-radius: var(--shadow-claw-radius-s, 0.625rem);
+  box-sizing: border-box;
+  color: var(--shadow-claw-text-primary);
+  font-family: var(--shadow-claw-font-sans);
+  font-size: var(--shadow-claw-font-size-sm);
+  padding: 0.625rem 0.75rem;
+  transition:
+    border-color 0.15s,
+    box-shadow 0.15s;
+  width: 100%;
+}
+
+.form-input:focus,
+.form-select:focus {
+  border-color: var(--shadow-claw-accent-primary);
+  box-shadow: 0 0 0 0.125rem rgba(0, 0, 0, 0.06);
+  outline: none;
+}
+
+.form-toggle {
+  align-items: center;
+  display: flex;
+  gap: 0.75rem;
+}
+
+.form-toggle input[type="checkbox"] {
+  accent-color: var(--shadow-claw-accent-primary);
+  cursor: pointer;
+  height: 1.125rem;
+  width: 1.125rem;
+}
+
+.form-toggle .form-label {
+  cursor: pointer;
+  display: inline;
+  margin-bottom: 0;
+}
+
+.form-helper {
+  color: var(--shadow-claw-text-tertiary);
+  font-size: 0.75rem;
+  line-height: 1.45;
+  margin-top: 0.375rem;
+  max-width: 48rem;
+}
+
+.form-helper code {
+  background-color: var(--shadow-claw-bg-secondary);
+  border: 0.0625rem solid var(--shadow-claw-border-color);
+  border-radius: 0.375rem;
+  color: var(--shadow-claw-text-primary);
+  font-family: var(--shadow-claw-font-mono, monospace);
+  font-size: 0.72rem;
+  padding: 0.08rem 0.3rem;
+}
+
+.save-btn {
+  background-color: var(--shadow-claw-text-primary);
+  border: none;
+  border-radius: 62.5rem;
+  color: var(--shadow-claw-bg-primary);
+  cursor: pointer;
+  font-size: var(--shadow-claw-font-size-sm);
+  font-weight: 600;
+  margin-top: 0.75rem;
+  padding: 0.625rem 1.5rem;
+  transition: background-color 150ms cubic-bezier(0.33, 1, 0.68, 1);
+}
+
+.save-btn:hover {
+  background-color: var(--shadow-claw-accent-primary);
+  color: var(--shadow-claw-on-primary);
+}
+
+.save-btn:focus-visible {
+  outline: 0.125rem solid var(--shadow-claw-accent-primary);
+  outline-offset: 0.125rem;
+}
+`);const u=new DOMParser().parseFromString(`<template>
+  <div class="settings-section">
+    <h3>🎛️ Control Plane</h3>
+
+    <div class="form-group">
+      <div class="form-helper">
+        Configure the remote bridge allowing external tools, CLI commands
+        (<code>shadow-claw</code>), and MCP clients to discover, query, and
+        communicate with this client instance.
+      </div>
+    </div>
+
+    <div class="form-group">
+      <div class="form-toggle">
+        <input
+          data-setting="control-plane-enabled-toggle"
+          id="control-plane-enabled-toggle"
+          type="checkbox"
+        />
+        <label class="form-label" for="control-plane-enabled-toggle">
+          Enable Remote Control Plane Client
+        </label>
+      </div>
+      <div class="form-helper">
+        Allow the <code>shadow-claw</code> CLI and remote server commands to
+        discover and communicate with this client. When disabled, this client
+        operates in standalone/serverless mode without opening a control plane
+        connection.
+      </div>
+    </div>
+
+    <div class="form-group">
+      <label class="form-label" for="control-plane-url">
+        Control Plane Server URL
+      </label>
+      <input
+        class="form-input"
+        data-setting="control-plane-url-input"
+        id="control-plane-url"
+        placeholder="http://127.0.0.1:8888"
+        spellcheck="false"
+        type="url"
+      />
+      <div class="form-helper">
+        The base URL of the ShadowClaw server or local dev instance for the CLI
+        and remote control plane (e.g. <code>http://127.0.0.1:8888</code> or
+        <code>https://my-server.example.com</code>). Defaults to
+        <code>127.0.0.1:8888</code> when hosted on static sites (like GitHub
+        Pages), or same-origin on server deployments.
+      </div>
+      <button class="save-btn" data-action="save-control-plane-url">
+        💾 Save Control Plane URL
+      </button>
+    </div>
+
+    <div class="form-group">
+      <label class="form-label" for="control-plane-transport">
+        Control Plane Transport
+      </label>
+      <select
+        class="form-select"
+        id="control-plane-transport"
+        data-setting="control-plane-transport-select"
+      >
+        <option value="sse">
+          Server-Sent Events (SSE + HTTP POST) — Recommended / Proxy Friendly
+          (Default)
+        </option>
+        <option value="websocket">WebSocket (Full Duplex)</option>
+      </select>
+      <div class="form-helper">
+        Select the protocol used for the CLI and remote client control plane.
+        SSE + HTTP POST works through standard reverse proxies and firewalls
+        without requiring connection upgrades.
+      </div>
+      <button class="save-btn" data-action="save-control-plane-transport">
+        💾 Save Transport
+      </button>
+    </div>
+  </div>
+</template>
+`,`text/html`),d=u.querySelector(`template`);let f=[];f=d?Array.from(d.content.children):Array.from(u.head.children).concat(Array.from(u.body.children));var p=f;const m=`shadow-claw-control-plane`;var h=class extends s{static styles=l;static template=p;db;orchestrator;constructor(){super(),this.db=null,this.orchestrator=null}async connectedCallback(){if(!this.shadowRoot)throw Error(`shadowRoot not found`);this.db=await t(),this.orchestrator=r.orchestrator,this.bindEventListeners(),this.setupEffects(),await this.render()}bindEventListeners(){let e=this.shadowRoot;e&&(e.querySelector(`[data-action="save-control-plane-transport"]`)?.addEventListener(`click`,()=>{this.saveControlPlaneTransport()}),e.querySelector(`[data-action="save-control-plane-url"]`)?.addEventListener(`click`,()=>{this.saveControlPlaneUrl()}),e.querySelector(`[data-setting="control-plane-enabled-toggle"]`)?.addEventListener(`change`,e=>{let t=e.target;this.saveControlPlaneEnabled(t.checked)}))}setupEffects(){c(()=>{r.ready&&(this.orchestrator=r.orchestrator,this.render())})}async render(){let t=this.shadowRoot;if(!t)return;let r=t.querySelector(`[data-setting="control-plane-enabled-toggle"]`);if(r&&this.db)try{let{isControlPlaneEnabled:e}=await import(`./initControlPlane-C9jpnWev.js`);r.checked=await e(this.db)}catch{r.checked=!1}let i=t.querySelector(`[data-setting="control-plane-url-input"]`);if(i&&this.db)try{i.value=await n(this.db,e.CONTROL_PLANE_URL)||``}catch{i.value=``}let a=t.querySelector(`[data-setting="control-plane-transport-select"]`);if(a&&this.db)try{a.value=await n(this.db,e.CONTROL_PLANE_TRANSPORT)||`sse`}catch{a.value=`sse`}}async saveControlPlaneTransport(){if(!this.db)return;let t=this.shadowRoot;if(!t)return;let n=t.querySelector(`[data-setting="control-plane-transport-select"]`);if(!n)return;let r=n.value===`websocket`?`websocket`:`sse`;try{if(await i(this.db,e.CONTROL_PLANE_TRANSPORT,r),typeof localStorage<`u`)try{localStorage.setItem(e.CONTROL_PLANE_TRANSPORT,r)}catch{}let{isControlPlaneEnabled:t,createDefaultControlPlaneClient:n,shouldConnectControlPlane:o}=await import(`./initControlPlane-C9jpnWev.js`);await t(this.db)&&o()&&n({orchestrator:this.orchestrator||void 0,transport:r}),a(`Control Plane transport saved: ${r.toUpperCase()}`,3e3)}catch(e){o(`Error saving Control Plane transport: `+(e instanceof Error?e.message:String(e)),6e3)}}async saveControlPlaneUrl(){if(!this.db)return;let t=this.shadowRoot;if(!t)return;let n=t.querySelector(`[data-setting="control-plane-url-input"]`);if(!n)return;let r=n.value.trim();try{if(await i(this.db,e.CONTROL_PLANE_URL,r),typeof localStorage<`u`)try{r?localStorage.setItem(e.CONTROL_PLANE_URL,r):localStorage.removeItem(e.CONTROL_PLANE_URL)}catch{}let{isControlPlaneEnabled:t,createDefaultControlPlaneClient:n,shouldConnectControlPlane:o}=await import(`./initControlPlane-C9jpnWev.js`);await t(this.db)&&o()&&n({orchestrator:this.orchestrator||void 0}),a(r?`Control Plane URL saved: ${r}`:`Control Plane URL reset to default`,3e3)}catch(e){o(`Error saving Control Plane URL: `+(e instanceof Error?e.message:String(e)),6e3)}}async saveControlPlaneEnabled(t){if(this.db)try{if(await i(this.db,e.CONTROL_PLANE_ENABLED,t?`true`:`false`),typeof localStorage<`u`)try{localStorage.setItem(e.CONTROL_PLANE_ENABLED,t?`true`:`false`)}catch{}let{createDefaultControlPlaneClient:n,stopControlPlaneClient:r,shouldConnectControlPlane:o}=await import(`./initControlPlane-C9jpnWev.js`);t?(o()&&n({orchestrator:this.orchestrator||void 0}),a(`Control plane client enabled and connected`,3e3)):(r(),a(`Control plane client disabled`,3e3))}catch(e){o(`Error saving Control Plane setting: `+(e instanceof Error?e.message:String(e)),6e3)}}};customElements.get(m)||customElements.define(m,h);export{h as ShadowClawControlPlane};

package/dist/public/{shadow-claw-conversations-C8eqGpP9.js → shadow-claw-conversations-_9qAaRXk.js}

@@ -1,4 +1,4 @@
-import{r as e}from"./config-AL77QAx4.js";import{n as t}from"./txPromise-EBECky1b.js";import{t as n}from"./getConfig-D89uJgo5.js";import{u as r}from"./custom-element-security-CZ92anB8.js";import{K as i,Y as a,gn as o,hn as s,mn as c,t as l}from"./orchestrator-B9KmIj8Q.js";import{t as u}from"./setConfig-DFMYnYLE.js";import{t as d}from"./shadow-claw-element-DIrv3P6A.js";import{t as f}from"./effect-BEsuusE8.js";import{n as p}from"./model-ranking-C60HgQ2c.js";import"./shadow-claw-dialog-ByyHgxM9.js";const m=new CSSStyleSheet;m.replaceSync(`:host {
+import{r as e}from"./config-CrHchneq.js";import{n as t}from"./txPromise-EBECky1b.js";import{t as n}from"./getConfig-D89uJgo5.js";import{u as r}from"./custom-element-security-NCqQ5lmC.js";import{K as i,Y as a,gn as o,hn as s,mn as c,t as l}from"./orchestrator-3h9xxHUm.js";import{t as u}from"./setConfig-DFMYnYLE.js";import{t as d}from"./shadow-claw-element-DIrv3P6A.js";import{t as f}from"./effect-BEsuusE8.js";import{n as p}from"./model-ranking-C60HgQ2c.js";import"./shadow-claw-dialog-BrOwAOdk.js";const m=new CSSStyleSheet;m.replaceSync(`:host {
   display: block;
 }
 

package/dist/public/shadow-claw-dialog-BrOwAOdk.js

@@ -0,0 +1 @@
+var e=class extends HTMLElement{static get observedAttributes(){return[`dialog-class`,`dialog-aria-label`,`dialog-aria-labelledby`]}_dialog=null;attributeChangedCallback(){this.syncDialogAttributes()}connectedCallback(){this.ensureDialog()}close(e){this.ensureDialog(),typeof this._dialog?.close==`function`?this._dialog.close(e):this._dialog&&(this._dialog.removeAttribute(`open`),e!==void 0&&(this._dialog.returnValue=e))}get dialog(){return this.ensureDialog(),this._dialog}ensureDialog(){if(this._dialog){this.syncDialogAttributes();return}this.style.display=`contents`;let e=document.createElement(`dialog`);this._dialog=e,this.syncDialogAttributes();let t=this.querySelector(`:scope > template`);if(t instanceof HTMLTemplateElement){e.appendChild(t.content.cloneNode(!0)),this.appendChild(e);return}for(;this.firstChild;)e.appendChild(this.firstChild);this.appendChild(e)}get open(){return this._dialog?.open??!1}get returnValue(){return this._dialog?.returnValue??``}set returnValue(e){this._dialog&&(this._dialog.returnValue=e)}showModal(){this.ensureDialog(),typeof this._dialog?.showModal==`function`?this._dialog.showModal():this._dialog&&this._dialog.setAttribute(`open`,``)}syncDialogAttributes(){if(!this._dialog)return;let e=this.getAttribute(`dialog-class`)||``;this._dialog.className=e;let t=this.getAttribute(`dialog-aria-label`);t?this._dialog.setAttribute(`aria-label`,t):this._dialog.removeAttribute(`aria-label`);let n=this.getAttribute(`dialog-aria-labelledby`);n?this._dialog.setAttribute(`aria-labelledby`,n):this._dialog.removeAttribute(`aria-labelledby`)}};customElements.get(`shadow-claw-dialog`)||customElements.define(`shadow-claw-dialog`,e);export{e as ShadowClawDialog};