@things-factory/ai-assistant 10.1.213 → 10.1.215

package/dist-client/components/assistant-selection-bar.d.ts

@@ -0,0 +1,44 @@
+import { LitElement, nothing } from 'lit';
+/** The part of a grid (data-grist `ox-grist`) the bar reads. */
+export interface SelectionGrid extends HTMLElement {
+    selected?: any[];
+    updateComplete?: Promise<unknown>;
+}
+/**
+ * 「AI와 작업」 over a list - one bar for every application's lists (design/ai/shared-dock.md §2-11-1). While rows are
+ * picked it shows how many, what the list itself does with them, and a request sent to this screen's conversation with
+ * the rows as the selection. Begun on the Office ledgers; the user, 2026-10-25: 「'AI와 작업' 기능을 사용하려면, 그리드
+ * 선택기능이 필요한데, 주요 리스트 화면에서 선택기능이 없는 경우가 꽤 있다」, and it is to serve plant, warehouse and twin.
+ *
+ * A screen gives the grid (asked for when needed - a page finds its grid only after its first render), the list as the
+ * person knows it, the list query and its axis (the last part of the list's read key, so a row goes as `<axis>:<uuid>`),
+ * and, if it likes, its own actions and words for a row. The grid shows `SELECTION_ROW_PICKER`.
+ */
+export declare class OxAssistantSelectionBar extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /** The grid whose picked rows these are, asked for when needed. */
+    gridOf?: () => SelectionGrid | undefined;
+    /** The list as the person knows it (「계약 대장」). */
+    name: string;
+    /** The list query the rows came from (`contracts`) - one the assistant reads. */
+    list: string;
+    /** The last part of that list's read key (`office.contract` → `contract`): each row goes as `<axis>:<uuid>`. */
+    axis: string;
+    /** What the list itself does with the picked rows, before 「AI와 작업」. */
+    actions: {
+        title: string;
+        action: () => any;
+    }[];
+    /** A row in the person's words, when the code and name do not say it (`selectionLabel`). */
+    labelOf?: (row: any) => string;
+    count: number;
+    request: string;
+    private get grid();
+    private root?;
+    private recount;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    willUpdate(changes: Map<string, unknown>): void;
+    ask(request?: string): Promise<void>;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
+}

package/dist-client/components/assistant-selection-bar.js

@@ -0,0 +1,149 @@
+import { __decorate, __metadata } from "tslib";
+import { css, html, LitElement, nothing } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { i18next } from '@operato/i18n';
+import { notify } from '@operato/layout';
+import { ButtonStyles, FormFieldStyles } from '@operato/styles';
+import { askAssistant } from '../utils/assistant-ask.js';
+import { selectedRecords } from '../utils/assistant-selection.js';
+/** What a grid says when its picks or its rows change - a row's picker, the header's select-all, a new page of rows. */
+const GRID_EVENTS = ['select-record-change', 'select-all-change', 'list-adopted'];
+/**
+ * 「AI와 작업」 over a list - one bar for every application's lists (design/ai/shared-dock.md §2-11-1). While rows are
+ * picked it shows how many, what the list itself does with them, and a request sent to this screen's conversation with
+ * the rows as the selection. Begun on the Office ledgers; the user, 2026-10-25: 「'AI와 작업' 기능을 사용하려면, 그리드
+ * 선택기능이 필요한데, 주요 리스트 화면에서 선택기능이 없는 경우가 꽤 있다」, and it is to serve plant, warehouse and twin.
+ *
+ * A screen gives the grid (asked for when needed - a page finds its grid only after its first render), the list as the
+ * person knows it, the list query and its axis (the last part of the list's read key, so a row goes as `<axis>:<uuid>`),
+ * and, if it likes, its own actions and words for a row. The grid shows `SELECTION_ROW_PICKER`.
+ */
+let OxAssistantSelectionBar = class OxAssistantSelectionBar extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** The list as the person knows it (「계약 대장」). */
+        this.name = '';
+        /** The list query the rows came from (`contracts`) - one the assistant reads. */
+        this.list = '';
+        /** The last part of that list's read key (`office.contract` → `contract`): each row goes as `<axis>:<uuid>`. */
+        this.axis = '';
+        /** What the list itself does with the picked rows, before 「AI와 작업」. */
+        this.actions = [];
+        this.count = 0;
+        this.request = '';
+        this.recount = async (event) => {
+            const grid = this.grid;
+            if (event && (!grid || !event.composedPath().includes(grid)))
+                return;
+            await grid?.updateComplete;
+            this.count = grid?.selected?.length ?? 0;
+        };
+    }
+    static { this.styles = [
+        ButtonStyles,
+        FormFieldStyles,
+        css `
+      :host { display:block; }
+      .selection-work { display:flex; flex-wrap:wrap; align-items:center; gap:var(--spacing-medium); padding:var(--spacing-medium) var(--spacing-large); border-bottom:1px solid var(--ui-line); background:var(--ui-panel); }
+      .scope { font-size:var(--ui-t-body); font-weight:600; white-space:nowrap; }
+      form { display:flex; flex:1 1 320px; min-width:0; gap:var(--spacing-small); }
+      input { flex:1; min-width:0; width:100%; }
+      .tools { display:flex; flex-wrap:wrap; gap:var(--spacing-small); }
+    `
+    ]; }
+    get grid() {
+        return this.gridOf?.();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.root = this.getRootNode();
+        for (const event of GRID_EVENTS)
+            this.root.addEventListener(event, this.recount);
+        void this.recount();
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        for (const event of GRID_EVENTS)
+            this.root?.removeEventListener(event, this.recount);
+        this.root = undefined;
+    }
+    willUpdate(changes) {
+        if (changes.has('gridOf'))
+            void this.recount();
+    }
+    /*
+     * A screen request (design/ai/shared-dock.md §2-11-1, the user: 「"AI와 작업" 기능이 unstable 하다 … 새로운 세션을 여는지,
+     * 기존 세션을 활용하는지 등등을 명확하게 하라」): it goes to this screen's conversation with the rows picked now, in
+     * screen order, and is sent at once - what was written on the bar, or the set request. The bar is cleared only when it
+     * was sent; otherwise the dock has said why and the words stay to press again.
+     */
+    async ask(request = this.request) {
+        const rows = this.grid?.selected ?? [];
+        if (!rows.length) {
+            notify({ message: i18next.t('ai-assistant.selection.pick-rows'), level: 'info' });
+            return;
+        }
+        if (rows.some(row => !row.id || row.__dirty__)) {
+            notify({ message: i18next.t('ai-assistant.selection.save-first'), level: 'warn' });
+            return;
+        }
+        const outcome = await askAssistant({
+            selection: { title: this.name, list: this.list, records: selectedRecords(rows, { axis: this.axis, labelOf: this.labelOf }) },
+            ask: request?.trim() || i18next.t('ai-assistant.selection.ask', { n: rows.length, title: this.name })
+        });
+        if (outcome?.sent && this.request === request)
+            this.request = '';
+    }
+    render() {
+        return this.count
+            ? html `<div class="selection-work" role="region" aria-label=${i18next.t('ai-assistant.selection.region')}>
+          <span class="scope" role="status">${i18next.t('ai-assistant.selection.count', { n: this.count })}</span>
+          ${this.actions.length
+                ? html `<div class="tools">${this.actions.map(action => html `<button quiet small @click=${action.action}>${action.title}</button>`)}</div>`
+                : nothing}
+          <form @submit=${(event) => { event.preventDefault(); this.ask(); }}>
+            <input aria-label=${i18next.t('ai-assistant.selection.request')} placeholder=${i18next.t('ai-assistant.selection.request')}
+              .value=${this.request} @input=${(event) => (this.request = event.target.value)} />
+            <button quiet small type="submit">${i18next.t('ai-assistant.selection.work-with-ai')}</button>
+          </form>
+        </div>`
+            : nothing;
+    }
+};
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Function)
+], OxAssistantSelectionBar.prototype, "gridOf", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", Object)
+], OxAssistantSelectionBar.prototype, "name", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", Object)
+], OxAssistantSelectionBar.prototype, "list", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", Object)
+], OxAssistantSelectionBar.prototype, "axis", void 0);
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Array)
+], OxAssistantSelectionBar.prototype, "actions", void 0);
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Function)
+], OxAssistantSelectionBar.prototype, "labelOf", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], OxAssistantSelectionBar.prototype, "count", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], OxAssistantSelectionBar.prototype, "request", void 0);
+OxAssistantSelectionBar = __decorate([
+    customElement('ox-assistant-selection-bar')
+], OxAssistantSelectionBar);
+export { OxAssistantSelectionBar };
+//# sourceMappingURL=assistant-selection-bar.js.map

package/dist-client/components/assistant-selection-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assistant-selection-bar.js","sourceRoot":"","sources":["../../client/components/assistant-selection-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\nimport { notify } from '@operato/layout'\nimport { ButtonStyles, FormFieldStyles } from '@operato/styles'\n\nimport { askAssistant } from '../utils/assistant-ask.js'\nimport { selectedRecords } from '../utils/assistant-selection.js'\n\n/** What a grid says when its picks or its rows change - a row's picker, the header's select-all, a new page of rows. */\nconst GRID_EVENTS = ['select-record-change', 'select-all-change', 'list-adopted']\n\n/** The part of a grid (data-grist `ox-grist`) the bar reads. */\nexport interface SelectionGrid extends HTMLElement {\n  selected?: any[]\n  updateComplete?: Promise<unknown>\n}\n\n/**\n * 「AI와 작업」 over a list - one bar for every application's lists (design/ai/shared-dock.md §2-11-1). While rows are\n * picked it shows how many, what the list itself does with them, and a request sent to this screen's conversation with\n * the rows as the selection. Begun on the Office ledgers; the user, 2026-10-25: 「'AI와 작업' 기능을 사용하려면, 그리드\n * 선택기능이 필요한데, 주요 리스트 화면에서 선택기능이 없는 경우가 꽤 있다」, and it is to serve plant, warehouse and twin.\n *\n * A screen gives the grid (asked for when needed - a page finds its grid only after its first render), the list as the\n * person knows it, the list query and its axis (the last part of the list's read key, so a row goes as `<axis>:<uuid>`),\n * and, if it likes, its own actions and words for a row. The grid shows `SELECTION_ROW_PICKER`.\n */\n@customElement('ox-assistant-selection-bar')\nexport class OxAssistantSelectionBar extends LitElement {\n  static styles = [\n    ButtonStyles,\n    FormFieldStyles,\n    css`\n      :host { display:block; }\n      .selection-work { display:flex; flex-wrap:wrap; align-items:center; gap:var(--spacing-medium); padding:var(--spacing-medium) var(--spacing-large); border-bottom:1px solid var(--ui-line); background:var(--ui-panel); }\n      .scope { font-size:var(--ui-t-body); font-weight:600; white-space:nowrap; }\n      form { display:flex; flex:1 1 320px; min-width:0; gap:var(--spacing-small); }\n      input { flex:1; min-width:0; width:100%; }\n      .tools { display:flex; flex-wrap:wrap; gap:var(--spacing-small); }\n    `\n  ]\n\n  /** The grid whose picked rows these are, asked for when needed. */\n  @property({ attribute: false }) gridOf?: () => SelectionGrid | undefined\n  /** The list as the person knows it (「계약 대장」). */\n  @property() name = ''\n  /** The list query the rows came from (`contracts`) - one the assistant reads. */\n  @property() list = ''\n  /** The last part of that list's read key (`office.contract` → `contract`): each row goes as `<axis>:<uuid>`. */\n  @property() axis = ''\n  /** What the list itself does with the picked rows, before 「AI와 작업」. */\n  @property({ attribute: false }) actions: { title: string; action: () => any }[] = []\n  /** A row in the person's words, when the code and name do not say it (`selectionLabel`). */\n  @property({ attribute: false }) labelOf?: (row: any) => string\n\n  @state() count = 0\n  @state() request = ''\n\n  private get grid() {\n    return this.gridOf?.()\n  }\n\n  /* The grid's own events reach the page's root (bubbling, composed); the bar counts those that come from its grid. */\n  private root?: Node\n  private recount = async (event?: Event) => {\n    const grid = this.grid\n    if (event && (!grid || !event.composedPath().includes(grid))) return\n    await grid?.updateComplete\n    this.count = grid?.selected?.length ?? 0\n  }\n\n  connectedCallback() {\n    super.connectedCallback()\n    this.root = this.getRootNode()\n    for (const event of GRID_EVENTS) this.root.addEventListener(event, this.recount)\n    void this.recount()\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n    for (const event of GRID_EVENTS) this.root?.removeEventListener(event, this.recount)\n    this.root = undefined\n  }\n\n  willUpdate(changes: Map<string, unknown>) {\n    if (changes.has('gridOf')) void this.recount()\n  }\n\n  /*\n   * A screen request (design/ai/shared-dock.md §2-11-1, the user: 「\"AI와 작업\" 기능이 unstable 하다 … 새로운 세션을 여는지,\n   * 기존 세션을 활용하는지 등등을 명확하게 하라」): it goes to this screen's conversation with the rows picked now, in\n   * screen order, and is sent at once - what was written on the bar, or the set request. The bar is cleared only when it\n   * was sent; otherwise the dock has said why and the words stay to press again.\n   */\n  async ask(request: string = this.request) {\n    const rows = this.grid?.selected ?? []\n    if (!rows.length) {\n      notify({ message: i18next.t('ai-assistant.selection.pick-rows'), level: 'info' })\n      return\n    }\n    if (rows.some(row => !row.id || row.__dirty__)) {\n      notify({ message: i18next.t('ai-assistant.selection.save-first'), level: 'warn' })\n      return\n    }\n    const outcome = await askAssistant({\n      selection: { title: this.name, list: this.list, records: selectedRecords(rows, { axis: this.axis, labelOf: this.labelOf }) },\n      ask: request?.trim() || i18next.t('ai-assistant.selection.ask', { n: rows.length, title: this.name })\n    })\n    if (outcome?.sent && this.request === request) this.request = ''\n  }\n\n  render() {\n    return this.count\n      ? html`<div class=\"selection-work\" role=\"region\" aria-label=${i18next.t('ai-assistant.selection.region')}>\n          <span class=\"scope\" role=\"status\">${i18next.t('ai-assistant.selection.count', { n: this.count })}</span>\n          ${this.actions.length\n            ? html`<div class=\"tools\">${this.actions.map(action => html`<button quiet small @click=${action.action}>${action.title}</button>`)}</div>`\n            : nothing}\n          <form @submit=${(event: Event) => { event.preventDefault(); this.ask() }}>\n            <input aria-label=${i18next.t('ai-assistant.selection.request')} placeholder=${i18next.t('ai-assistant.selection.request')}\n              .value=${this.request} @input=${(event: any) => (this.request = event.target.value)} />\n            <button quiet small type=\"submit\">${i18next.t('ai-assistant.selection.work-with-ai')}</button>\n          </form>\n        </div>`\n      : nothing\n  }\n}\n"]}

package/dist-client/components/assistant-selection-bar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist-client/components/assistant-selection-bar.test.js

@@ -0,0 +1,38 @@
+/*
+ * 「AI와 작업」 over a list (ox-assistant-selection-bar) - one bar for every application's lists. What it is held to here is
+ * its source and its words; its behaviour on a real grid is held by the applications' browser tests (operato-office
+ * test/browser/page-ai-input.test.js).
+ */
+import { readFileSync } from 'node:fs';
+import { join } from 'node:path';
+const bare = readFileSync(join(__dirname, 'assistant-selection-bar.ts'), 'utf-8').replace(/\/\*[\s\S]*?\*\//g, '');
+describe('the selection bar', () => {
+    it('★ counts every way a grid picks - a row, the header\'s select-all, a new page of rows', () => {
+        expect(bare).toMatch(/GRID_EVENTS = \['select-record-change', 'select-all-change', 'list-adopted'\]/);
+    });
+    it('★ asks for its grid when it needs it - a page finds its grid only after its first render', () => {
+        expect(bare).toMatch(/gridOf\?: \(\) => SelectionGrid \| undefined/);
+        expect(bare).not.toMatch(/@property\(\{ attribute: false \}\) grist/);
+    });
+    it('★ hands the rows as keys of the list, to this screen\'s conversation, sent at once', () => {
+        expect(bare).toMatch(/selection: \{ title: this\.name, list: this\.list, records: selectedRecords\(rows, \{ axis: this\.axis, labelOf: this\.labelOf \}\) \}/);
+        expect(bare).toMatch(/ask: request\?\.trim\(\) \|\| i18next\.t\('ai-assistant\.selection\.ask'/);
+        expect(bare).not.toMatch(/draft|continueCurrent|transcript/);
+    });
+    it('keeps the words unless the request was sent', () => {
+        expect(bare).toMatch(/if \(outcome\?\.sent && this\.request === request\) this\.request = ''/);
+    });
+    it('every word it shows reads in every language', () => {
+        const keys = [...new Set([...bare.matchAll(/'(ai-assistant\.selection\.[\w-]+)'/g)].map(([, key]) => key))];
+        expect(keys.length).toBe(7);
+        for (const locale of ['en', 'ko', 'ja', 'zh', 'ms', 'es']) {
+            const words = JSON.parse(readFileSync(join(__dirname, `../../translations/${locale}.json`), 'utf-8'));
+            for (const key of keys)
+                expect([locale, key, typeof words[key]]).toEqual([locale, key, 'string']);
+            expect(words['ai-assistant.selection.ask']).toMatch(/\{n\}/);
+            expect(words['ai-assistant.selection.ask']).toMatch(/\{title\}/);
+            expect(words['ai-assistant.selection.count']).toMatch(/\{n\}/);
+        }
+    });
+});
+//# sourceMappingURL=assistant-selection-bar.test.js.map

package/dist-client/components/assistant-selection-bar.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assistant-selection-bar.test.js","sourceRoot":"","sources":["../../client/components/assistant-selection-bar.test.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAEhC,MAAM,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,SAAS,EAAE,4BAA4B,CAAC,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAA;AAElH,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IACjC,EAAE,CAAC,uFAAuF,EAAE,GAAG,EAAE;QAC/F,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,+EAA+E,CAAC,CAAA;IACvG,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,0FAA0F,EAAE,GAAG,EAAE;QAClG,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,8CAA8C,CAAC,CAAA;QACpE,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,2CAA2C,CAAC,CAAA;IACvE,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,oFAAoF,EAAE,GAAG,EAAE;QAC5F,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,wIAAwI,CAAC,CAAA;QAC9J,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,0EAA0E,CAAC,CAAA;QAChG,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,kCAAkC,CAAC,CAAA;IAC9D,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACrD,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,wEAAwE,CAAC,CAAA;IAChG,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACrD,MAAM,IAAI,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,sCAAsC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;QAC3G,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;QAC3B,KAAK,MAAM,MAAM,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;YAC1D,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,EAAE,sBAAsB,MAAM,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,CAAA;YACrG,KAAK,MAAM,GAAG,IAAI,IAAI;gBAAE,MAAM,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAA;YACjG,MAAM,CAAC,KAAK,CAAC,4BAA4B,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;YAC5D,MAAM,CAAC,KAAK,CAAC,4BAA4B,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAA;YAChE,MAAM,CAAC,KAAK,CAAC,8BAA8B,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QAChE,CAAC;IACH,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA","sourcesContent":["/*\n * 「AI와 작업」 over a list (ox-assistant-selection-bar) - one bar for every application's lists. What it is held to here is\n * its source and its words; its behaviour on a real grid is held by the applications' browser tests (operato-office\n * test/browser/page-ai-input.test.js).\n */\nimport { readFileSync } from 'node:fs'\nimport { join } from 'node:path'\n\nconst bare = readFileSync(join(__dirname, 'assistant-selection-bar.ts'), 'utf-8').replace(/\\/\\*[\\s\\S]*?\\*\\//g, '')\n\ndescribe('the selection bar', () => {\n  it('★ counts every way a grid picks - a row, the header\\'s select-all, a new page of rows', () => {\n    expect(bare).toMatch(/GRID_EVENTS = \\['select-record-change', 'select-all-change', 'list-adopted'\\]/)\n  })\n\n  it('★ asks for its grid when it needs it - a page finds its grid only after its first render', () => {\n    expect(bare).toMatch(/gridOf\\?: \\(\\) => SelectionGrid \\| undefined/)\n    expect(bare).not.toMatch(/@property\\(\\{ attribute: false \\}\\) grist/)\n  })\n\n  it('★ hands the rows as keys of the list, to this screen\\'s conversation, sent at once', () => {\n    expect(bare).toMatch(/selection: \\{ title: this\\.name, list: this\\.list, records: selectedRecords\\(rows, \\{ axis: this\\.axis, labelOf: this\\.labelOf \\}\\) \\}/)\n    expect(bare).toMatch(/ask: request\\?\\.trim\\(\\) \\|\\| i18next\\.t\\('ai-assistant\\.selection\\.ask'/)\n    expect(bare).not.toMatch(/draft|continueCurrent|transcript/)\n  })\n\n  it('keeps the words unless the request was sent', () => {\n    expect(bare).toMatch(/if \\(outcome\\?\\.sent && this\\.request === request\\) this\\.request = ''/)\n  })\n\n  it('every word it shows reads in every language', () => {\n    const keys = [...new Set([...bare.matchAll(/'(ai-assistant\\.selection\\.[\\w-]+)'/g)].map(([, key]) => key))]\n    expect(keys.length).toBe(7)\n    for (const locale of ['en', 'ko', 'ja', 'zh', 'ms', 'es']) {\n      const words = JSON.parse(readFileSync(join(__dirname, `../../translations/${locale}.json`), 'utf-8'))\n      for (const key of keys) expect([locale, key, typeof words[key]]).toEqual([locale, key, 'string'])\n      expect(words['ai-assistant.selection.ask']).toMatch(/\\{n\\}/)\n      expect(words['ai-assistant.selection.ask']).toMatch(/\\{title\\}/)\n      expect(words['ai-assistant.selection.count']).toMatch(/\\{n\\}/)\n    }\n  })\n})\n"]}

package/dist-client/components/assistant-session-manager.d.ts

@@ -25,6 +25,10 @@ import { type AssistantSessionAdmin } from '../utils/assistant-session-admin.js'
  * ── 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」.
  */
 export declare class AssistantSessionManager extends LitElement {
     static styles: import("lit").CSSResult;
@@ -49,12 +53,28 @@ export declare class AssistantSessionManager extends LitElement {
     private loading;
     private error;
     private renamingId;
+    private view;
+    private archivedCount;
+    private cleanupCount;
+    private keeping;
+    private deleted;
+    /** The rows picked for doing at once - ids, kept across a reload for the rows still listed. */
+    private picked;
+    private busy;
+    /** What was just done, said once - and the conversation brought back, to open it from here. */
+    private notice;
+    /** The suggestions arrive picked - set when the view turns to them, spent by the first read. */
+    private pickAllOnRead;
     private get filtering();
     private clearFilters;
     private generation;
     private searchTimer?;
     /** Read the list again - the host calls this after it opened or started a conversation. */
     reload(): Promise<void>;
+    /** After a read: the suggestions arrive all picked; otherwise only the picked rows still listed stay picked. */
+    private keepPicked;
+    private setView;
+    private togglePick;
     protected updated(changed: PropertyValues): void;
     disconnectedCallback(): void;
     private emit;
@@ -68,7 +88,24 @@ export declare class AssistantSessionManager extends LitElement {
     private setHidden;
     private setVisibility;
     private _removeSession;
+    /**
+     * 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.
+     */
+    private runMany;
+    /** The sentence that says a deleted conversation can still come back - from 「Deleted」, for as long as it is kept. */
+    private keptFor;
+    private askRemoveMany;
+    private askLeaveMany;
+    private hideMany;
+    private restoreMany;
+    private restoreOne;
     render(): TemplateResult;
+    /** The box over the list: pick all, and what the picked ones can have done to them together. */
+    private renderPickBar;
+    private renderDeletedRow;
+    /** Why a row is where it is: archived, or suggested for clearing. */
+    private renderState;
     private renderRow;
     /**
      * A row's actions in the platform's popup menu - one open at a time, closed by a press outside or Escape, placed