@things-factory/ai-assistant 10.1.214 → 10.1.218

package/dist-client/components/assistant-session-manager.js

@@ -6,7 +6,7 @@ import { i18next } from '@operato/i18n';
 import { OxPrompt } from '@operato/popup';
 import '@operato/popup/ox-popup-menu.js';
 import { OxPopupMenu } from '@operato/popup/ox-popup-menu.js';
-import { assistantSessionAdmin, sessionActions } from '../utils/assistant-session-admin.js';
+import { assistantSessionAdmin, bulkActions, sessionActions } from '../utils/assistant-session-admin.js';
 const PAGE = 30;
 const t = (key, defaultValue, options = {}) => i18next.t(`ai-assistant.session.${key}`, { defaultValue, ...options });
 /**
@@ -32,6 +32,10 @@ const t = (key, defaultValue, options = {}) => i18next.t(`ai-assistant.session.$
  * ── Asking before what cannot be undone ─────────────────────────────────────────
  * Delete, and opening a private conversation to the domain, ask on the row itself - [Cancel][OK].
  * Making it private, hiding and renaming do not: each can be undone from the same row.
+ *
+ * ── Many at once (2026-10-25, the user: 「멀티셀렉트로 한번에 지울 수 있게」) ──────────
+ * Each row has a box; the picked ones are deleted, left or hidden together, each by its own row's hints
+ * (`bulkActions`), with one question. A deleted one is kept for `deletedDays` and comes back from 「Deleted」.
  */
 let AssistantSessionManager = class AssistantSessionManager extends LitElement {
     constructor() {
@@ -57,6 +61,18 @@ let AssistantSessionManager = class AssistantSessionManager extends LitElement {
         this.loading = false;
         this.error = '';
         this.renamingId = '';
+        this.view = 'list';
+        this.archivedCount = 0;
+        this.cleanupCount = 0;
+        this.keeping = { deletedDays: null, archiveDays: null };
+        this.deleted = [];
+        /** The rows picked for doing at once - ids, kept across a reload for the rows still listed. */
+        this.picked = [];
+        this.busy = false;
+        /** What was just done, said once - and the conversation brought back, to open it from here. */
+        this.notice = null;
+        /** The suggestions arrive picked - set when the view turns to them, spent by the first read. */
+        this.pickAllOnRead = false;
         this.generation = 0;
     }
     static { this.styles = css `
@@ -305,6 +321,38 @@ let AssistantSessionManager = class AssistantSessionManager extends LitElement {
     .hiddenfilter md-icon {
       --md-icon-size: 16px;
     }
+
+    .pick { margin: 0; cursor: pointer; }
+    /* The box is small; the space around it picks too - a press beside it must not open the conversation. */
+    .pick-area { flex: none; display: inline-flex; align-items: center; align-self: stretch; padding: 0 8px; margin: -7px -8px -7px -10px; padding-left: 10px; cursor: pointer; }
+    .pickbar {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      gap: 4px 10px;
+      padding: 6px 10px;
+      border-bottom: 1px solid var(--md-sys-color-outline-variant);
+      font-size: 11px;
+      color: var(--md-sys-color-on-surface-variant);
+    }
+    .pickbar label { display: inline-flex; align-items: center; gap: 4px; cursor: pointer; }
+    .pickbar .act,
+    .suggest,
+    .note .open-link,
+    .restore {
+      border: 0;
+      background: none;
+      padding: 0;
+      color: var(--md-sys-color-primary);
+      font: inherit;
+      cursor: pointer;
+    }
+    .pickbar .act:disabled { color: var(--md-sys-color-on-surface-variant); cursor: default; }
+    .pickbar .act.danger { color: var(--md-sys-color-error); }
+    .pickbar .unpick { margin-left: auto; }
+    .suggest { display: block; width: 100%; padding: 8px 10px; text-align: start; font-size: 12px; border-bottom: 1px solid var(--md-sys-color-outline-variant); }
+    .restore { flex: none; font-size: 12px; }
+    .row.deleted { cursor: default; }
   `; }
     /*
      * The search and the filters stand open together, always (2026-10-12) - a filter behind a "Filters" button is one
@@ -312,7 +360,7 @@ let AssistantSessionManager = class AssistantSessionManager extends LitElement {
      * to choose.
      */
     get filtering() {
-        return !!this.search.trim() || this.whose !== 'all' || this.visibility !== 'all' || this.includeHidden || this.unreadOnly;
+        return !!this.search.trim() || this.whose !== 'all' || this.visibility !== 'all' || this.includeHidden || this.unreadOnly || this.view !== 'list';
     }
     clearFilters() {
         clearTimeout(this.searchTimer);
@@ -321,6 +369,7 @@ let AssistantSessionManager = class AssistantSessionManager extends LitElement {
             this.whose = 'all';
             this.visibility = 'all';
             this.includeHidden = this.unreadOnly = false;
+            this.view = 'list';
         });
     }
     /** Read the list again - the host calls this after it opened or started a conversation. */
@@ -334,6 +383,18 @@ let AssistantSessionManager = class AssistantSessionManager extends LitElement {
         this.loading = true;
         this.error = '';
         try {
+            if (this.view === 'deleted') {
+                /* The deleted ones are few (kept for deletedDays) - the search narrows them by name here. */
+                const word = this.search.trim().toLowerCase();
+                const deleted = (await this.admin.deleted(this.anchorType, this.anchorId)).filter(one => !word || (one.name ?? '').toLowerCase().includes(word));
+                if (generation !== this.generation)
+                    return;
+                this.deleted = deleted;
+                this.entries = [];
+                this.total = deleted.length;
+                this.keepPicked(deleted.map(one => one.id));
+                return;
+            }
             /*
              * Paging reads again from the start rather than appending - live activity reorders the list, and
              * appending a later page to an earlier order duplicates and drops rows.
@@ -347,7 +408,9 @@ let AssistantSessionManager = class AssistantSessionManager extends LitElement {
                     whose: this.whose,
                     visibility: this.visibility,
                     includeHidden: this.includeHidden,
-                    unreadOnly: this.unreadOnly
+                    unreadOnly: this.unreadOnly,
+                    includeArchived: this.view === 'archived',
+                    cleanupOnly: this.view === 'cleanup'
                 },
                 limit: this.pageSize,
                 offset: 0
@@ -357,6 +420,10 @@ let AssistantSessionManager = class AssistantSessionManager extends LitElement {
             this.entries = page.entries;
             this.total = page.total;
             this.hiddenCount = page.hiddenCount;
+            this.archivedCount = page.archivedCount;
+            this.cleanupCount = page.cleanupCount;
+            this.keeping = page.keeping;
+            this.keepPicked(page.entries.map(entry => entry.id));
         }
         catch (error) {
             if (generation !== this.generation)
@@ -370,6 +437,26 @@ let AssistantSessionManager = class AssistantSessionManager extends LitElement {
                 this.loading = false;
         }
     }
+    /** After a read: the suggestions arrive all picked; otherwise only the picked rows still listed stay picked. */
+    keepPicked(listed) {
+        if (this.pickAllOnRead) {
+            this.pickAllOnRead = false;
+            this.picked = listed;
+        }
+        else
+            this.picked = this.picked.filter(id => listed.includes(id));
+    }
+    setView(view) {
+        this.refilter(() => {
+            this.view = view;
+            this.picked = [];
+            this.notice = null;
+            this.pickAllOnRead = view === 'cleanup';
+        });
+    }
+    togglePick(id, on) {
+        this.picked = on ? [...new Set([...this.picked, id])] : this.picked.filter(one => one !== id);
+    }
     updated(changed) {
         if (changed.has('anchorType') || changed.has('anchorId') || changed.has('admin') || changed.has('kind'))
             void this.reload();
@@ -414,6 +501,7 @@ let AssistantSessionManager = class AssistantSessionManager extends LitElement {
     /** Runs one door, then reads the list again - on success and on failure alike, so the row shows the truth. */
     async act(entry, change, run, refused) {
         this.renamingId = '';
+        this.notice = null;
         try {
             if (!(await run()))
                 this.error = refused;
@@ -445,6 +533,69 @@ let AssistantSessionManager = class AssistantSessionManager extends LitElement {
     _removeSession(entry) {
         void this.act(entry, 'removed', () => this.admin.remove(entry.id), t('remove-refused', 'this conversation could not be deleted.'));
     }
+    /**
+     * Runs one door for each picked row, then reads the list again. Every success is told to the host like a row's own
+     * change, so it moves off an open conversation that went; every refusal is said by name.
+     */
+    async runMany(ids, change, run, done) {
+        if (!ids.length || this.busy)
+            return;
+        this.busy = true;
+        this.error = '';
+        this.notice = null;
+        const names = new Map([...this.entries.map(entry => [entry.id, entry.name]), ...this.deleted.map(one => [one.id, one.name])]);
+        const refused = [];
+        let count = 0;
+        for (const id of ids) {
+            try {
+                if (await run(id)) {
+                    count++;
+                    this.emit('assistant-session-changed', { sessionId: id, change });
+                }
+                else
+                    refused.push(names.get(id) || t('untitled', 'Untitled conversation'));
+            }
+            catch (error) {
+                refused.push(`${names.get(id) || t('untitled', 'Untitled conversation')} (${error.message})`);
+            }
+        }
+        this.picked = [];
+        this.busy = false;
+        const error = refused.length ? t('some-refused', 'Not done for {count}: {names}', { count: refused.length, names: refused.join(', ') }) : '';
+        await this.reload();
+        if (count)
+            this.notice = { text: done(count) };
+        if (error)
+            this.error = error;
+    }
+    /** The sentence that says a deleted conversation can still come back - from 「Deleted」, for as long as it is kept. */
+    keptFor() {
+        return this.keeping.deletedDays
+            ? t('kept-for', 'You can bring it back from Deleted for {days} days.', { days: this.keeping.deletedDays })
+            : t('kept', 'You can bring it back from Deleted.');
+    }
+    async askRemoveMany(ids) {
+        const ok = await this.ask(t('remove', 'Delete'), `${t('confirm-remove-many', 'Delete {count} conversations? They disappear for every participant.', { count: ids.length })} ${this.keptFor()}`, t('remove', 'Delete'));
+        if (ok)
+            void this.runMany(ids, 'removed', id => this.admin.remove(id), count => t('removed-many', '{count} deleted.', { count }));
+    }
+    async askLeaveMany(ids) {
+        const ok = await this.ask(t('leave', 'Leave'), t('confirm-leave-many', 'Leave {count} conversations? They stop coming to your list, and a group or private one is read again only when its owner brings you back.', { count: ids.length }), t('leave', 'Leave'));
+        if (ok)
+            void this.runMany(ids, 'left', id => this.admin.leave(id), count => t('left-many', 'Left {count}.', { count }));
+    }
+    hideMany(ids) {
+        void this.runMany(ids, 'hidden', id => this.admin.hide(id, true), count => t('hidden-many', '{count} hidden from your list.', { count }));
+    }
+    restoreMany(ids) {
+        void this.runMany(ids, 'restored', id => this.admin.restore(id), count => t('restored-many', '{count} brought back.', { count }));
+    }
+    async restoreOne(one) {
+        const name = one.name || t('untitled', 'Untitled conversation');
+        await this.runMany([one.id], 'restored', id => this.admin.restore(id), () => t('restored', '"{name}" is back.', { name }));
+        if (this.notice)
+            this.notice = { ...this.notice, open: { sessionId: one.id, kind: one.kind } };
+    }
     /* ── drawing ─────────────────────────────────────────────────────────────────────── */
     render() {
         const shown = this.entries.length;
@@ -463,7 +614,7 @@ let AssistantSessionManager = class AssistantSessionManager extends LitElement {
         <button class="new" @click=${() => this.emit('assistant-session-reset')}>+ ${t('new', 'New conversation')}</button>
       </div>
       <div class="filters">
-        <select aria-label=${t('filter-whose', 'Whose')} .value=${this.whose}
+        ${this.view === 'deleted' ? nothing : html `<select aria-label=${t('filter-whose', 'Whose')} .value=${this.whose}
           @change=${(e) => this.refilter(() => (this.whose = e.target.value))}>
           <option value="all">${t('filter-all', 'All')}</option>
           <option value="mine">${t('filter-mine', 'Started by me')}</option>
@@ -475,31 +626,114 @@ let AssistantSessionManager = class AssistantSessionManager extends LitElement {
           <option value="open">${t('filter-open', 'Public')}</option>
           <option value="group">${t('filter-group', 'Group')}</option>
           <option value="private">${t('filter-private', 'Private')}</option>
+        </select>`}
+        <select aria-label=${t('filter-view', 'Show')} .value=${this.view}
+          @change=${(e) => this.setView(e.target.value)}>
+          <option value="list">${t('view-list', 'Active')}</option>
+          <option value="archived">${t('view-archived', 'Including archived')}</option>
+          <option value="cleanup">${t('view-cleanup', 'Suggested to clear')}</option>
+          <option value="deleted">${t('view-deleted', 'Deleted')}</option>
         </select>
-        <label><input type="checkbox" .checked=${this.unreadOnly}
+        ${this.view === 'deleted' ? nothing : html `<label><input type="checkbox" .checked=${this.unreadOnly}
           @change=${(e) => this.refilter(() => (this.unreadOnly = e.target.checked))} />${t('filter-unread', 'Unread')}</label>
         <label><input type="checkbox" .checked=${this.includeHidden}
-          @change=${(e) => this.refilter(() => (this.includeHidden = e.target.checked))} />${t('filter-hidden', 'Including hidden')}</label>
+          @change=${(e) => this.refilter(() => (this.includeHidden = e.target.checked))} />${t('filter-hidden', 'Including hidden')}</label>`}
         ${this.filtering ? html `<button class="clear" @click=${() => this.clearFilters()}>${t('reset-filters', 'Clear search and filters')}</button>` : nothing}
       </div>
+      ${this.renderPickBar()}
       <div class="list">
         ${this.error ? html `<div class="note" role="alert">${this.error}</div>` : nothing}
+        ${this.notice
+            ? html `<div class="note" role="status">${this.notice.text}${this.notice.open
+                ? html ` <button class="open-link" @click=${() => this.emit('assistant-session-select', this.notice.open)}>${t('open', 'Open')}</button>`
+                : nothing}</div>`
+            : nothing}
         ${this.loading ? html `<div class="note" role="status">${t('loading', 'Loading conversations…')}</div>` : nothing}
-        ${shown === 0 && !this.loading && !this.error
-            ? html `<div class="empty" role="status">${this.filtering ? t('filtered-empty', 'No conversations match these filters here.') : t('scope-empty', 'No conversations yet.')}</div>`
-            : this.entries.map(entry => this.renderRow(entry))}
-        ${shown < this.total
+        ${this.view === 'list' && this.cleanupCount > 0 && !this.search.trim()
+            ? html `<button class="suggest" @click=${() => this.setView('cleanup')}>${t('cleanup-suggest', '{count} of yours look ready to clear - see them', { count: this.cleanupCount })}</button>`
+            : nothing}
+        ${this.view === 'deleted'
+            ? this.deleted.length === 0 && !this.loading && !this.error
+                ? html `<div class="empty" role="status">${t('deleted-empty', 'Nothing you deleted here is kept.')}</div>`
+                : this.deleted.map(one => this.renderDeletedRow(one))
+            : shown === 0 && !this.loading && !this.error
+                ? html `<div class="empty" role="status">${this.view === 'cleanup'
+                    ? t('cleanup-empty', 'Nothing of yours to clear here.')
+                    : this.filtering ? t('filtered-empty', 'No conversations match these filters here.') : t('scope-empty', 'No conversations yet.')}</div>`
+                : this.entries.map(entry => this.renderRow(entry))}
+        ${this.view !== 'deleted' && shown < this.total
             ? html `<button class="more" @click=${() => this.loadMore()}>${t('load-more', 'Show more ({rest})', { rest: this.total - shown })}</button>`
             : nothing}
       </div>
       <!-- A hidden conversation must not be forgotten: say how many, and one press shows them. -->
-      ${this.hiddenCount > 0 && !this.includeHidden
+      ${this.hiddenCount > 0 && !this.includeHidden && (this.view === 'list' || this.view === 'archived')
             ? html `<button class="hiddenfilter" @click=${() => this.refilter(() => (this.includeHidden = true))}>
             <md-icon>visibility_off</md-icon>${t('hidden-count', '{count} hidden', { count: this.hiddenCount })}
           </button>`
             : nothing}
+      ${this.archivedCount > 0 && this.view === 'list'
+            ? html `<button class="hiddenfilter" @click=${() => this.setView('archived')}>
+            <md-icon>inventory_2</md-icon>${t('archived-count', '{count} archived - no activity for {days} days', { count: this.archivedCount, days: this.keeping.archiveDays ?? '' })}
+          </button>`
+            : nothing}
     `;
     }
+    /** The box over the list: pick all, and what the picked ones can have done to them together. */
+    renderPickBar() {
+        const rows = this.view === 'deleted' ? this.deleted : this.entries;
+        if (!rows.length)
+            return nothing;
+        const picked = this.picked.length;
+        const all = picked === rows.length;
+        const toggleAll = (on) => (this.picked = on ? rows.map(row => row.id) : []);
+        const label = picked ? t('picked', '{count} picked', { count: picked }) : t('pick-all', 'Pick all');
+        if (this.view === 'deleted') {
+            return html `<div class="pickbar">
+        <label><input type="checkbox" .checked=${all} .indeterminate=${picked > 0 && !all} @change=${(e) => toggleAll(e.target.checked)} />${label}</label>
+        ${picked
+                ? html `<button class="act" ?disabled=${this.busy} @click=${() => this.restoreMany(this.picked)}>${t('restore-many', 'Bring back {count}', { count: picked })}</button>
+              <button class="act unpick" @click=${() => (this.picked = [])}>${t('unpick', 'Clear the pick')}</button>`
+                : nothing}
+      </div>`;
+        }
+        const can = bulkActions(this.entries.filter(entry => this.picked.includes(entry.id)));
+        return html `<div class="pickbar">
+      <label><input type="checkbox" .checked=${all} .indeterminate=${picked > 0 && !all} @change=${(e) => toggleAll(e.target.checked)} />${label}</label>
+      ${picked
+            ? html `${can.remove.length
+                ? html `<button class="act danger" ?disabled=${this.busy} @click=${() => this.askRemoveMany(can.remove)}>${t('remove-many', 'Delete {count}', { count: can.remove.length })}</button>`
+                : nothing}
+            ${can.leave.length
+                ? html `<button class="act" ?disabled=${this.busy} @click=${() => this.askLeaveMany(can.leave)}>${t('leave-many', 'Leave {count}', { count: can.leave.length })}</button>`
+                : nothing}
+            ${can.hide.length
+                ? html `<button class="act" ?disabled=${this.busy} @click=${() => this.hideMany(can.hide)}>${t('hide-many', 'Hide {count}', { count: can.hide.length })}</button>`
+                : nothing}
+            <button class="act unpick" @click=${() => (this.picked = [])}>${t('unpick', 'Clear the pick')}</button>`
+            : nothing}
+    </div>`;
+    }
+    renderDeletedRow(one) {
+        const name = one.name || t('untitled', 'Untitled conversation');
+        const day = (at) => (at && Number.isFinite(Date.parse(at)) ? new Intl.DateTimeFormat(i18next.language || 'en', { month: 'short', day: 'numeric' }).format(new Date(at)) : '');
+        return html `<div class="row deleted">
+      <label class="pick-area"><input type="checkbox" class="pick" aria-label=${t('pick', 'Pick {name}', { name })} .checked=${this.picked.includes(one.id)}
+        @change=${(e) => this.togglePick(one.id, e.target.checked)} /></label>
+      <div class="open-row">
+        <div class="title">${name}</div>
+        <span class="meta">${t('deleted-on', 'Deleted {date}', { date: day(one.deletedAt) })}${one.purgesAt ? html ` · ${t('purges-on', 'emptied {date}', { date: day(one.purgesAt) })}` : nothing}</span>
+      </div>
+      <button class="restore" ?disabled=${this.busy} @click=${() => this.restoreOne(one)}>${t('restore', 'Bring back')}</button>
+    </div>`;
+    }
+    /** Why a row is where it is: archived, or suggested for clearing. */
+    renderState(entry) {
+        if (entry.cleanupReason === 'empty')
+            return html ` · ${t('reason-empty', 'Never asked anything')}`;
+        if (entry.cleanupReason === 'inactive')
+            return html ` · ${t('reason-inactive', 'No activity for {days} days', { days: entry.idleDays ?? '' })}`;
+        return entry.archived ? html ` · ${t('archived', 'Archived')}` : nothing;
+    }
     renderRow(entry) {
         const name = entry.name || t('untitled', 'Untitled conversation');
         const actions = sessionActions(entry);
@@ -526,11 +760,13 @@ let AssistantSessionManager = class AssistantSessionManager extends LitElement {
         return html `<div
       class="row ${entry.unread ? 'unread' : ''} ${entry.hidden ? 'hidden' : ''} ${entry.id === this.sessionId ? 'current' : ''} ${isOpen ? 'open-audience' : ''}"
     >
+      <label class="pick-area"><input type="checkbox" class="pick" aria-label=${t('pick', 'Pick {name}', { name })} .checked=${this.picked.includes(entry.id)}
+        @change=${(e) => this.togglePick(entry.id, e.target.checked)} /></label>
       <span class="dot"></span>
       <button class="open-row" aria-current=${entry.id === this.sessionId ? 'true' : 'false'} @click=${() => this.emit('assistant-session-select', { sessionId: entry.id, kind: entry.kind })}>
         <div class="title">${name}</div>
         <div class="prev">${entry.lastMessagePreview || ''}</div>
-        <span class="meta">${this.renderAudience(entry.visibility)}${entry.lastMessageAt && Number.isFinite(Date.parse(entry.lastMessageAt)) ? html ` · <time datetime=${entry.lastMessageAt}>${new Intl.DateTimeFormat(i18next.language || 'en', { month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit' }).format(new Date(entry.lastMessageAt))}</time>` : nothing}${entry.mine ? html ` · ${t('filter-mine', 'Started by me')}` : nothing}</span>
+        <span class="meta">${this.renderAudience(entry.visibility)}${entry.lastMessageAt && Number.isFinite(Date.parse(entry.lastMessageAt)) ? html ` · <time datetime=${entry.lastMessageAt}>${new Intl.DateTimeFormat(i18next.language || 'en', { month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit' }).format(new Date(entry.lastMessageAt))}</time>` : nothing}${entry.mine ? html ` · ${t('filter-mine', 'Started by me')}` : nothing}${this.renderState(entry)}</span>
       </button>
       <button
         class="more-menu"
@@ -582,7 +818,7 @@ let AssistantSessionManager = class AssistantSessionManager extends LitElement {
         }));
     }
     async askRemove(entry, name) {
-        const ok = await this.ask(t('remove', 'Delete'), t('confirm-remove', 'Delete "{name}"? It disappears for every participant and cannot be brought back.', { name }), t('remove', 'Delete'));
+        const ok = await this.ask(t('remove', 'Delete'), `${t('confirm-remove', 'Delete "{name}"? It disappears for every participant.', { name })} ${this.keptFor()}`, t('remove', 'Delete'));
         if (ok)
             this._removeSession(entry);
     }
@@ -684,6 +920,38 @@ __decorate([
     state(),
     __metadata("design:type", Object)
 ], AssistantSessionManager.prototype, "renamingId", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", String)
+], AssistantSessionManager.prototype, "view", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], AssistantSessionManager.prototype, "archivedCount", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], AssistantSessionManager.prototype, "cleanupCount", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], AssistantSessionManager.prototype, "keeping", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], AssistantSessionManager.prototype, "deleted", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], AssistantSessionManager.prototype, "picked", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], AssistantSessionManager.prototype, "busy", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], AssistantSessionManager.prototype, "notice", void 0);
 AssistantSessionManager = __decorate([
     customElement('ox-assistant-session-manager')
 ], AssistantSessionManager);