@ai-ecoverse/slicc-spectrum 1.60.0 → 1.60.2

package/README.md

@@ -201,6 +201,7 @@ Paths are the agent's: `/shared/…` and `/home/…`, nothing else. A refusal or
 - `panel list [--json]` lists the panels the caller can reach, open or not, with their state (`active`, `shown`, `open` or `closed`) and why one is busy. `--json` prints `PanelInfo`s: `id`, `title`, `kind` (`surface`, `chat`, `terminal`, `sprinkle`, `file`, `diff`), home `side`, `agent`, `open`, `visible`, `active` and `busy`.
 - `panel open <id> [place] [--section <name>]` shows a panel without moving keyboard focus. `panel focus <id> [place] [--section <name>]` also gives it focus.
 - `panel close <id>`, `panel move <id> <place>` (a closed panel opens there) and `panel reset` (the default layout).
+- `panel tabs` and `--tab <tab>` are the agent's: it lists the SLICC tabs it can send the command to, and sends it to the one named instead of the one showing the caller's cone. It strips `--tab` before `panelCommand` runs; the help text names both so `panel --help` tells the whole story.
 - A place is `left`, `center` or `right` (a group on that side as the layout is now, with the chats' column as the center, or a new one beside its neighbours), or `--left`, `--right`, `--above`, `--below` or `--within <id>`.
 - Ids are the surface ids (`files`, `changes`, `terminal`, `monitor`, `settings`, …), `chat:<agent>`, `terminal:<id>`, `sprinkle:<id>`, `file:<path>` and `diff:<path>`. `chat` is the caller's cone's chat (without a caller, the selected thread's), `terminal` the active terminal, else the latest open one, else the newest, and a sprinkle can be named by its name alone.
 

package/dist/slicc-ui.js

@@ -13752,9 +13752,12 @@ var help = `usage: panel <command>
   close <id>                 close a panel
   move <id> <place>          move an open panel
   reset                      restore the default layout
+  tabs                       the tabs panel can reach (answered by the agent)
 
 place: left | center | right, or --left | --right | --above | --below | --within <id>
 open and focus also take --section <name>, e.g. panel open settings --section accounts
+--tab <tab> sends the command to that tab instead of the one showing your cone;
+            see panel tabs
 
 ids: the ones panel list shows, e.g. files, changes, terminal, monitor, settings,
      chat (your cone's chat), chat:<agent>, terminal:<n>, sprinkle:<name>,
@@ -27457,6 +27460,21 @@ var SliccMonitor = class extends ModelElement {
     shared,
     panelCss,
     i`
+      .bar {
+        padding-block: var(--swc-spacing-50);
+      }
+      .heading {
+        flex: 1;
+        min-width: 0;
+        display: flex;
+        flex-wrap: wrap;
+        align-items: baseline;
+        column-gap: var(--swc-spacing-100);
+        white-space: normal;
+      }
+      .bar swc-action-button {
+        flex: none;
+      }
       .body {
         flex: 1;
         min-height: 0;
@@ -27606,7 +27624,7 @@ var SliccMonitor = class extends ModelElement {
       }
       .row swc-status-light {
         min-width: 0;
-        overflow-wrap: anywhere;
+        overflow-wrap: break-word;
       }
       .row .badges {
         grid-column: 2;
@@ -27627,7 +27645,7 @@ var SliccMonitor = class extends ModelElement {
         padding-inline-start: var(--swc-spacing-300);
         color: var(--swc-neutral-subdued-content-color-default);
         font-size: var(--swc-font-size-75);
-        overflow-wrap: anywhere;
+        overflow-wrap: break-word;
       }
     `
   ];
@@ -27671,7 +27689,7 @@ var SliccMonitor = class extends ModelElement {
   #row(row) {
     const depth = indent2(row.depth);
     return b`<li class="row" data-id=${row.id ?? A} data-status=${row.status} data-depth=${depth || A} style=${depth ? `--depth: ${depth}` : A}>
-      <swc-status-light size="s" variant=${rowLights[row.status]}><span class="sr">${rowSpoken[row.status]}: </span>${row.name}</swc-status-light>
+      <swc-status-light size="s" variant=${rowLights[row.status]}><span class="sr">${rowSpoken[row.status]}: </span>${row.name.split(/(?<=\/)/).map((part2, i25) => i25 ? b`<wbr>${part2}` : part2)}</swc-status-light>
       <span class="badges">${(row.badges ?? []).map((badge) => b`<swc-badge size="s" variant="neutral" subtle>${badge}</swc-badge>`)}</span>
       ${row.meta ? b`<span class="meta">${row.meta}</span>` : A}
     </li>`;
@@ -27703,8 +27721,7 @@ var SliccMonitor = class extends ModelElement {
   render() {
     const snapshot2 = this.model?.monitor.snapshot();
     return b`<div class="bar">
-        <strong>Live monitor</strong><span>${snapshot2 ? `Updated ${new Date(snapshot2.updatedAt).toISOString().slice(11, 19)} UTC` : "No data"}</span>
-        <span class="spacer"></span>
+        <span class="heading"><strong>Live monitor</strong><span>${snapshot2 ? `Updated ${new Date(snapshot2.updatedAt).toISOString().slice(11, 19)} UTC` : "No data"}</span></span>
         <swc-action-button size="s" quiet @click=${() => this.model?.monitor.resync()}><swc-icon-refresh slot="icon"></swc-icon-refresh>Re-sync</swc-action-button>
       </div>
       <div class="body">