@things-factory/ai-assistant 10.1.258 → 10.1.260

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

@@ -6,6 +6,58 @@
 import { readFileSync } from 'node:fs'
 import { join } from 'node:path'
 
+/*
+ * The bar's actions are run here for real: the page action runner is the published one (`@operato/context`, loaded by
+ * node itself - jest does not transform node_modules), and the bar's template is read as lit would get it. lit,
+ * the icons and the words are stood in for, since this suite runs without a DOM.
+ */
+jest.mock('lit', () => ({
+  html: (strings: TemplateStringsArray, ...values: unknown[]) => ({ strings, values }),
+  css: () => '',
+  nothing: Symbol.for('lit-nothing'),
+  LitElement: class {
+    requestUpdate() {}
+  }
+}))
+jest.mock('lit/decorators.js', () => ({ customElement: () => (it: unknown) => it, property: () => (it: unknown) => it, state: () => (it: unknown) => it }))
+jest.mock('@material/web/icon/icon.js', () => ({}), { virtual: true })
+jest.mock('@operato/context', () => {
+  /* The published runner itself: its one file has no imports, so it is turned into CommonJS here and evaluated. */
+  const { readFileSync } = jest.requireActual('node:fs')
+  const { dirname, join } = jest.requireActual('node:path')
+  const { transformSync } = jest.requireActual('@babel/core')
+  const file = join(dirname(require.resolve('@operato/context/package.json')), 'dist/src/tools/page-action.js')
+  const { code } = transformSync(readFileSync(file, 'utf-8'), { babelrc: false, configFile: false, plugins: ['@babel/plugin-transform-modules-commonjs'] })
+  const module = { exports: {} as Record<string, unknown> }
+  new Function('module', 'exports', code)(module, module.exports)
+  return { ...module.exports, PageActionStyles: '' }
+})
+jest.mock('@operato/i18n', () => ({ i18next: { t: (key: string) => key } }))
+jest.mock('@operato/layout', () => ({ notify: jest.fn() }))
+jest.mock('@operato/styles', () => ({ ButtonStyles: '', FormFieldStyles: '' }))
+jest.mock('../utils/assistant-ask', () => ({ askAssistant: jest.fn() }))
+jest.mock('../utils/assistant-selection', () => ({ selectedRecords: jest.fn() }))
+
+import { notify } from '@operato/layout'
+
+import { OxAssistantSelectionBar, SelectionAction } from './assistant-selection-bar'
+
+type Drawn = { strings: readonly string[]; values: any[] }
+
+/** The value bound to `name=` in the bar's button template (`?danger`, `aria-disabled`, `title`, `@click`). */
+const bound = (drawn: Drawn, name: string) => {
+  const at = drawn.strings.findIndex(part => /\s$/.test(` ${part.slice(0, part.length - name.length - 1)}`) && part.endsWith(`${name}=`))
+  if (at < 0) throw new Error(`no ${name} in the template`)
+  return drawn.values[at]
+}
+
+const barWith = (count: number) => {
+  /* `renderAction` is private to the bar; the suite reaches it as the template lit would be handed. */
+  const bar = new (OxAssistantSelectionBar as any)()
+  bar.count = count
+  return bar as { count: number; renderAction(action: SelectionAction): Drawn }
+}
+
 const bare = readFileSync(join(__dirname, 'assistant-selection-bar.ts'), 'utf-8').replace(/\/\*[\s\S]*?\*\//g, '')
 
 describe('the selection bar', () => {
@@ -30,7 +82,7 @@ describe('the selection bar', () => {
 
   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)
+    expect(keys.length).toBe(8)
     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'])
@@ -40,3 +92,76 @@ describe('the selection bar', () => {
     }
   })
 })
+
+describe('the selection bar\'s actions', () => {
+  beforeEach(() => (notify as jest.Mock).mockClear())
+
+  it('★ draws a destructive action as danger, an ordinary one not', () => {
+    const bar = barWith(1)
+    expect(bound(bar.renderAction({ title: 'delete', action: () => {}, emphasis: { danger: true } }), '?danger')).toBe(true)
+    expect(bound(bar.renderAction({ title: 'copy', action: () => {} }), '?danger')).toBe(false)
+  })
+
+  it('★ a one-row action with two rows picked does not run - it is aria-disabled and says why', async () => {
+    const bar = barWith(2)
+    const action = jest.fn()
+    const drawn = bar.renderAction({ title: 'open', single: true, action })
+    expect(bound(drawn, 'aria-disabled')).toBe('true')
+    expect(bound(drawn, 'title')).toBe('ai-assistant.selection.pick-one')
+    await bound(drawn, '@click')({})
+    expect(action).not.toHaveBeenCalled()
+    expect(notify).toHaveBeenCalledWith({ message: 'ai-assistant.selection.pick-one', level: 'info' })
+
+    const one = barWith(1).renderAction({ title: 'open', single: true, action })
+    expect(bound(one, 'aria-disabled')).toBe('false')
+  })
+
+  it('★ pressed twice while its first run is out, it runs once', async () => {
+    const bar = barWith(1)
+    let finish!: () => void
+    const action = jest.fn(() => new Promise<void>(resolve => (finish = resolve)))
+    const declared: SelectionAction = { id: 'twice', title: 'send', single: true, action }
+    const first = bound(bar.renderAction(declared), '@click')({})
+    const second = bound(bar.renderAction(declared), '@click')({})
+    expect(bound(bar.renderAction(declared), 'aria-disabled')).toBe('true')
+    finish()
+    await Promise.all([first, second])
+    await new Promise(resolve => setTimeout(resolve, 0))
+    expect(action).toHaveBeenCalledTimes(1)
+  })
+})
+
+describe('the selection bar without the assistant', () => {
+  /** Every template drawn under `drawn`, the outer one first - lit's nested `html` results as the mock hands them. */
+  const templates = (drawn: any): Drawn[] =>
+    drawn && typeof drawn === 'object' && Array.isArray(drawn.strings)
+      ? [drawn, ...drawn.values.flatMap((value: any) => (Array.isArray(value) ? value.flatMap(templates) : templates(value)))]
+      : []
+  const drawnWith = (assistant?: boolean) => {
+    const bar = new (OxAssistantSelectionBar as any)()
+    bar.count = 1
+    bar.actions = [{ id: 'delete', title: 'delete', action: () => {}, emphasis: { danger: true } }]
+    if (assistant !== undefined) bar.assistant = assistant
+    return templates(bar.render()).map(template => template.strings.join(''))
+  }
+
+  it('★ offers 「AI와 작업」 unless told not to - the lists that had it keep it', () => {
+    const drawn = drawnWith()
+    expect(drawn.some(template => template.includes('<form'))).toBe(true)
+    expect(drawn.some(template => template.includes('data-action='))).toBe(true)
+  })
+
+  it('★ assistant=false keeps the picked count and the list\'s own actions, without the request form', () => {
+    const drawn = drawnWith(false)
+    expect(drawn.some(template => template.includes('<form'))).toBe(false)
+    expect(drawn.some(template => template.includes('class="scope"'))).toBe(true)
+    expect(drawn.some(template => template.includes('data-action='))).toBe(true)
+  })
+
+  it('shows nothing while no row is picked, whatever assistant says', () => {
+    const bar = new (OxAssistantSelectionBar as any)()
+    bar.count = 0
+    bar.assistant = false
+    expect(templates(bar.render())).toEqual([])
+  })
+})

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

@@ -1,6 +1,9 @@
+import '@material/web/icon/icon.js'
+
 import { css, html, LitElement, nothing } from 'lit'
 import { customElement, property, state } from 'lit/decorators.js'
 
+import { actionKey, PageAction, pageActionRunner, PageActionStyles, roleOf } from '@operato/context'
 import { i18next } from '@operato/i18n'
 import { notify } from '@operato/layout'
 import { ButtonStyles, FormFieldStyles } from '@operato/styles'
@@ -11,6 +14,13 @@ 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']
 
+/**
+ * What the list does with the picked rows - the page action contract (`@operato/context`), run by the same runner as
+ * the page's bar, so it neither starts twice nor runs while the page saves. `single` asks for exactly one picked row:
+ * otherwise it is not pressable and says why.
+ */
+export type SelectionAction = PageAction & { single?: boolean }
+
 /** The part of a grid (data-grist `ox-grist`) the bar reads. */
 export interface SelectionGrid extends HTMLElement {
   selected?: any[]
@@ -32,6 +42,7 @@ export class OxAssistantSelectionBar extends LitElement {
   static styles = [
     ButtonStyles,
     FormFieldStyles,
+    PageActionStyles,
     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); }
@@ -39,6 +50,7 @@ export class OxAssistantSelectionBar extends LitElement {
       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); }
+      .tools button md-icon { --md-icon-size: 16px; }
     `
   ]
 
@@ -51,9 +63,14 @@ export class OxAssistantSelectionBar extends LitElement {
   /** The last part of that list's read key (`office.contract` → `contract`): each row goes as `<axis>:<uuid>`. */
   @property() axis = ''
   /** What the list itself does with the picked rows, before 「AI와 작업」. */
-  @property({ attribute: false }) actions: { title: string; action: () => any }[] = []
+  @property({ attribute: false }) actions: SelectionAction[] = []
   /** A row in the person's words, when the code and name do not say it (`selectionLabel`). */
   @property({ attribute: false }) labelOf?: (row: any) => string
+  /**
+   * Whether the bar offers 「AI와 작업」 - a request sent with the picked rows. A list the assistant does not read (no
+   * `list`/`axis`) turns it off and keeps only its own actions on the picked rows.
+   */
+  @property({ type: Boolean }) assistant = true
 
   @state() count = 0
   @state() request = ''
@@ -71,8 +88,11 @@ export class OxAssistantSelectionBar extends LitElement {
     this.count = grid?.selected?.length ?? 0
   }
 
+  private onRunnerChange = () => this.requestUpdate()
+
   connectedCallback() {
     super.connectedCallback()
+    pageActionRunner.addEventListener('change', this.onRunnerChange)
     this.root = this.getRootNode()
     for (const event of GRID_EVENTS) this.root.addEventListener(event, this.recount)
     void this.recount()
@@ -80,6 +100,7 @@ export class OxAssistantSelectionBar extends LitElement {
 
   disconnectedCallback() {
     super.disconnectedCallback()
+    pageActionRunner.removeEventListener('change', this.onRunnerChange)
     for (const event of GRID_EVENTS) this.root?.removeEventListener(event, this.recount)
     this.root = undefined
   }
@@ -111,18 +132,46 @@ export class OxAssistantSelectionBar extends LitElement {
     if (outcome?.sent && this.request === request) this.request = ''
   }
 
+  /** One action on the picked rows: its icon and name, destructive ones in the error colour, the reason when it cannot run. */
+  private renderAction(action: SelectionAction) {
+    const reason = action.single && this.count !== 1 ? i18next.t('ai-assistant.selection.pick-one') : action.disabled ? action.disabledTitle : undefined
+    const running = pageActionRunner.isRunning(action)
+    const blocked = running || pageActionRunner.isHeld(action) || !!reason || !!action.disabled
+    return html`<button
+      quiet
+      small
+      data-action=${actionKey(action)}
+      ?danger=${roleOf(action) === 'danger'}
+      ?running=${running}
+      aria-disabled=${blocked ? 'true' : 'false'}
+      aria-busy=${running ? 'true' : 'false'}
+      title=${reason ?? action.title ?? ''}
+      @click=${(event: Event) => {
+        if (reason) {
+          notify({ message: reason, level: 'info' })
+          return
+        }
+        pageActionRunner.run(action, event)
+      }}
+    >
+      ${running ? html`<md-icon working aria-hidden="true">progress_activity</md-icon>` : action.icon ? html`<md-icon aria-hidden="true">${action.icon}</md-icon>` : nothing}${action.title}
+    </button>`
+  }
+
   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>`
+            ? html`<div class="tools">${this.actions.filter(Boolean).map(action => this.renderAction(action))}</div>`
+            : nothing}
+          ${this.assistant
+            ? html`<form @submit=${(event: 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: any) => (this.request = event.target.value)} />
+                <button quiet small type="submit">${i18next.t('ai-assistant.selection.work-with-ai')}</button>
+              </form>`
             : nothing}
-          <form @submit=${(event: 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: any) => (this.request = event.target.value)} />
-            <button quiet small type="submit">${i18next.t('ai-assistant.selection.work-with-ai')}</button>
-          </form>
         </div>`
       : nothing
   }

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

@@ -1,4 +1,14 @@
+import '@material/web/icon/icon.js';
 import { LitElement, nothing } from 'lit';
+import { PageAction } from '@operato/context';
+/**
+ * What the list does with the picked rows - the page action contract (`@operato/context`), run by the same runner as
+ * the page's bar, so it neither starts twice nor runs while the page saves. `single` asks for exactly one picked row:
+ * otherwise it is not pressable and says why.
+ */
+export type SelectionAction = PageAction & {
+    single?: boolean;
+};
 /** The part of a grid (data-grist `ox-grist`) the bar reads. */
 export interface SelectionGrid extends HTMLElement {
     selected?: any[];
@@ -25,20 +35,25 @@ export declare class OxAssistantSelectionBar extends LitElement {
     /** 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;
-    }[];
+    actions: SelectionAction[];
     /** A row in the person's words, when the code and name do not say it (`selectionLabel`). */
     labelOf?: (row: any) => string;
+    /**
+     * Whether the bar offers 「AI와 작업」 - a request sent with the picked rows. A list the assistant does not read (no
+     * `list`/`axis`) turns it off and keeps only its own actions on the picked rows.
+     */
+    assistant: boolean;
     count: number;
     request: string;
     private get grid();
     private root?;
     private recount;
+    private onRunnerChange;
     connectedCallback(): void;
     disconnectedCallback(): void;
     willUpdate(changes: Map<string, unknown>): void;
     ask(request?: string): Promise<void>;
+    /** One action on the picked rows: its icon and name, destructive ones in the error colour, the reason when it cannot run. */
+    private renderAction;
     render(): import("lit-html").TemplateResult<1> | typeof nothing;
 }

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

@@ -1,6 +1,8 @@
 import { __decorate, __metadata } from "tslib";
+import '@material/web/icon/icon.js';
 import { css, html, LitElement, nothing } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
+import { actionKey, pageActionRunner, PageActionStyles, roleOf } from '@operato/context';
 import { i18next } from '@operato/i18n';
 import { notify } from '@operato/layout';
 import { ButtonStyles, FormFieldStyles } from '@operato/styles';
@@ -29,6 +31,11 @@ let OxAssistantSelectionBar = class OxAssistantSelectionBar extends LitElement {
         this.axis = '';
         /** What the list itself does with the picked rows, before 「AI와 작업」. */
         this.actions = [];
+        /**
+         * Whether the bar offers 「AI와 작업」 - a request sent with the picked rows. A list the assistant does not read (no
+         * `list`/`axis`) turns it off and keeps only its own actions on the picked rows.
+         */
+        this.assistant = true;
         this.count = 0;
         this.request = '';
         this.recount = async (event) => {
@@ -38,10 +45,12 @@ let OxAssistantSelectionBar = class OxAssistantSelectionBar extends LitElement {
             await grid?.updateComplete;
             this.count = grid?.selected?.length ?? 0;
         };
+        this.onRunnerChange = () => this.requestUpdate();
     }
     static { this.styles = [
         ButtonStyles,
         FormFieldStyles,
+        PageActionStyles,
         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); }
@@ -49,6 +58,7 @@ let OxAssistantSelectionBar = class OxAssistantSelectionBar extends LitElement {
       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); }
+      .tools button md-icon { --md-icon-size: 16px; }
     `
     ]; }
     get grid() {
@@ -56,6 +66,7 @@ let OxAssistantSelectionBar = class OxAssistantSelectionBar extends LitElement {
     }
     connectedCallback() {
         super.connectedCallback();
+        pageActionRunner.addEventListener('change', this.onRunnerChange);
         this.root = this.getRootNode();
         for (const event of GRID_EVENTS)
             this.root.addEventListener(event, this.recount);
@@ -63,6 +74,7 @@ let OxAssistantSelectionBar = class OxAssistantSelectionBar extends LitElement {
     }
     disconnectedCallback() {
         super.disconnectedCallback();
+        pageActionRunner.removeEventListener('change', this.onRunnerChange);
         for (const event of GRID_EVENTS)
             this.root?.removeEventListener(event, this.recount);
         this.root = undefined;
@@ -94,18 +106,45 @@ let OxAssistantSelectionBar = class OxAssistantSelectionBar extends LitElement {
         if (outcome?.sent && this.request === request)
             this.request = '';
     }
+    /** One action on the picked rows: its icon and name, destructive ones in the error colour, the reason when it cannot run. */
+    renderAction(action) {
+        const reason = action.single && this.count !== 1 ? i18next.t('ai-assistant.selection.pick-one') : action.disabled ? action.disabledTitle : undefined;
+        const running = pageActionRunner.isRunning(action);
+        const blocked = running || pageActionRunner.isHeld(action) || !!reason || !!action.disabled;
+        return html `<button
+      quiet
+      small
+      data-action=${actionKey(action)}
+      ?danger=${roleOf(action) === 'danger'}
+      ?running=${running}
+      aria-disabled=${blocked ? 'true' : 'false'}
+      aria-busy=${running ? 'true' : 'false'}
+      title=${reason ?? action.title ?? ''}
+      @click=${(event) => {
+            if (reason) {
+                notify({ message: reason, level: 'info' });
+                return;
+            }
+            pageActionRunner.run(action, event);
+        }}
+    >
+      ${running ? html `<md-icon working aria-hidden="true">progress_activity</md-icon>` : action.icon ? html `<md-icon aria-hidden="true">${action.icon}</md-icon>` : nothing}${action.title}
+    </button>`;
+    }
     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>`
+                ? html `<div class="tools">${this.actions.filter(Boolean).map(action => this.renderAction(action))}</div>`
+                : nothing}
+          ${this.assistant
+                ? html `<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>`
                 : 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;
     }
@@ -134,6 +173,10 @@ __decorate([
     property({ attribute: false }),
     __metadata("design:type", Function)
 ], OxAssistantSelectionBar.prototype, "labelOf", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], OxAssistantSelectionBar.prototype, "assistant", void 0);
 __decorate([
     state(),
     __metadata("design:type", Object)

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

@@ -1 +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"]}
+{"version":3,"file":"assistant-selection-bar.js","sourceRoot":"","sources":["../../client/components/assistant-selection-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { actionKey, PageAction, pageActionRunner, PageActionStyles, roleOf } from '@operato/context'\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/**\n * What the list does with the picked rows - the page action contract (`@operato/context`), run by the same runner as\n * the page's bar, so it neither starts twice nor runs while the page saves. `single` asks for exactly one picked row:\n * otherwise it is not pressable and says why.\n */\nexport type SelectionAction = PageAction & { single?: boolean }\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    PageActionStyles,\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      .tools button md-icon { --md-icon-size: 16px; }\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: SelectionAction[] = []\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   * Whether the bar offers 「AI와 작업」 - a request sent with the picked rows. A list the assistant does not read (no\n   * `list`/`axis`) turns it off and keeps only its own actions on the picked rows.\n   */\n  @property({ type: Boolean }) assistant = true\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  private onRunnerChange = () => this.requestUpdate()\n\n  connectedCallback() {\n    super.connectedCallback()\n    pageActionRunner.addEventListener('change', this.onRunnerChange)\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    pageActionRunner.removeEventListener('change', this.onRunnerChange)\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  /** One action on the picked rows: its icon and name, destructive ones in the error colour, the reason when it cannot run. */\n  private renderAction(action: SelectionAction) {\n    const reason = action.single && this.count !== 1 ? i18next.t('ai-assistant.selection.pick-one') : action.disabled ? action.disabledTitle : undefined\n    const running = pageActionRunner.isRunning(action)\n    const blocked = running || pageActionRunner.isHeld(action) || !!reason || !!action.disabled\n    return html`<button\n      quiet\n      small\n      data-action=${actionKey(action)}\n      ?danger=${roleOf(action) === 'danger'}\n      ?running=${running}\n      aria-disabled=${blocked ? 'true' : 'false'}\n      aria-busy=${running ? 'true' : 'false'}\n      title=${reason ?? action.title ?? ''}\n      @click=${(event: Event) => {\n        if (reason) {\n          notify({ message: reason, level: 'info' })\n          return\n        }\n        pageActionRunner.run(action, event)\n      }}\n    >\n      ${running ? html`<md-icon working aria-hidden=\"true\">progress_activity</md-icon>` : action.icon ? html`<md-icon aria-hidden=\"true\">${action.icon}</md-icon>` : nothing}${action.title}\n    </button>`\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.filter(Boolean).map(action => this.renderAction(action))}</div>`\n            : nothing}\n          ${this.assistant\n            ? html`<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            : nothing}\n        </div>`\n      : nothing\n  }\n}\n"]}

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

@@ -5,6 +5,52 @@
  */
 import { readFileSync } from 'node:fs';
 import { join } from 'node:path';
+/*
+ * The bar's actions are run here for real: the page action runner is the published one (`@operato/context`, loaded by
+ * node itself - jest does not transform node_modules), and the bar's template is read as lit would get it. lit,
+ * the icons and the words are stood in for, since this suite runs without a DOM.
+ */
+jest.mock('lit', () => ({
+    html: (strings, ...values) => ({ strings, values }),
+    css: () => '',
+    nothing: Symbol.for('lit-nothing'),
+    LitElement: class {
+        requestUpdate() { }
+    }
+}));
+jest.mock('lit/decorators.js', () => ({ customElement: () => (it) => it, property: () => (it) => it, state: () => (it) => it }));
+jest.mock('@material/web/icon/icon.js', () => ({}), { virtual: true });
+jest.mock('@operato/context', () => {
+    /* The published runner itself: its one file has no imports, so it is turned into CommonJS here and evaluated. */
+    const { readFileSync } = jest.requireActual('node:fs');
+    const { dirname, join } = jest.requireActual('node:path');
+    const { transformSync } = jest.requireActual('@babel/core');
+    const file = join(dirname(require.resolve('@operato/context/package.json')), 'dist/src/tools/page-action.js');
+    const { code } = transformSync(readFileSync(file, 'utf-8'), { babelrc: false, configFile: false, plugins: ['@babel/plugin-transform-modules-commonjs'] });
+    const module = { exports: {} };
+    new Function('module', 'exports', code)(module, module.exports);
+    return { ...module.exports, PageActionStyles: '' };
+});
+jest.mock('@operato/i18n', () => ({ i18next: { t: (key) => key } }));
+jest.mock('@operato/layout', () => ({ notify: jest.fn() }));
+jest.mock('@operato/styles', () => ({ ButtonStyles: '', FormFieldStyles: '' }));
+jest.mock('../utils/assistant-ask', () => ({ askAssistant: jest.fn() }));
+jest.mock('../utils/assistant-selection', () => ({ selectedRecords: jest.fn() }));
+import { notify } from '@operato/layout';
+import { OxAssistantSelectionBar } from './assistant-selection-bar';
+/** The value bound to `name=` in the bar's button template (`?danger`, `aria-disabled`, `title`, `@click`). */
+const bound = (drawn, name) => {
+    const at = drawn.strings.findIndex(part => /\s$/.test(` ${part.slice(0, part.length - name.length - 1)}`) && part.endsWith(`${name}=`));
+    if (at < 0)
+        throw new Error(`no ${name} in the template`);
+    return drawn.values[at];
+};
+const barWith = (count) => {
+    /* `renderAction` is private to the bar; the suite reaches it as the template lit would be handed. */
+    const bar = new OxAssistantSelectionBar();
+    bar.count = count;
+    return bar;
+};
 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', () => {
@@ -24,7 +70,7 @@ describe('the selection bar', () => {
     });
     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);
+        expect(keys.length).toBe(8);
         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)
@@ -35,4 +81,68 @@ describe('the selection bar', () => {
         }
     });
 });
+describe('the selection bar\'s actions', () => {
+    beforeEach(() => notify.mockClear());
+    it('★ draws a destructive action as danger, an ordinary one not', () => {
+        const bar = barWith(1);
+        expect(bound(bar.renderAction({ title: 'delete', action: () => { }, emphasis: { danger: true } }), '?danger')).toBe(true);
+        expect(bound(bar.renderAction({ title: 'copy', action: () => { } }), '?danger')).toBe(false);
+    });
+    it('★ a one-row action with two rows picked does not run - it is aria-disabled and says why', async () => {
+        const bar = barWith(2);
+        const action = jest.fn();
+        const drawn = bar.renderAction({ title: 'open', single: true, action });
+        expect(bound(drawn, 'aria-disabled')).toBe('true');
+        expect(bound(drawn, 'title')).toBe('ai-assistant.selection.pick-one');
+        await bound(drawn, '@click')({});
+        expect(action).not.toHaveBeenCalled();
+        expect(notify).toHaveBeenCalledWith({ message: 'ai-assistant.selection.pick-one', level: 'info' });
+        const one = barWith(1).renderAction({ title: 'open', single: true, action });
+        expect(bound(one, 'aria-disabled')).toBe('false');
+    });
+    it('★ pressed twice while its first run is out, it runs once', async () => {
+        const bar = barWith(1);
+        let finish;
+        const action = jest.fn(() => new Promise(resolve => (finish = resolve)));
+        const declared = { id: 'twice', title: 'send', single: true, action };
+        const first = bound(bar.renderAction(declared), '@click')({});
+        const second = bound(bar.renderAction(declared), '@click')({});
+        expect(bound(bar.renderAction(declared), 'aria-disabled')).toBe('true');
+        finish();
+        await Promise.all([first, second]);
+        await new Promise(resolve => setTimeout(resolve, 0));
+        expect(action).toHaveBeenCalledTimes(1);
+    });
+});
+describe('the selection bar without the assistant', () => {
+    /** Every template drawn under `drawn`, the outer one first - lit's nested `html` results as the mock hands them. */
+    const templates = (drawn) => drawn && typeof drawn === 'object' && Array.isArray(drawn.strings)
+        ? [drawn, ...drawn.values.flatMap((value) => (Array.isArray(value) ? value.flatMap(templates) : templates(value)))]
+        : [];
+    const drawnWith = (assistant) => {
+        const bar = new OxAssistantSelectionBar();
+        bar.count = 1;
+        bar.actions = [{ id: 'delete', title: 'delete', action: () => { }, emphasis: { danger: true } }];
+        if (assistant !== undefined)
+            bar.assistant = assistant;
+        return templates(bar.render()).map(template => template.strings.join(''));
+    };
+    it('★ offers 「AI와 작업」 unless told not to - the lists that had it keep it', () => {
+        const drawn = drawnWith();
+        expect(drawn.some(template => template.includes('<form'))).toBe(true);
+        expect(drawn.some(template => template.includes('data-action='))).toBe(true);
+    });
+    it('★ assistant=false keeps the picked count and the list\'s own actions, without the request form', () => {
+        const drawn = drawnWith(false);
+        expect(drawn.some(template => template.includes('<form'))).toBe(false);
+        expect(drawn.some(template => template.includes('class="scope"'))).toBe(true);
+        expect(drawn.some(template => template.includes('data-action='))).toBe(true);
+    });
+    it('shows nothing while no row is picked, whatever assistant says', () => {
+        const bar = new OxAssistantSelectionBar();
+        bar.count = 0;
+        bar.assistant = false;
+        expect(templates(bar.render())).toEqual([]);
+    });
+});
 //# sourceMappingURL=assistant-selection-bar.test.js.map