@ai-ecoverse/slicc-spectrum 1.33.0 → 1.34.0

package/README.md

@@ -142,7 +142,7 @@ Text is Adobe Clean Spectrum VF, falling back to Adobe Clean, and code is Spectr
 | `<slicc-diff-panel>` | The diff of one pending change (`path`), unified or split, with accept and revert. |
 | `<slicc-terminals>` | Terminal sessions in tabs, each a `<slicc-terminal>` on the session's `TerminalBackend`. Sessions stay alive while hidden; `exit` closes the tab. |
 | `<slicc-browser>` | Browser tabs with the agent driving each, an address bar, reload, and the active tab's screenshot. |
-| `<slicc-settings>` | Theme, the model and thinking level for new cones, composer and diff preferences, and accounts to connect, reconnect or disconnect. |
+| `<slicc-settings>` | Theme, the model and thinking level for new cones, composer and diff preferences, and accounts to connect, reconnect or disconnect. An account whose status is `signing-in` (or a non-API-key account while its `connect` is pending) reads “Signing in…”; when the port has `cancel(id)`, its row offers Cancel (`data-action="cancel-sign-in"`), and the rejected `connect` that follows shows no error. |
 | `<slicc-updates>` | Install / Update: component states, version changes, last checks, download and link counts, action buttons, failures with Retry, and collapsible install logs. Opens at boot until the agent is ready without failures. Background updates stay in the header's update status; new failures reopen the panel. Also available through View and the rails. |
 | `<slicc-memory>` | What agents remember, per scope (everyone, a cone or a role), grouped by section: search, filter by tag, expand, edit, add and forget. Free text outside an entry shows “From MEMORY.md”. |
 | `<slicc-monitor>` | The live monitor: vitals with sparklines (active agents, spend, budget, fullest context), alerts, and the topology (cones and scoops, terminals, tabs, pending changes, sprinkles, tray followers). |

package/dist/{chunk-43NIJXWH.js → chunk-UKNZUMF6.js}

@@ -18,6 +18,7 @@ var DummySettings = class extends Emitter {
   #models;
   #storage;
   #clock;
+  #signIns = /* @__PURE__ */ new Map();
   constructor(defaults, models, accounts, storage, clock2) {
     super();
     this.#storage = storage;
@@ -54,13 +55,35 @@ var DummySettings = class extends Emitter {
     this.emit("accounts", this.accounts());
   }
   async connect(id, secret) {
-    await this.#clock.sleep(10);
     const account = this.#accounts.find((candidate) => candidate.id === id);
+    if (account && account.auth !== "api-key" && !await this.#signIn(account)) return;
+    if (account?.auth === "api-key" || !account) await this.#clock.sleep(10);
     if (account?.auth === "api-key" && !secret)
       throw new Error(`${account.provider} needs an API key`);
     const identity = account?.auth === "api-key" ? "API key" : account?.identity || `${id}-user@example.com`;
     this.#set(id, { status: "connected", identity });
   }
+  #signIn(account) {
+    const before = this.#signIns.get(account.id)?.before ?? account.status;
+    this.#signIns.get(account.id)?.stop();
+    this.#set(account.id, { status: "signing-in" });
+    return new Promise((resolve) => {
+      const stop = () => {
+        this.#signIns.delete(account.id);
+        this.#set(account.id, { status: before });
+        resolve(false);
+      };
+      this.#signIns.set(account.id, { before, stop });
+      void this.#clock.sleep(100).then(() => {
+        if (this.#signIns.get(account.id)?.stop !== stop) return;
+        this.#signIns.delete(account.id);
+        resolve(true);
+      });
+    });
+  }
+  cancel(id) {
+    this.#signIns.get(id)?.stop();
+  }
   disconnect(id) {
     this.#set(id, { status: "disconnected" });
   }
@@ -70,4 +93,4 @@ export {
   clock,
   DummySettings
 };
-//# sourceMappingURL=chunk-43NIJXWH.js.map
+//# sourceMappingURL=chunk-UKNZUMF6.js.map

package/dist/chunk-UKNZUMF6.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/dummy/clock.ts", "../src/dummy/settings.ts"],
+  "sourcesContent": ["export interface Clock {\n  delay: number;\n  sleep(ticks?: number): Promise<void>;\n}\n\nexport function clock(delay: number): Clock {\n  return {\n    delay,\n    sleep: (ticks = 1) => new Promise((resolve) => setTimeout(resolve, delay * ticks)),\n  };\n}\n", "import { Emitter } from '../model/emitter.ts';\nimport type {\n  Account,\n  AccountStatus,\n  ModelOption,\n  Settings,\n  SettingsEvents,\n  SettingsPort,\n} from '../model/types.ts';\nimport type { Clock } from './clock.ts';\n\nconst key = 'slicc-ui.settings';\n\nexport class DummySettings extends Emitter<SettingsEvents> implements SettingsPort {\n  #settings: Settings;\n  #accounts: Account[];\n  #models: readonly ModelOption[];\n  #storage: Storage | null;\n  #clock: Clock;\n  #signIns = new Map<string, { before: AccountStatus; stop: () => void }>();\n\n  constructor(\n    defaults: Settings,\n    models: readonly ModelOption[],\n    accounts: readonly Account[],\n    storage: Storage | null,\n    clock: Clock\n  ) {\n    super();\n    this.#storage = storage;\n    this.#clock = clock;\n    this.#models = models;\n    this.#accounts = accounts.map((account) => ({ ...account }));\n    this.#settings = { ...defaults, ...this.#load() };\n  }\n\n  #load(): Partial<Settings> {\n    try {\n      return JSON.parse(this.#storage?.getItem(key) ?? '{}');\n    } catch {\n      return {};\n    }\n  }\n\n  get(): Settings {\n    return { ...this.#settings };\n  }\n\n  update(patch: Partial<Settings>): void {\n    this.#settings = { ...this.#settings, ...patch };\n    this.#storage?.setItem(key, JSON.stringify(this.#settings));\n    this.emit('settings', this.get());\n  }\n\n  models(): readonly ModelOption[] {\n    return this.#models;\n  }\n\n  accounts(): readonly Account[] {\n    return this.#accounts.map((account) => ({ ...account }));\n  }\n\n  #set(id: string, patch: Partial<Account>): void {\n    this.#accounts = this.#accounts.map((account) =>\n      account.id === id ? { ...account, ...patch } : account\n    );\n    this.emit('accounts', this.accounts());\n  }\n\n  async connect(id: string, secret?: string): Promise<void> {\n    const account = this.#accounts.find((candidate) => candidate.id === id);\n    if (account && account.auth !== 'api-key' && !(await this.#signIn(account))) return;\n    if (account?.auth === 'api-key' || !account) await this.#clock.sleep(10);\n    if (account?.auth === 'api-key' && !secret)\n      throw new Error(`${account.provider} needs an API key`);\n    const identity =\n      account?.auth === 'api-key' ? 'API key' : account?.identity || `${id}-user@example.com`;\n    this.#set(id, { status: 'connected', identity });\n  }\n\n  #signIn(account: Account): Promise<boolean> {\n    const before = this.#signIns.get(account.id)?.before ?? account.status;\n    this.#signIns.get(account.id)?.stop();\n    this.#set(account.id, { status: 'signing-in' });\n    return new Promise((resolve) => {\n      const stop = () => {\n        this.#signIns.delete(account.id);\n        this.#set(account.id, { status: before });\n        resolve(false);\n      };\n      this.#signIns.set(account.id, { before, stop });\n      void this.#clock.sleep(100).then(() => {\n        if (this.#signIns.get(account.id)?.stop !== stop) return;\n        this.#signIns.delete(account.id);\n        resolve(true);\n      });\n    });\n  }\n\n  cancel(id: string): void {\n    this.#signIns.get(id)?.stop();\n  }\n\n  disconnect(id: string): void {\n    this.#set(id, { status: 'disconnected' });\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["clock"]
+}

package/dist/slicc-dummy.js

@@ -1,7 +1,7 @@
 import {
   DummySettings,
   clock
-} from "./chunk-43NIJXWH.js";
+} from "./chunk-UKNZUMF6.js";
 import {
   Emitter
 } from "./chunk-T5NHW4KC.js";

package/dist/slicc-kernel-model.js

@@ -4,7 +4,7 @@ import {
 import {
   DummySettings,
   clock
-} from "./chunk-43NIJXWH.js";
+} from "./chunk-UKNZUMF6.js";
 import {
   Emitter
 } from "./chunk-T5NHW4KC.js";

package/dist/slicc-ui.js

@@ -23122,7 +23122,8 @@ var SliccMonitor = class extends ModelElement {
 var accountStatus = {
   connected: ["positive", "Connected"],
   expired: ["notice", "Expired"],
-  disconnected: ["neutral", "Not connected"]
+  disconnected: ["neutral", "Not connected"],
+  "signing-in": ["info", "Signing in\u2026"]
 };
 var SliccSettings = class extends ModelElement {
   static properties = {
@@ -23280,15 +23281,18 @@ var SliccSettings = class extends ModelElement {
   #checked(event2) {
     return event2.target.checked;
   }
+  #cancelled = /* @__PURE__ */ new Set();
   async connect(id, secret) {
     this.pending = /* @__PURE__ */ new Set([...this.pending, id]);
     this.failure = null;
+    this.#cancelled.delete(id);
     try {
       await this.model?.settings.connect(id, secret);
       if (this.entering === id) this.entering = null;
     } catch (error) {
-      this.failure = { id, message: error.message };
+      if (!this.#cancelled.has(id)) this.failure = { id, message: error.message };
     } finally {
+      this.#cancelled.delete(id);
       this.pending = new Set([...this.pending].filter((candidate) => candidate !== id));
     }
   }
@@ -23342,7 +23346,23 @@ var SliccSettings = class extends ModelElement {
     if (await confirm({ title, body: body4, action: "Disconnect", variant: "confirmation" }))
       this.model?.settings.disconnect(account.id);
   }
+  #stopSigningIn(account) {
+    this.#cancelled.add(account.id);
+    this.model?.settings.cancel?.(account.id);
+  }
+  #signingIn(account) {
+    return account.status === "signing-in" || account.auth !== "api-key" && account.status !== "connected" && this.pending.has(account.id);
+  }
   #action(account) {
+    if (this.#signingIn(account) && this.model?.settings.cancel) {
+      return b`<swc-button
+        size="m"
+        variant="secondary"
+        data-action="cancel-sign-in"
+        accessible-label=${`Cancel signing in to ${account.provider}`}
+        @click=${() => this.#stopSigningIn(account)}
+      >Cancel</swc-button>`;
+    }
     if (account.status === "connected") {
       return b`<swc-button
         size="m"
@@ -23354,18 +23374,19 @@ var SliccSettings = class extends ModelElement {
     }
     const label = account.status === "expired" ? "Reconnect" : "Connect";
     const entering = this.entering === account.id;
+    const busy = this.#signingIn(account) || !entering && this.pending.has(account.id);
     return b`<swc-button
       size="m"
       variant="secondary"
       data-action="connect"
       accessible-label=${`${label} ${account.provider}`}
-      ?pending=${!entering && this.pending.has(account.id)}
+      ?pending=${busy}
       ?disabled=${entering}
       @click=${() => this.#start(account)}
     >${label}</swc-button>`;
   }
   #account(account) {
-    const [variant, label] = accountStatus[account.status];
+    const [variant, label] = accountStatus[this.#signingIn(account) ? "signing-in" : account.status];
     const failure2 = this.failure?.id === account.id ? b`<div class="failure" role="alert">
             <swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle>
             <span>${this.failure.message}</span>