@ai-ecoverse/slicc-spectrum 1.86.5 → 1.86.7

package/README.md

@@ -228,6 +228,7 @@ The sans stack (`--swc-sans-font-family-stack`, also used by the 1.12 components
 The shell: header with the agent picker, status items, the update status, the network indicator, the tray, the View menu and the theme switch, rails, and a `<slicc-dock>`.
 Saves the dock layout per screen class to `storage` (default `localStorage`) under `layoutKey`.
 The dock builds new panel content whenever it lays panels out again (a switch between phone, tablet and desktop, or a layout reset), so what the user opens in a panel (sections, cones, rows, folders, disclosures) lives outside the element, per model and panel (`view-state.ts`, in memory only): a rebuilt panel shows it again, and a click on the outgoing panel while the new one mounts reaches the new one too.
+Files keeps its selected row, its keyboard focus target (without taking focus) and its scroll the same way, and Agents, Memory, Changes, Monitor, the Browser tab cards, Freezer and Settings keep their scroll; the chat log keeps its own. The scroll comes back once the list has laid out, anchored on the selected row when it was in view and otherwise on the first row in view, at the same distance from the top, so a narrower phone layout keeps those rows in view. A list scrolled to its end, Files included, comes back at its end. Files puts its scroll back even when the tree scrolls its focused row into view on its own. After that, a resize or new content keeps the anchored row where it was. These lists set `overflow-anchor: none` on their scroller, since they anchor it themselves. When the app switches models in place, each panel shows the state it keeps for the new model.
 While connected it sets `overscroll-behavior` to `none !important` on the page's `html` and `body`, so only scroll areas inside panels rubber-band.
 It sets the page's `color-scheme` to its resolved theme, and when the page has a `theme-color` meta per `prefers-color-scheme`, gives every one of them the content of the meta for that theme, so the page and the installed app's title bar follow the app's setting instead of the OS.
 When the last app on the page is removed, the page's own inline values and `theme-color` contents come back.
@@ -481,6 +482,7 @@ A live row offers **Open**, which selects that agent; a stopped one offers **Tha
 A thawed scoop or agent run keeps its row, which says what it was thawed as.
 **Delete cone**, in the agents list (or <kbd>Delete</kbd> on a cone's row) and the header's cone picker, stops a cone after a confirmation; `/freeze` does it at once.
 Either way its conversation stays here, and a row without a `kind` counts as a cone.
+A title longer than two lines ends in an ellipsis and carries its full text as a `title`; the dummy's titles are the whole first line of the first message, so only the card cuts them.
 
 #### `<slicc-sprinkle>`
 
@@ -543,10 +545,13 @@ Not for direct use.
 #### `<slicc-file-tree>`
 
 Generic.
-[`@pierre/trees`](https://www.npmjs.com/package/@pierre/trees) through its `web-components` entry: `paths` (folders end in `/`), `gitStatus`, `expanded`, `query` (shows only the paths that match it; empty shows all), `reveal(path, focus)`.
+[`@pierre/trees`](https://www.npmjs.com/package/@pierre/trees) through its `web-components` entry: `paths` (folders end in `/`), `gitStatus`, `expanded`, `query` (shows only the paths that match it; empty shows all), `reveal(path, focus, options)`.
 `expanded` also opens and closes the folders of a mounted tree, a `tree-expand` event (`detail.expanded`) reports the open folders when the user changes them, and the tree keeps them when it's moved, such as into a floating group.
 It has no search field of its own.
 A folder name or flattened folder chain too long for the row ends in an ellipsis instead of losing its middle, and every row carries its full name as a `title`, with its indent and chevron kept.
+A file name too long for the row ends its name in an ellipsis and keeps its extension, as in "tide-summary… md": the library splits the name after the dot, and the browser's ellipsis drops whole letters, so the dot goes with the name and a sliver of space can stay before the extension.
+`@pierre/trees` middle-truncates names by laying an "…" marker over the text, painted with `--trees-bg`; with the transparent background the tree uses here, the letters showed through it, so the tree hides that marker and lets the browser's own `text-overflow: ellipsis` cut the name before the extension.
+A row's focus ring shows only with keyboard focus: the library draws it on the row that holds focus (`data-item-focused`), mouse click or not, so the tree hides it when the row isn't `:focus-visible`, and `focus(options)` passes `focusVisible` down to the row. Under forced colors, where the selection fill drops out, a selected row keeps a `Highlight` outline.
 Fires `file-open` on click and on <kbd>Enter</kbd>, and `tree-search` (`detail.key`) when a letter or digit is typed in it, for the panel's search field.
 
 #### `<slicc-code-view>`

package/dist/slicc-dummy.js

@@ -2807,6 +2807,9 @@ function script(prompt, attachments = []) {
 }
 
 // src/dummy/agent.ts
+function firstLine(text) {
+  return text.split("\n")[0];
+}
 var paced = /* @__PURE__ */ new Map([["cone-kitchen", 2e4]]);
 function chunks(text) {
   return text.match(/\S+\s*|\s+/g) ?? [];
@@ -3176,7 +3179,7 @@ var DummyAgent = class extends Emitter {
       id,
       kind: "cone",
       name: agent.name,
-      title: first?.role === "user" ? first.text.slice(0, 80) : agent.name,
+      title: first?.role === "user" ? firstLine(first.text) : agent.name,
       model: agent.model,
       messages: messages.length,
       frozenAt: Date.now()
@@ -3303,7 +3306,7 @@ var DummyAgent = class extends Emitter {
         kind: agent.kind,
         live: true,
         name: agent.name,
-        title: first?.role === "user" ? first.text.slice(0, 80) : agent.name,
+        title: first?.role === "user" ? firstLine(first.text) : agent.name,
         model: agent.model,
         messages: messages.length,
         frozenAt: messages.at(-1)?.createdAt ?? 0
@@ -3324,7 +3327,7 @@ var DummyAgent = class extends Emitter {
       id: agentId,
       kind: "cone",
       name: agent.name,
-      title: first?.role === "user" ? first.text.slice(0, 80) : agent.name,
+      title: first?.role === "user" ? firstLine(first.text) : agent.name,
       model: agent.model,
       messages: messages.length,
       frozenAt: Date.now()