selfstore 1.8.15 → 1.8.17

package/dist/flows.d.ts

@@ -1,11 +1,11 @@
-import { b as ConnectKind, S as StoreLike, C as ConnectTargets } from './connect-DaZFPJdt.js';
-export { c as ConnectFlow, a as ConnectFlowOptions, d as ConnectFlowOutcome, e as ConnectResolution, f as ConnectSnapshot, g as ConnectStep, h as Connector, F as FlowHost, R as ResumeOffer, i as connectFlow } from './connect-DaZFPJdt.js';
-import { S as StoreError, k as ReplicaState, B as BackupTarget } from './store-CiLoRJmy.js';
+import { b as ConnectKind, S as StoreLike, C as ConnectTargets } from './connect-BaWYvB1w.js';
+export { c as ConnectFlow, a as ConnectFlowOptions, d as ConnectFlowOutcome, e as ConnectResolution, f as ConnectSnapshot, g as ConnectStep, h as Connector, F as FlowHost, R as ResumeOffer, i as connectFlow } from './connect-BaWYvB1w.js';
+import { S as StoreError, k as ReplicaState, B as BackupTarget } from './store-CCe8b5Eg.js';
 import { F as FlowStore } from './machine-ALMkT3mk.js';
 export { w as withDeadline } from './machine-ALMkT3mk.js';
-import { W as WebdavConfig, S as S3Config } from './s3-DgyTwMRc.js';
+import { W as WebdavConfig, S as S3Config } from './s3-CCE6lc_U.js';
 import './cache-ilsK3Tki.js';
-import './drive-B2fm71qD.js';
+import './drive-BUPsPaIu.js';
 import './sync.js';
 
 /** The one replica this flow manages, as its id on the engine. */

package/dist/households.d.ts

@@ -1,4 +1,4 @@
-import { B as BackupTarget, P as PeerSource, L as LocalStore } from './store-CiLoRJmy.js';
+import { B as BackupTarget, P as PeerSource, L as LocalStore } from './store-CCe8b5Eg.js';
 import { K as KV } from './cache-ilsK3Tki.js';
 import './sync.js';
 

package/dist/index.d.ts

@@ -1,12 +1,12 @@
-import { o as Snapshot, E as EncodeOptions, H as Header, f as PasswordPolicy, B as BackupTarget, r as StatusDescriptor, S as StoreError, c as LocalStoreState, L as LocalStore } from './store-CiLoRJmy.js';
-export { d as Mode, e as PasswordCheck, g as PasswordRequirement, l as SelfstoreError, m as SelfstoreErrorCode, n as Severity, p as SnapshotFile, q as StatusAction, t as StorageState, T as TargetKind, x as checkPasswordPolicy, C as errorLabelKey, G as isSelfstoreError } from './store-CiLoRJmy.js';
+import { o as Snapshot, E as EncodeOptions, H as Header, f as PasswordPolicy, B as BackupTarget, r as StatusDescriptor, S as StoreError, c as LocalStoreState, L as LocalStore } from './store-CCe8b5Eg.js';
+export { d as Mode, e as PasswordCheck, g as PasswordRequirement, l as SelfstoreError, m as SelfstoreErrorCode, n as Severity, p as SnapshotFile, q as StatusAction, t as StorageState, T as TargetKind, x as checkPasswordPolicy, C as errorLabelKey, G as isSelfstoreError } from './store-CCe8b5Eg.js';
 import { L as LocalCache, K as KV } from './cache-ilsK3Tki.js';
 import { SyncConfig } from './sync.js';
-import { R as ResumeOffer, C as ConnectTargets } from './connect-DaZFPJdt.js';
-import { f as BackupsManager } from './manager-BqzTVaep.js';
-import { a as DriveAuth } from './drive-B2fm71qD.js';
-import { W as WebdavConfig, S as S3Config } from './s3-DgyTwMRc.js';
-export { f as changePassword, g as gisDriveAuth, p as pickFromDisk, s as saveToDisk } from './local-CldSa9EY.js';
+import { R as ResumeOffer, C as ConnectTargets } from './connect-BaWYvB1w.js';
+import { f as BackupsManager } from './manager-CaMd6T1T.js';
+import { a as DriveAuth } from './drive-BUPsPaIu.js';
+import { W as WebdavConfig, S as S3Config } from './s3-CCE6lc_U.js';
+export { f as changePassword, g as gisDriveAuth, p as pickFromDisk, s as saveToDisk } from './local-Dt1hYNG4.js';
 import './machine-ALMkT3mk.js';
 
 declare const BACKUP_EXTENSION = ".zip";

package/dist/index.js

@@ -1,5 +1,5 @@
-import { indexedDbCache, memoryCache, gisDriveAuth, isLockableCache, createLocalStore } from './chunk-TXAMWBG5.js';
-export { gisDriveAuth } from './chunk-TXAMWBG5.js';
+import { indexedDbCache, memoryCache, gisDriveAuth, isLockableCache, createLocalStore } from './chunk-3BPGPSPX.js';
+export { gisDriveAuth } from './chunk-3BPGPSPX.js';
 import './chunk-SKWHKM25.js';
 import { saveToDisk } from './chunk-DCEXWSM6.js';
 export { pickFromDisk, saveToDisk } from './chunk-DCEXWSM6.js';

package/dist/{local-CldSa9EY.d.ts → local-Dt1hYNG4.d.ts}

@@ -1,5 +1,5 @@
-import { o as Snapshot, E as EncodeOptions, H as Header } from './store-CiLoRJmy.js';
-import { a as DriveAuth } from './drive-B2fm71qD.js';
+import { o as Snapshot, E as EncodeOptions, H as Header } from './store-CCe8b5Eg.js';
+import { a as DriveAuth } from './drive-BUPsPaIu.js';
 
 /** Serialize a snapshot to a portable backup blob (compressed; encrypted if a password is given). */
 declare function exportSnapshot(snapshot: Snapshot, opts: EncodeOptions): Promise<Blob>;

package/dist/{manager-BqzTVaep.d.ts → manager-CaMd6T1T.d.ts}

@@ -1,5 +1,5 @@
 import { K as KV } from './cache-ilsK3Tki.js';
-import { B as BackupTarget, L as LocalStore } from './store-CiLoRJmy.js';
+import { B as BackupTarget, L as LocalStore } from './store-CCe8b5Eg.js';
 import { F as FlowStore } from './machine-ALMkT3mk.js';
 
 /** What the destination reports about a listed file (one cheap metadata call). */

package/dist/{s3-DgyTwMRc.d.ts → s3-CCE6lc_U.d.ts}

@@ -1,4 +1,4 @@
-import { B as BackupTarget, P as PeerSource } from './store-CiLoRJmy.js';
+import { B as BackupTarget, P as PeerSource } from './store-CCe8b5Eg.js';
 import { K as KV } from './cache-ilsK3Tki.js';
 
 /**

package/dist/{store-CiLoRJmy.d.ts → store-CCe8b5Eg.d.ts}

@@ -359,6 +359,24 @@ interface LocalStoreState {
     locked: boolean;
     saving: boolean;
     lastSavedAt: number | null;
+    /**
+     * When a PORTABLE COPY was last written (an export the user asked for), or
+     * null if never. Distinct from `lastSavedAt`, which is the durable
+     * destination: a copy is a snapshot that leaves, a destination is kept up to
+     * date.
+     */
+    lastCopyAt: number | null;
+    /**
+     * Entries have been recorded since that copy was written.
+     *
+     * The store knew this only in its download-only mode, where the copy IS the
+     * save. Everywhere else nobody followed it, so an app that let its user
+     * export could say nothing about a copy going stale - and one of them found
+     * out the hard way that a copy written in the morning was still announced as
+     * up to date in the evening. False while no copy was ever written: there is
+     * nothing to be stale.
+     */
+    copyIsStale: boolean;
     status: StatusDescriptor;
     /** The last durable-target problem (upload/refresh), or null. */
     lastError: StoreError | null;

package/dist/widgets.d.ts

@@ -1,11 +1,11 @@
-import { S as StoreLike, F as FlowHost, C as ConnectTargets, a as ConnectFlowOptions, b as ConnectKind, c as ConnectFlow } from './connect-DaZFPJdt.js';
+import { S as StoreLike, F as FlowHost, C as ConnectTargets, a as ConnectFlowOptions, b as ConnectKind, c as ConnectFlow } from './connect-BaWYvB1w.js';
 import { ShareEngine, ShareLevel, ShareFlow, JoinEngine, JoinFlow, ReplicaFlow } from './flows.js';
-import { f as BackupsManager } from './manager-BqzTVaep.js';
-import './store-CiLoRJmy.js';
+import { f as BackupsManager } from './manager-CaMd6T1T.js';
+import './store-CCe8b5Eg.js';
 import './cache-ilsK3Tki.js';
 import './sync.js';
-import './drive-B2fm71qD.js';
-import './s3-DgyTwMRc.js';
+import './drive-BUPsPaIu.js';
+import './s3-CCE6lc_U.js';
 import './machine-ALMkT3mk.js';
 
 /** Flat key -> string map; widgets merge a partial override over EN defaults. */
@@ -356,9 +356,13 @@ declare class SelfstoreStatusElement extends FlowWidget {
     static get observedAttributes(): string[];
     protected defaults(): WidgetLabels;
     protected packs(): Record<string, WidgetLabels>;
-    /** 'row' (dot + text + action) or 'dot' (the dot alone). Also the attribute. */
-    get variant(): 'row' | 'dot';
-    set variant(v: 'row' | 'dot' | null);
+    /**
+     * 'row' (a tinted box: dot, text, action button - for a settings page),
+     * 'line' (one line and a link - for a menu, where a box eats the surface),
+     * or 'dot' (the dot alone, for a header corner). Also the attribute.
+     */
+    get variant(): 'row' | 'line' | 'dot';
+    set variant(v: 'row' | 'line' | 'dot' | null);
     attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
     connectedCallback(): void;
     protected view(into: HTMLElement): void;
@@ -742,6 +746,7 @@ declare class SelfstoreStorageElement extends FlowWidget {
 
 declare class SelfstoreAccountElement extends FlowWidget {
     #private;
+    static get observedAttributes(): string[];
     protected defaults(): WidgetLabels;
     protected packs(): Record<string, WidgetLabels>;
     constructor();
@@ -751,10 +756,23 @@ declare class SelfstoreAccountElement extends FlowWidget {
      *  the user picks one. Returns false (or throws) to stop. */
     get confirmAction(): ((a: DestinationAction) => boolean | Promise<boolean>) | null;
     set confirmAction(fn: ((a: DestinationAction) => boolean | Promise<boolean>) | null);
+    /**
+     * What the trigger says: the DESTINATION it goes to (default), or the STATE
+     * it is in.
+     *
+     * Naming the place is right when there is a choice - it makes local-first
+     * visible without opening anything. It says nothing at all when an app
+     * offers exactly one destination: "a file" where a file is the only thing it
+     * could ever be. Such an app states a condition instead - saved, unsaved,
+     * locked - which is the part that changes.
+     */
+    get trigger(): 'destination' | 'status';
+    set trigger(v: 'destination' | 'status' | null);
     /** Whether the menu is on screen. Settable, so a host can close it from its
      *  own router after the settings item navigated away. */
     get open(): boolean;
     set open(v: boolean);
+    attributeChangedCallback(name: string): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     /** While the menu is open: a clock for the relative time, and the two ways
@@ -767,13 +785,19 @@ declare class SelfstoreAccountElement extends FlowWidget {
      *  shipped name: its own label is a better answer than the raw key. */
     private named;
     /**
-     * The one line under the account. A plain "saved" is the only state this
-     * element words itself, because it is the only one with nothing to do about
-     * it - and the only one where WHEN is the whole information. Everything else
-     * (reconnect, unlock, changes to download) belongs to <selfstore-status>,
-     * which owns both the wording and the button that resolves it.
+     * The one line this element words itself: a plain "saved", the only state
+     * with nothing to do about it and the only one where WHEN is the whole
+     * information. Null in every other state.
+     */
+    private saved;
+    /**
+     * Anything that is NOT a plain "saved" - reconnect, unlock, changes to
+     * export - belongs to <selfstore-status>, which owns both the wording and
+     * the gesture. It goes under the card and across the whole menu, never
+     * inside the card's text column: that column is sized for an address, and a
+     * sentence wrapping in 167 px turned a three-word notice into 247 px of box.
      */
-    private line;
+    private attention;
     /** Ask for the settings. The host owns the route, so this only says that it
      *  was asked - and closes, because a menu that stays open behind a page
      *  transition reads as a failed click. */
@@ -781,6 +805,13 @@ declare class SelfstoreAccountElement extends FlowWidget {
     /** Change backup: detach, and let the first-run screen take it from there.
      *  The data stays; only the destination is let go. */
     private change;
+    /**
+     * What the trigger reads. The destination by default; the state when an app
+     * has only one destination to offer, where naming it says nothing that ever
+     * changes. The state comes from <selfstore-status>'s own words, so the two
+     * surfaces cannot drift.
+     */
+    private said;
     private card;
     protected view(into: HTMLElement): void;
     /**

package/dist/widgets.js

@@ -2071,14 +2071,14 @@ var EN4 = {
   // and a backup is written only when the user asks for one. It is a mode the
   // STORE itself falls back to, so the library owes it a name - without one, a
   // panel showed the raw key to the user.
-  "destination.kind.file-manual": "A file you download"
+  "destination.kind.file-manual": "A file"
 };
 var FR4 = {
   "destination.kind.file": "Un fichier sur cet appareil",
   "destination.kind.webdav": "Votre serveur",
   "destination.kind.s3": "Votre bucket",
   "destination.kind.device": "Cet appareil seulement",
-  "destination.kind.file-manual": "Un fichier, par t\xE9l\xE9chargement"
+  "destination.kind.file-manual": "Un fichier"
 };
 
 // src/widgets/status.ts
@@ -2125,12 +2125,16 @@ var SelfstoreStatusElement = class extends FlowWidget {
   packs() {
     return { fr: FR5 };
   }
-  /** 'row' (dot + text + action) or 'dot' (the dot alone). Also the attribute. */
+  /**
+   * 'row' (a tinted box: dot, text, action button - for a settings page),
+   * 'line' (one line and a link - for a menu, where a box eats the surface),
+   * or 'dot' (the dot alone, for a header corner). Also the attribute.
+   */
   get variant() {
     return this.#variant;
   }
   set variant(v) {
-    this.#variant = v === "dot" ? "dot" : "row";
+    this.#variant = v === "dot" || v === "line" ? v : "row";
     this.rerender();
   }
   attributeChangedCallback(name, _old, value) {
@@ -2138,7 +2142,8 @@ var SelfstoreStatusElement = class extends FlowWidget {
   }
   connectedCallback() {
     super.connectedCallback();
-    if (this.hasAttribute("variant")) this.variant = this.getAttribute("variant");
+    if (this.hasAttribute("variant"))
+      this.variant = this.getAttribute("variant");
     this.follow(this.hostOf());
   }
   view(into) {
@@ -2150,12 +2155,20 @@ var SelfstoreStatusElement = class extends FlowWidget {
       const copie = this.t(jumelle);
       return copie === jumelle ? this.t(cle) : copie;
     };
+    const selonLeType = (cle) => {
+      const jumelle = `${cle}.${targetKind}`;
+      const copie = this.t(jumelle, { label: label ?? "" });
+      return copie === jumelle ? null : copie;
+    };
     const { lastSavedAt } = host.engine.state;
-    const text = label ? this.t(status.labelKey, { label }) : sansLieu(status.labelKey);
+    const text = selonLeType(status.labelKey) ?? (label ? this.t(status.labelKey, { label }) : sansLieu(status.labelKey));
     const dot = h("span", {
       part: `status-dot sev-${status.severity}`,
       "aria-hidden": "true"
     });
+    const GLYPH = { ok: "\u2713", warn: "!", danger: "!", info: "" };
+    const glyph = GLYPH[status.severity];
+    const sign = glyph ? h("span", { part: `status-glyph sev-${status.severity}`, "aria-hidden": "true" }, glyph) : dot;
     if (this.#variant === "dot") {
       into.append(
         h(
@@ -2171,14 +2184,33 @@ var SelfstoreStatusElement = class extends FlowWidget {
       );
       return;
     }
+    if (this.#variant === "line") {
+      put(
+        into,
+        h(
+          "div",
+          { part: "row status-line" },
+          sign,
+          h("span", { part: "status-line-text" }, text),
+          status.actionable && status.action ? h(
+            "button",
+            {
+              part: "link status-action",
+              type: "button",
+              onclick: () => this.emit("selfstore-status-action", { action: status.action })
+            },
+            this.t(`status.action.${status.action}`)
+          ) : null
+        )
+      );
+      return;
+    }
     const TINT = {
       ok: "status-ok",
       warn: "status-warn",
       danger: "status-error",
       info: ""
     };
-    const GLYPH = { ok: "\u2713", warn: "!", danger: "!", info: "" };
-    const glyph = GLYPH[status.severity];
     const icon = this.icons[targetKind];
     const where = this.t(`status.where.${targetKind}`);
     const kindName = this.t(`destination.kind.${targetKind}`);
@@ -2187,15 +2219,15 @@ var SelfstoreStatusElement = class extends FlowWidget {
     const place = where !== `status.where.${targetKind}` ? where : own ?? named ?? label ?? "";
     const when = lastSavedAt ? this.since(lastSavedAt, this.t("status.justNow")) : "";
     const sub = [place, status.state === "saved" ? when : ""].filter(Boolean).join(", ");
-    const title = sub ? sansLieu(status.labelKey) : text;
+    const title = selonLeType(status.labelKey) ?? (sub ? sansLieu(status.labelKey) : text);
     put(
       into,
       h(
         "div",
         { part: `status row status-row ${TINT[status.severity] ?? ""}` },
-        // The severity colors the glyph, not the box: tinting the whole line
+        // The severity colors the sign, not the box: tinting the whole line
         // turns a title into a warning about itself.
-        glyph ? h("span", { part: `status-glyph sev-${status.severity}`, "aria-hidden": "true" }, glyph) : dot,
+        sign,
         icon ? h("img", { part: "icon", src: icon, alt: "" }) : null,
         h(
           "div",
@@ -4096,6 +4128,9 @@ var ACCOUNT_STYLES = `
    of ZERO - the pill collapsed to its dot in a flex header, with the label
    overflowing off screen. Nothing here queries its own width. */
 [part~='stack'] { container-type: normal; display: block; }
+/* A state in the trigger is a line already: no dot of its own, no action - the
+   press opens the menu, where the gesture lives. */
+[part~='account-trigger-status'] [part~='status-action'] { display: none; }
 [part~='account-trigger'] {
 	display: inline-flex;
 	align-items: center;
@@ -4196,11 +4231,16 @@ var ACCOUNT_STYLES = `
 [part~='account-change'] { color: var(--_danger); }
 [part~='account-change']:hover { background: color-mix(in srgb, var(--_danger) 10%, transparent); }
 [part~='account-sep'] { height: 1px; background: var(--_border); margin: 0.2rem 0.3rem; }
+[part~='account-status'] { display: block; padding: 0 0.6rem 0.2rem; font-size: 0.8125rem; }
 [part~='account-error'] { margin: 0.15rem 0.55rem 0.3rem; font-size: 0.8125rem; color: var(--_danger); }
 `;
 var TICK_MS = 3e4;
 var SelfstoreAccountElement = class extends FlowWidget {
+  static get observedAttributes() {
+    return ["trigger"];
+  }
   #confirm = null;
+  #trigger = "destination";
   #open = false;
   #error = null;
   #timer = null;
@@ -4233,6 +4273,23 @@ var SelfstoreAccountElement = class extends FlowWidget {
   set confirmAction(fn) {
     this.#confirm = fn;
   }
+  /**
+   * What the trigger says: the DESTINATION it goes to (default), or the STATE
+   * it is in.
+   *
+   * Naming the place is right when there is a choice - it makes local-first
+   * visible without opening anything. It says nothing at all when an app
+   * offers exactly one destination: "a file" where a file is the only thing it
+   * could ever be. Such an app states a condition instead - saved, unsaved,
+   * locked - which is the part that changes.
+   */
+  get trigger() {
+    return this.#trigger;
+  }
+  set trigger(v) {
+    this.#trigger = v === "status" ? "status" : "destination";
+    this.rerender();
+  }
   /** Whether the menu is on screen. Settable, so a host can close it from its
    *  own router after the settings item navigated away. */
   get open() {
@@ -4244,8 +4301,16 @@ var SelfstoreAccountElement = class extends FlowWidget {
     this.watch();
     this.rerender();
   }
+  attributeChangedCallback(name) {
+    if (name === "trigger") {
+      const value = this.attr(name);
+      if (value !== null) this.trigger = value;
+    }
+  }
   connectedCallback() {
     super.connectedCallback();
+    const trigger = this.attr("trigger");
+    if (trigger !== null) this.trigger = trigger;
     this.follow(this.hostOf());
   }
   disconnectedCallback() {
@@ -4287,24 +4352,33 @@ var SelfstoreAccountElement = class extends FlowWidget {
     return kind === `destination.kind.${targetKind}` ? label ?? targetKind : kind;
   }
   /**
-   * The one line under the account. A plain "saved" is the only state this
-   * element words itself, because it is the only one with nothing to do about
-   * it - and the only one where WHEN is the whole information. Everything else
-   * (reconnect, unlock, changes to download) belongs to <selfstore-status>,
-   * which owns both the wording and the button that resolves it.
+   * The one line this element words itself: a plain "saved", the only state
+   * with nothing to do about it and the only one where WHEN is the whole
+   * information. Null in every other state.
    */
-  line(host) {
+  saved(host) {
     const { status, lastSavedAt } = host.engine.state;
-    if (status.state === "saved" && lastSavedAt && !("status.saved" in this.labels))
-      return h(
-        "span",
-        { part: "account-line" },
-        this.t("account.saved", { when: this.since(lastSavedAt, this.t("account.justNow")) })
-      );
+    if (status.state !== "saved" || !lastSavedAt || "status.saved" in this.labels) return null;
+    return h(
+      "span",
+      { part: "account-line" },
+      this.t("account.saved", { when: this.since(lastSavedAt, this.t("account.justNow")) })
+    );
+  }
+  /**
+   * Anything that is NOT a plain "saved" - reconnect, unlock, changes to
+   * export - belongs to <selfstore-status>, which owns both the wording and
+   * the gesture. It goes under the card and across the whole menu, never
+   * inside the card's text column: that column is sized for an address, and a
+   * sentence wrapping in 167 px turned a three-word notice into 247 px of box.
+   */
+  attention(host) {
+    if (this.saved(host)) return null;
     const el = document.createElement(
       siblingTag(this.localName, "account", "status")
     );
-    el.setAttribute("variant", "row");
+    el.setAttribute("variant", "line");
+    el.setAttribute("part", "account-status");
     el.labels = this.labels;
     el.icons = this.icons;
     el.store = this.store;
@@ -4338,6 +4412,23 @@ var SelfstoreAccountElement = class extends FlowWidget {
       this.rerender();
     }
   }
+  /**
+   * What the trigger reads. The destination by default; the state when an app
+   * has only one destination to offer, where naming it says nothing that ever
+   * changes. The state comes from <selfstore-status>'s own words, so the two
+   * surfaces cannot drift.
+   */
+  said(host) {
+    if (this.#trigger !== "status") return this.named(host);
+    const el = document.createElement(
+      siblingTag(this.localName, "account", "status")
+    );
+    el.setAttribute("variant", "line");
+    el.setAttribute("part", "account-trigger-status");
+    el.labels = this.labels;
+    el.store = this.store;
+    return el;
+  }
   card(host) {
     const { targetKind } = host.engine.state;
     const icon = this.icons[targetKind];
@@ -4357,7 +4448,7 @@ var SelfstoreAccountElement = class extends FlowWidget {
         { part: "account-text" },
         h("span", { part: "account-title" }, this.named(host)),
         mail ? h("span", { part: "account-mail" }, mail) : null,
-        this.line(host)
+        this.saved(host)
       )
     );
   }
@@ -4378,12 +4469,13 @@ var SelfstoreAccountElement = class extends FlowWidget {
       // The severity colors the DOT, never the label: a whole line turning
       // amber reads as a warning about the destination's name.
       h("span", { part: `account-dot sev-${status.severity}` }),
-      h("span", {}, this.named(host))
+      h("span", { part: "account-trigger-text" }, this.said(host))
     );
     const menu = this.#open ? h(
       "div",
       { part: "card account-menu", role: "menu" },
       this.card(host),
+      this.attention(host),
       h("div", { part: "account-sep" }),
       h(
         "button",