@ai-ecoverse/slicc-spectrum 1.84.2 → 1.85.0

package/dist/slicc-ui.js

@@ -8675,6 +8675,15 @@ var o43 = class extends a10 {
 e25("swc-icon-close", o43);
 
 // src/app/base.ts
+var typed = false;
+document.addEventListener("keydown", () => typed = true, true);
+document.addEventListener("pointerdown", () => typed = false, true);
+function keyboardFocus() {
+  let active = document.activeElement;
+  while (active?.shadowRoot?.activeElement) active = active.shadowRoot.activeElement;
+  if (!active || active === document.body) return typed;
+  return active.matches(":focus-visible");
+}
 var ModelElement = class extends i2 {
   static properties = { model: { attribute: false } };
   static shadowRootOptions = {
@@ -8693,7 +8702,8 @@ var ModelElement = class extends i2 {
     this.focusWith({}, ...selectors);
   }
   focusWith(options, ...selectors) {
-    const focus = () => selectors.map((selector) => this.renderRoot.querySelector(selector)).find(Boolean)?.focus(options);
+    const settled3 = { focusVisible: keyboardFocus(), ...options };
+    const focus = () => selectors.map((selector) => this.renderRoot.querySelector(selector)).find(Boolean)?.focus(settled3);
     if (this.hasUpdated) focus();
     else void this.updateComplete.then(focus);
   }
@@ -9750,6 +9760,8 @@ var lights = {
   failed: ["negative", (owner) => `Can\u2019t reach ${owner}`]
 };
 function followLight(state2) {
+  if (state2.refused && state2.link === "connected")
+    return { variant: "neutral", text: `Can\u2019t follow ${state2.owner}` };
   const [variant, text2] = lights[state2.link];
   return { variant, text: text2(state2.owner) };
 }
@@ -9787,6 +9799,7 @@ function list(items, last) {
   return `${items.slice(0, -1).join(", ")} ${last} ${items.at(-1)}`;
 }
 function followCan(state2) {
+  if (state2.refused) return state2.refused;
   const allowed = ["watch the agent"];
   const missing = [];
   (state2.access.control ? allowed : missing).push("send prompts");
@@ -9802,7 +9815,9 @@ function watchOnly(model) {
   const text2 = model?.agent?.readOnly?.();
   if (text2) return text2;
   const state2 = following(model);
-  if (!state2 || state2.access.control) return "";
+  if (!state2) return "";
+  if (state2.refused) return state2.refused;
+  if (state2.access.control) return "";
   return `Watch only. To send prompts from this device, allow Control for it on ${state2.owner}.`;
 }
 function onWatch(model, listener) {
@@ -9813,7 +9828,7 @@ function onWatch(model, listener) {
 }
 function terminalsAllowed(model) {
   const state2 = model?.follow?.state();
-  return !state2 || !!state2.access.terminal;
+  return !state2 || !state2.refused && !!state2.access.terminal;
 }
 var SliccFollow = class extends ModelElement {
   static properties = {
@@ -35188,7 +35203,7 @@ function called(value = "") {
     return `Called ${url}`.trim();
   }
 }
-function typed(action) {
+function typed2(action) {
   const count = action.length === void 0 ? "" : ` ${action.length} ${action.length === 1 ? "character" : "characters"}`;
   return `Typed${count}${action.target ? ` into ${action.target}` : ""}`;
 }
@@ -35203,8 +35218,8 @@ var verbs2 = {
   screenshot: () => "Took a screenshot",
   eval: () => "Ran a script",
   click: (action) => `Clicked${action.target ? ` ${action.target}` : ""}`,
-  fill: typed,
-  type: typed,
+  fill: typed2,
+  type: typed2,
   press: (action) => `Pressed${action.value ? ` ${action.value}` : ""}`,
   scroll: () => "Scrolled",
   request: (action) => called(action.value)
@@ -37625,7 +37640,7 @@ var SliccChat = class extends ThemedElement {
         </div>
       </div>
       ${this.dropping ? b`<swc-dropzone dragged size="l" aria-label="Attach files" dragged-message="Drop to attach"><p>Drop to attach</p></swc-dropzone>` : A}
-      ${watch ? b`<p class="watch-only" role="note" data-follow="watch">${watch}</p>` : this.model && !agent?.frozen ? b`<slicc-composer .model=${this.model} .agent=${this.agent}></slicc-composer>` : A}
+      ${watch ? watch === following(this.model)?.refused ? A : b`<p class="watch-only" role="note" data-follow="watch">${watch}</p>` : this.model && !agent?.frozen ? b`<slicc-composer .model=${this.model} .agent=${this.agent}></slicc-composer>` : A}
     `;
   }
 };