@ai-ecoverse/slicc-spectrum 1.86.6 → 1.87.0

package/dist/slicc-kernel-model.js

@@ -6,7 +6,7 @@ import {
   DummySettings,
   clock,
   dummySettingsKey
-} from "./chunk-X4C3AZJT.js";
+} from "./chunk-VRFAMBWK.js";
 import {
   Emitter
 } from "./chunk-T5NHW4KC.js";

package/dist/slicc-ui.js

@@ -10557,7 +10557,7 @@ var SliccFiles = class extends ModelElement {
     this.#show();
     if (this.#pending) {
       this.#pending = false;
-      requestAnimationFrame(() => tree.focus());
+      requestAnimationFrame(() => this.focusOn("slicc-file-tree"));
     }
   }
   #show() {
@@ -10988,6 +10988,7 @@ var SliccFreezer = class extends ModelElement {
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 2;
         overflow: hidden;
+        text-overflow: ellipsis;
         overflow-wrap: anywhere;
         line-height: var(--swc-line-height-100);
       }
@@ -22557,10 +22558,10 @@ function getBuiltInFileIconName(token2) {
 function isColoredBuiltInIconSet(set) {
   return set !== "none" && COLORED_SETS.has(set);
 }
-function resolveBuiltInFileIconToken(set, fileName, extensionCandidates) {
+function resolveBuiltInFileIconToken(set, fileName2, extensionCandidates) {
   if (set === "minimal" || set === "none") return;
   const isComplete = set === "complete";
-  const fileNameToken = BUILT_IN_FILE_NAME_TOKENS[fileName.toLowerCase()];
+  const fileNameToken = BUILT_IN_FILE_NAME_TOKENS[fileName2.toLowerCase()];
   if (fileNameToken != null) {
     if (isComplete || STANDARD_TIER_TOKENS.has(fileNameToken)) return fileNameToken;
   }
@@ -22613,8 +22614,8 @@ var normalizeIconRuleKey = (value) => value.trim().toLowerCase();
 var getBaseFileName = (path) => {
   return path.split("/").at(-1) ?? path;
 };
-var getExtensionCandidates = (fileName) => {
-  const segments = fileName.toLowerCase().split(".");
+var getExtensionCandidates = (fileName2) => {
+  const segments = fileName2.toLowerCase().split(".");
   const candidates2 = [];
   for (let index = 1; index < segments.length; index += 1) candidates2.push(segments.slice(index).join("."));
   return candidates2;
@@ -22633,23 +22634,23 @@ function createFileTreeIconResolver(icons3) {
   const normalizedIcons = normalizeFileTreeIcons(icons3);
   const iconRemap = normalizedIcons.remap;
   const iconByFileName = /* @__PURE__ */ new Map();
-  for (const [fileName, icon] of Object.entries(normalizedIcons.byFileName ?? {})) iconByFileName.set(fileName.toLowerCase(), icon);
+  for (const [fileName2, icon] of Object.entries(normalizedIcons.byFileName ?? {})) iconByFileName.set(fileName2.toLowerCase(), icon);
   const iconByFileExtension = /* @__PURE__ */ new Map();
   for (const [extension, icon] of Object.entries(normalizedIcons.byFileExtension ?? {})) iconByFileExtension.set(normalizeIconRuleKey(extension), icon);
   const iconByFileNameContains = Object.entries(normalizedIcons.byFileNameContains ?? {}).map(([needle, icon]) => [needle.toLowerCase(), icon]);
   const resolveIcon = (name, filePath) => {
     if (name === "file-tree-icon-file" && filePath != null) {
-      const fileName = getBaseFileName(filePath);
-      const lowerFileName = fileName.toLowerCase();
+      const fileName2 = getBaseFileName(filePath);
+      const lowerFileName = fileName2.toLowerCase();
       const fileNameEntry = iconByFileName.get(lowerFileName);
       if (fileNameEntry != null) return remapEntryToIcon(fileNameEntry, name);
       for (const [needle, matchEntry] of iconByFileNameContains) if (lowerFileName.includes(needle)) return remapEntryToIcon(matchEntry, name);
-      const extensionCandidates = getExtensionCandidates(fileName);
+      const extensionCandidates = getExtensionCandidates(fileName2);
       for (const extension of extensionCandidates) {
         const extensionEntry = iconByFileExtension.get(extension);
         if (extensionEntry != null) return remapEntryToIcon(extensionEntry, name);
       }
-      const builtInToken = resolveBuiltInFileIconToken(normalizedIcons.set, fileName, extensionCandidates);
+      const builtInToken = resolveBuiltInFileIconToken(normalizedIcons.set, fileName2, extensionCandidates);
       if (builtInToken != null && normalizedIcons.set !== "none") {
         if (builtInToken === "default") {
           const remappedEntry2 = iconRemap?.[name];
@@ -31530,15 +31531,32 @@ function actionLabel(action, handlers, messageId) {
   const count = action === "drop-turn" ? handlers.dropping(messageId) : 1;
   return count > 1 ? `Drop ${count} failed turns` : actionLabels[action];
 }
+var signedIn = "Signed in. Retry to send it again.";
+function stopSigningIn(event2, handlers, account, id) {
+  const main2 = event2.currentTarget.nextElementSibling;
+  main2.focus();
+  handlers.cancelLogin?.(account, id);
+}
+function fixButton(fix, item2, handlers, login) {
+  const id = item2.id ?? "";
+  const signing = login?.state === "signing-in";
+  const shown4 = login?.state === "connected" ? "retry" : fix;
+  const cancel = signing && login.cancel;
+  return b`${cancel ? b`<swc-button size="s" variant="secondary" fill-style="outline" data-action="cancel-login" @click=${(event2) => stopSigningIn(event2, handlers, item2.account, id)}>Cancel</swc-button>` : A}<swc-button size="s" variant="secondary" fill-style="outline" data-action=${shown4} ?pending=${signing} ?disabled=${handlers.readOnly} @click=${() => handlers.action(shown4, item2.id, item2.account)}>${signing ? "Signing in\u2026" : actionLabel(shown4, handlers, id)}</swc-button>`;
+}
 function errorCard(item2, handlers) {
   const id = item2.id ?? "";
   const fix = handlers.seat === void 0 ? item2.action : void 0;
-  const action = fix ? b`<swc-button size="s" variant="secondary" fill-style="outline" data-action=${fix} ?disabled=${handlers.readOnly} @click=${() => handlers.action(fix, item2.id)}>${actionLabel(fix, handlers, id)}</swc-button>` : A;
-  return b`<div class="error-card" role="alert" data-id=${id || A}>
-    <swc-icon-alert-diamond class="icon" size="s" aria-hidden="true"></swc-icon-alert-diamond>
-    <span class="sr">Error: </span><span class="lead">${item2.title}</span>
-    ${item2.text ? b`<span class="detail">${item2.text}</span>` : A}
-    ${action}
+  const login = fix === "login" && item2.account && !handlers.readOnly ? handlers.login?.(item2.account, id) : void 0;
+  const resolved = login?.state === "connected";
+  const text2 = resolved ? signedIn : item2.text;
+  const failure2 = login?.state === "idle" ? login.error : void 0;
+  return b`<div class="error-card" role=${resolved ? A : "alert"} aria-atomic=${resolved ? A : "false"} data-id=${id || A} data-login=${login?.state ?? A}>
+    ${resolved ? b`<swc-icon-info-circle class="icon" size="s" aria-hidden="true"></swc-icon-info-circle>` : b`<swc-icon-alert-diamond class="icon" size="s" aria-hidden="true"></swc-icon-alert-diamond>`}
+    ${resolved ? A : b`<span class="sr">Error: </span>`}<span class="lead">${item2.title}</span>
+    ${text2 ? b`<span class="detail" role=${login ? "status" : A}>${text2}</span>` : A}
+    ${fix ? b`<div class="fix" aria-live="off">${fixButton(fix, item2, handlers, login)}</div>` : A}
+    ${failure2 ? b`<div class="help" data-error="login"><sp-help-text size="s" variant="negative" icon>${failure2}</sp-help-text><swc-action-button size="s" quiet data-action="settings" @click=${() => handlers.action("settings", item2.id, item2.account)}>Open settings</swc-action-button></div>` : A}
   </div>`;
 }
 function time(at) {
@@ -31754,7 +31772,7 @@ function part(entry, handlers) {
       return b`<div class="link-text">${entry.title}</div>`;
     default:
       return errorCard(
-        { title: entry.message, text: entry.detail, action: entry.action },
+        { title: entry.message, text: entry.detail, action: entry.action, account: entry.account },
         handlers
       );
   }
@@ -31904,7 +31922,9 @@ function assistant(message, name, model, handlers, showThinking, suggestion = nu
     message.parts,
     {
       ...handlers,
-      action: (action) => handlers.action(action, message.id),
+      action: (action, _id, account) => handlers.action(action, message.id, account),
+      login: (account) => handlers.login?.(account, message.id),
+      cancelLogin: (account) => handlers.cancelLogin?.(account, message.id),
       dropping: () => handlers.dropping(message.id)
     },
     showThinking,
@@ -31982,7 +32002,8 @@ function system(message, handlers) {
         id: message.id,
         title: message.title ?? "Error",
         text: message.text,
-        action: message.action
+        action: message.action,
+        account: message.account
       },
       handlers
     )
@@ -32793,6 +32814,9 @@ var messageCss = i`
     grid-row: span 2;
     color: var(--swc-negative-visual-color);
   }
+  .error-card[data-login='connected'] .icon {
+    color: var(--swc-neutral-subdued-content-color-default);
+  }
   .error-card .lead {
     grid-column: 2;
     font-weight: var(--swc-bold-font-weight);
@@ -32802,18 +32826,33 @@ var messageCss = i`
     grid-column: 2;
     overflow-wrap: anywhere;
   }
-  .error-card swc-button {
+  .error-card .fix {
     grid-column: 3;
-    grid-row: span 2;
+    grid-row: 1 / span 2;
+    display: flex;
+    gap: var(--swc-spacing-100);
+  }
+  .error-card swc-button {
     white-space: nowrap;
   }
+  .error-card .help {
+    grid-column: 2 / -1;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--swc-spacing-50) var(--swc-spacing-100);
+  }
   @container (inline-size < 480px) {
     .error-card {
       margin-inline: var(--swc-spacing-300);
     }
+    .error-card .fix {
+      flex-direction: column-reverse;
+      align-items: flex-end;
+    }
   }
   @container (inline-size < 360px) {
-    .error-card swc-button {
+    .error-card .fix {
       grid-column: 2;
       grid-row: auto;
       justify-self: start;
@@ -37477,7 +37516,9 @@ var SliccChat = class extends ThemedElement {
     readOnly: false,
     answer: (questionId, answer) => this.model?.agent.answer(this.#id(), questionId, answer),
     resolve: (messageId, state2) => this.model?.agent.resolveLick(this.#id(), messageId, state2),
-    action: (action, messageId) => this.#action(action, messageId),
+    action: (action, messageId, account) => this.#action(action, messageId, account),
+    login: (account, messageId) => this.#loginState(account, messageId),
+    cancelLogin: (account, messageId) => this.#cancelLogin(account, messageId),
     dropping: (messageId) => failedTurns(this.model.agent.messages(this.#id()), messageId).length,
     open: (path) => this.dispatchEvent(
       new CustomEvent("open-file", { detail: { path }, bubbles: true, composed: true })
@@ -37728,9 +37769,56 @@ var SliccChat = class extends ThemedElement {
     if (!restored) return;
     this.renderRoot.querySelector("slicc-composer")?.restore(latest ? { text: latest.text, attachments: latest.attachments } : restored);
   }
-  #action(action, messageId = "") {
+  #logins = /* @__PURE__ */ new Map();
+  #loginState(accountId, messageId) {
+    const settings = this.model.settings;
+    const account = settings.accounts().find((candidate) => candidate.id === accountId);
+    const local2 = this.#logins.get(`${messageId}:${accountId}`);
+    const cancel = !!settings.cancel;
+    if (account?.status === "signing-in" || local2?.pending) return { state: "signing-in", cancel };
+    if (account?.status === "connected") return { state: "connected" };
+    return { state: "idle", error: local2?.error };
+  }
+  #cancelLogin(accountId, messageId) {
+    const local2 = this.#logins.get(`${messageId}:${accountId}`);
+    if (local2) local2.cancelled = true;
+    this.model?.settings.cancel?.(accountId);
+  }
+  #settings(section) {
+    this.dispatchEvent(
+      new CustomEvent("show-surface", {
+        detail: section ? { id: "settings", section } : { id: "settings" },
+        bubbles: true,
+        composed: true
+      })
+    );
+  }
+  #login(model, messageId, accountId) {
+    const account = model.settings.accounts().find((candidate) => candidate.id === accountId);
+    if (!account || account.auth === "api-key" || account.secret || account.fields?.length) {
+      this.#settings(accountId ?? "accounts");
+      return;
+    }
+    const local2 = { pending: true };
+    this.#logins.set(`${messageId}:${account.id}`, local2);
+    const done2 = (error) => {
+      local2.pending = false;
+      local2.error = local2.cancelled ? void 0 : error;
+      this.requestUpdate();
+    };
+    model.settings.connect(account.id).then(
+      () => done2(),
+      (error) => done2(error.message)
+    );
+    this.requestUpdate();
+  }
+  #action(action, messageId = "", account) {
     const model = this.model;
     if (!model) return;
+    if (action === "login") {
+      this.#login(model, messageId, account);
+      return;
+    }
     const id = this.#id();
     if (action === "drop-turn") {
       void this.#rewind(id, messageId);
@@ -37741,9 +37829,7 @@ var SliccChat = class extends ThemedElement {
       if (last) void model.agent.send(id, { text: last.text, attachments: last.attachments });
       return;
     }
-    this.dispatchEvent(
-      new CustomEvent("show-surface", { detail: { id: "settings" }, bubbles: true, composed: true })
-    );
+    this.#settings(account);
   }
   #message(message, agent, suggestion, changed, extra, owners, stamp, pile) {
     const model = this.model;
@@ -42162,6 +42248,15 @@ var SliccSettings = class extends ThemedElement {
   focus() {
     this.focusOn("sp-picker");
   }
+  reveal(section) {
+    void this.updateComplete.then(() => {
+      const root2 = this.renderRoot;
+      const row = root2.querySelector(`.account[data-id="${CSS.escape(section)}"]`);
+      const target2 = row ?? root2.querySelector("h2[data-section=accounts]");
+      row?.querySelector("swc-button")?.focus();
+      target2?.scrollIntoView({ block: "start" });
+    });
+  }
   #update(patch) {
     this.model?.settings.update(patch);
   }
@@ -42551,7 +42646,7 @@ var SliccSettings = class extends ThemedElement {
         </sp-picker>
       </div>
       </div>
-      <h2>Accounts</h2>
+      <h2 data-section="accounts">Accounts</h2>
       <div class="accounts">${providers.map((account) => this.#account(account))}</div>
       ${servers.length ? b`<h2>MCP servers</h2>
               <div class="accounts" data-group="mcp">${servers.map((account) => this.#account(account))}</div>` : A}
@@ -58968,21 +59063,21 @@ var EXTENSION_TO_FILE_FORMAT = {
   zsh: "zsh",
   sty: "tex"
 };
-function getFiletypeFromFileName(fileName) {
-  const format = matchFiletypeFromName(fileName);
+function getFiletypeFromFileName(fileName2) {
+  const format = matchFiletypeFromName(fileName2);
   if (format != null) return format;
-  const baseName = fileName.split(/[/\\]/).pop() ?? fileName;
-  return baseName === fileName ? "text" : matchFiletypeFromName(baseName) ?? "text";
+  const baseName = fileName2.split(/[/\\]/).pop() ?? fileName2;
+  return baseName === fileName2 ? "text" : matchFiletypeFromName(baseName) ?? "text";
 }
-function matchFiletypeFromName(fileName) {
-  if (CUSTOM_EXTENSION_TO_FILE_FORMAT.has(fileName)) return CUSTOM_EXTENSION_TO_FILE_FORMAT.get(fileName) ?? "text";
-  if (Object.hasOwn(EXTENSION_TO_FILE_FORMAT, fileName)) return EXTENSION_TO_FILE_FORMAT[fileName] ?? null;
-  const compoundMatch = fileName.match(/\.([^/\\]+\.[^/\\]+)$/);
+function matchFiletypeFromName(fileName2) {
+  if (CUSTOM_EXTENSION_TO_FILE_FORMAT.has(fileName2)) return CUSTOM_EXTENSION_TO_FILE_FORMAT.get(fileName2) ?? "text";
+  if (Object.hasOwn(EXTENSION_TO_FILE_FORMAT, fileName2)) return EXTENSION_TO_FILE_FORMAT[fileName2] ?? null;
+  const compoundMatch = fileName2.match(/\.([^/\\]+\.[^/\\]+)$/);
   if (compoundMatch != null) {
     if (CUSTOM_EXTENSION_TO_FILE_FORMAT.has(compoundMatch[1])) return CUSTOM_EXTENSION_TO_FILE_FORMAT.get(compoundMatch[1]) ?? "text";
     if (Object.hasOwn(EXTENSION_TO_FILE_FORMAT, compoundMatch[1])) return EXTENSION_TO_FILE_FORMAT[compoundMatch[1]] ?? "text";
   }
-  const simpleMatch = fileName.match(/\.([^.]+)$/)?.[1] ?? "";
+  const simpleMatch = fileName2.match(/\.([^.]+)$/)?.[1] ?? "";
   if (CUSTOM_EXTENSION_TO_FILE_FORMAT.has(simpleMatch)) return CUSTOM_EXTENSION_TO_FILE_FORMAT.get(simpleMatch) ?? "text";
   return Object.hasOwn(EXTENSION_TO_FILE_FORMAT, simpleMatch) ? EXTENSION_TO_FILE_FORMAT[simpleMatch] ?? "text" : null;
 }
@@ -61938,22 +62033,22 @@ var NAMED_ESCAPES = {
 };
 function parseQuotedDiffFileName(input) {
   if (input[0] !== '"') return;
-  let fileName = "";
+  let fileName2 = "";
   let index = 1;
   while (index < input.length) {
     const char = input[index];
     if (char === '"') return {
-      fileName,
+      fileName: fileName2,
       rawLength: index + 1
     };
     if (char !== "\\") {
-      fileName += char;
+      fileName2 += char;
       index++;
       continue;
     }
     const escaped = NAMED_ESCAPES[input[index + 1]];
     if (escaped != null) {
-      fileName += escaped;
+      fileName2 += escaped;
       index += 2;
       continue;
     }
@@ -61964,7 +62059,7 @@ function parseQuotedDiffFileName(input) {
       bytes.push(byte);
       index += 4;
     } while (input[index] === "\\" && input[index + 1] >= "0" && input[index + 1] <= "7");
-    fileName += filenameDecoder.decode(new Uint8Array(bytes));
+    fileName2 += filenameDecoder.decode(new Uint8Array(bytes));
   }
 }
 function readOctalByte(input, index) {
@@ -62158,12 +62253,12 @@ function _processFile(fileDiffString, { cacheKey, isGitDiff = GIT_DIFF_FILE_BREA
         const filenameMatch = line.startsWith("---") || line.startsWith("+++") ? line.match(FILENAME_HEADER_REGEX) : null;
         if (filenameMatch != null) {
           const [, type, rawFileName] = filenameMatch;
-          const fileName = decodeDiffFileName(rawFileName, isGitDiff);
-          if (type === "---" && fileName !== "/dev/null") {
-            const detachedFileName = detachString(fileName);
+          const fileName2 = decodeDiffFileName(rawFileName, isGitDiff);
+          if (type === "---" && fileName2 !== "/dev/null") {
+            const detachedFileName = detachString(fileName2);
             currentFile.prevName = detachedFileName;
             currentFile.name = detachedFileName;
-          } else if (type === "+++" && fileName !== "/dev/null") currentFile.name = detachString(fileName);
+          } else if (type === "+++" && fileName2 !== "/dev/null") currentFile.name = detachString(fileName2);
         } else if (isGitDiff) {
           if (line.startsWith("new mode ")) currentFile.mode = detachString(line.slice(8).trim());
           if (line.startsWith("old mode ")) currentFile.prevMode = detachString(line.slice(8).trim());
@@ -85617,7 +85712,17 @@ file-tree-container {
 `;
 var gestures = ["wheel", "touchmove", "pointerdown", "keydown"];
 var folderName = "[data-item-type='folder'] > [data-item-section='content']";
+var fileName = "[data-item-type='file'] > [data-item-section='content']";
 var rows = `
+[data-type='item'][data-item-focused='true']:focus:not(:focus-visible)::before {
+  display: none;
+}
+@media (forced-colors: active) {
+  [data-type='item'][data-item-selected='true'] {
+    outline: var(--swc-border-width-100) solid Highlight;
+    outline-offset: calc(-1 * var(--swc-border-width-100));
+  }
+}
 ${folderName} {
   display: block;
   white-space: nowrap;
@@ -85634,6 +85739,20 @@ ${folderName} [data-truncate-content='visible'] {
   display: inline;
   direction: inherit;
 }
+${fileName} [data-truncate-container] {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+${fileName} :is([data-truncate-grid], [data-truncate-grid] > div:not([data-truncate-marker-cell], [data-truncate-fill])) {
+  display: contents;
+}
+${fileName} :is([data-truncate-content='overflow'], [data-truncate-marker-cell], [data-truncate-fill]) {
+  display: none;
+}
+${fileName} [data-truncate-content='visible'] {
+  display: inline;
+  direction: inherit;
+}
 `;
 function titled(root2) {
   for (const row of root2.querySelectorAll("[data-type='item'][aria-label]")) {
@@ -85966,22 +86085,22 @@ ${view.focused}`;
     if (event2.key !== "Enter") return;
     this.#open(this.#tree?.getFocusedPath());
   }
-  focus() {
+  focus(options) {
     const tree = this.#tree;
     const path = tree?.getFocusedPath() ?? tree?.getVisibleRows(0, 1)[0]?.path;
-    if (path) this.reveal(path);
+    if (path) this.reveal(path, true, options);
   }
   #row(path) {
     const container = this.#tree?.getFileTreeContainer();
     return container?.shadowRoot?.querySelector(`[data-item-path="${CSS.escape(path)}"]`) ?? null;
   }
-  reveal(path, focus = true) {
+  reveal(path, focus = true, options) {
     this.#hold = null;
     this.#tree?.scrollToPath(path, { focus });
     if (!focus) return;
     const row = this.#row(path);
-    if (row) row.focus();
-    else requestAnimationFrame(() => this.#row(path)?.focus());
+    if (row) row.focus(options);
+    else requestAnimationFrame(() => this.#row(path)?.focus(options));
   }
 };
 function defineFileTree() {