@ai-ecoverse/slicc-spectrum 1.8.1 → 1.8.3

package/dist/slicc-ui.js

@@ -6669,7 +6669,7 @@ function chatAgent(id) {
 function chats(dock) {
   return dock.api.panels.map((panel) => panel.id).filter((id) => chatAgent(id) !== null);
 }
-function openChat(dock, agent, screen, focus = true) {
+function openChat(dock, agent, screen, focus = true, reveal = true) {
   const id = chatId(agent.id);
   if (!dock.has(id)) {
     const sibling = chats(dock)[0];
@@ -6684,7 +6684,7 @@ function openChat(dock, agent, screen, focus = true) {
     });
   }
   if (focus) dock.focusPanel(id);
-  else dock.reveal(id);
+  else if (reveal) dock.reveal(id);
   return id;
 }
 function openDocument(dock, kind, path, screen) {
@@ -7003,7 +7003,7 @@ var SliccApp = class extends ThemedElement {
     }
     this.#prune();
     const agent = this.#active();
-    if (agent && this.#offers("chat")) openChat(dock, agent, this.screen, false);
+    if (agent && this.#offers("chat")) openChat(dock, agent, this.screen, false, false);
   }
   #start(model) {
     const dock = this.dock;
@@ -10139,6 +10139,7 @@ var SliccSettings = class extends ModelElement {
         display: block;
         height: 100%;
         overflow-y: auto;
+        container-type: inline-size;
         background: var(--spectrum-background-layer-2-color);
         color: var(--spectrum-neutral-content-color-default);
         font-size: var(--spectrum-font-size-100);
@@ -10157,7 +10158,7 @@ var SliccSettings = class extends ModelElement {
       }
       .row {
         display: grid;
-        grid-template-columns: 200px 1fr;
+        grid-template-columns: minmax(0, 200px) minmax(0, 1fr);
         align-items: center;
         gap: 12px;
         min-height: 40px;
@@ -10169,6 +10170,14 @@ var SliccSettings = class extends ModelElement {
       }
       sp-picker {
         width: 240px;
+        max-width: 100%;
+      }
+      @container (max-width: 480px) {
+        .row {
+          grid-template-columns: minmax(0, 1fr);
+          gap: 4px;
+          padding: 8px 0;
+        }
       }
       .account {
         display: grid;