@things-factory/ai-assistant 10.1.87 → 10.1.90

package/dist-client/components/entry-review.d.ts

@@ -0,0 +1,9 @@
+import '@material/web/icon/icon.js';
+import { LitElement } from 'lit';
+export declare class AssistantEntryReview extends LitElement {
+    static styles: import("lit").CSSResult;
+    proposal: any;
+    /** The sum of each totalled field, beside the total the material prints - a missing row shows here without reading every row. */
+    private renderTotals;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist-client/components/entry-review.js

@@ -0,0 +1,247 @@
+import { __decorate, __metadata } from "tslib";
+/*
+ * The rows of a data entry proposal, as the person reviews them (operato-application/design/ai/data-entry.md §5).
+ *
+ * Read-only on purpose: a correction is said in the conversation ("row 2 is 12,000", "drop the last one")
+ * and the model proposes again. What is wrong in a cell is marked on the cell - blocking in the error
+ * colour, a note in the outline - and where each row came from is on the row.
+ */
+import '@material/web/icon/icon.js';
+import { LitElement, css, html, nothing } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { i18next } from '@operato/i18n';
+import { entryCellIssues, entryIssueKey } from '../utils/entry-proposal.js';
+const SHOWN = 50;
+const t = (key, defaultValue, options = {}) => i18next.t(`ai-assistant.entry.${key}`, { defaultValue, ...options });
+function issueText(issue) {
+    const params = { ...(issue.params ?? {}) };
+    if (Array.isArray(params.values))
+        params.values = params.values.join(', ');
+    return String(i18next.t(entryIssueKey(issue), { defaultValue: issue.code, ...params }));
+}
+function shown(value) {
+    if (value === undefined || value === null)
+        return '';
+    if (typeof value === 'number')
+        return value.toLocaleString(i18next.language || undefined);
+    if (typeof value === 'boolean')
+        return value ? '✓' : '—';
+    return String(value);
+}
+let AssistantEntryReview = class AssistantEntryReview extends LitElement {
+    static { this.styles = css `
+    :host {
+      display: block;
+      margin: 4px 0 2px;
+      font-size: 12px;
+      color: var(--md-sys-color-on-surface);
+    }
+
+    .summary {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 4px 10px;
+      margin-bottom: 6px;
+      color: var(--md-sys-color-on-surface-variant);
+    }
+
+    .summary .blocked {
+      color: var(--md-sys-color-error);
+      font-weight: 600;
+    }
+
+    .scroll {
+      max-height: 320px;
+      overflow: auto;
+      border: 1px solid var(--md-sys-color-outline-variant);
+      border-radius: 6px;
+    }
+
+    table {
+      width: 100%;
+      border-collapse: collapse;
+    }
+
+    th,
+    td {
+      padding: 4px 6px;
+      border-bottom: 1px solid var(--md-sys-color-outline-variant);
+      text-align: start;
+      vertical-align: top;
+      white-space: nowrap;
+    }
+
+    th {
+      position: sticky;
+      top: 0;
+      background: var(--md-sys-color-surface-container);
+      font-weight: 600;
+    }
+
+    td.num {
+      text-align: end;
+      font-variant-numeric: tabular-nums;
+    }
+
+    tr.blocked td {
+      background: color-mix(in srgb, var(--md-sys-color-error) 6%, transparent);
+    }
+
+    td.bad {
+      color: var(--md-sys-color-error);
+      text-decoration: underline wavy var(--md-sys-color-error);
+      text-underline-offset: 3px;
+    }
+
+    td.note {
+      text-decoration: underline dotted var(--md-sys-color-outline);
+      text-underline-offset: 3px;
+    }
+
+    .missing {
+      color: var(--md-sys-color-error);
+      font-style: italic;
+    }
+
+    .source {
+      color: var(--md-sys-color-on-surface-variant);
+      max-width: 180px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+
+    .row-issue {
+      display: block;
+      color: var(--md-sys-color-on-surface-variant);
+      white-space: normal;
+    }
+
+    .row-issue.blocking {
+      color: var(--md-sys-color-error);
+    }
+
+    .verified {
+      color: var(--md-sys-color-primary);
+    }
+
+    .verified md-icon,
+    .totals md-icon {
+      --md-icon-size: 14px;
+      vertical-align: -2px;
+    }
+
+    .totals {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 2px 12px;
+      margin: 6px 0 0;
+      font-variant-numeric: tabular-nums;
+    }
+
+    .totals .differs {
+      color: var(--md-sys-color-error);
+      font-weight: 600;
+    }
+
+    .totals .matches {
+      color: var(--md-sys-color-primary);
+    }
+
+    .more,
+    .check-failed {
+      margin-top: 4px;
+      color: var(--md-sys-color-on-surface-variant);
+    }
+  `; }
+    /** The sum of each totalled field, beside the total the material prints - a missing row shows here without reading every row. */
+    renderTotals(totals, columns) {
+        if (!totals.length)
+            return nothing;
+        const name = (field) => {
+            const column = columns.find(one => one.name === field);
+            return column?.labelKey ? i18next.t(column.labelKey) : field;
+        };
+        return html `<div class="totals" role="status">
+      ${totals.map(total => html `
+        <span>${t('total', '{field} total {sum}', { field: name(total.field), sum: shown(total.all) })}</span>
+        ${total.ready !== total.all ? html `<span>${t('total-ready', 'entered {sum}', { sum: shown(total.ready) })}</span>` : nothing}
+        ${total.declared !== undefined
+            ? html `<span>${t('total-declared', 'the material says {sum}', { sum: shown(total.declared) })}${total.declaredFound === false ? ` (${t('total-not-found', 'not found in the file')})` : ''}</span>
+              ${total.difference
+                ? html `<span class="differs">${t('total-differs', 'differs by {sum}', { sum: shown(total.difference) })}</span>`
+                : html `<span class="matches"><md-icon>task_alt</md-icon> ${t('total-matches', 'matches')}</span>`}`
+            : nothing}
+      `)}
+    </div>`;
+    }
+    render() {
+        const p = this.proposal ?? {};
+        const columns = p.columns ?? [];
+        const rows = p.rows ?? [];
+        const counts = p.counts ?? {};
+        return html `
+      <div class="summary" role="status">
+        <span>${t('rows', '{count} rows', { count: counts.rows ?? rows.length })}</span>
+        <span>${t('ready', '{count} ready', { count: counts.ready ?? 0 })}</span>
+        ${counts.blocked ? html `<span class="blocked">${t('blocked', '{count} will not be entered', { count: counts.blocked })}</span>` : nothing}
+        ${counts.cut ? html `<span class="blocked">${t('cut', '{count} left out over the limit', { count: counts.cut })}</span>` : nothing}
+        ${counts.verified ? html `<span class="verified"><md-icon>task_alt</md-icon> ${t('verified', '{count} found in their file', { count: counts.verified })}</span>` : nothing}
+        ${counts.unmatched ? html `<span class="blocked">${t('unmatched', '{count} with a value their file does not have', { count: counts.unmatched })}</span>` : nothing}
+      </div>
+      <div class="scroll">
+        <table>
+          <thead>
+            <tr>
+              <th>#</th>
+              ${columns.map(column => html `<th>${column.labelKey ? i18next.t(column.labelKey) : column.name}${column.required ? ' *' : ''}</th>`)}
+              <th>${t('source', 'from')}</th>
+            </tr>
+          </thead>
+          <tbody>
+            ${rows.slice(0, SHOWN).map(row => {
+            const blocked = (row.issues ?? []).some(issue => issue.blocking);
+            const whole = entryCellIssues(row);
+            return html `
+                <tr class=${blocked ? 'blocked' : ''}>
+                  <td class="num">${row.index + 1}</td>
+                  ${columns.map(column => {
+                const issues = entryCellIssues(row, column.name);
+                const bad = issues.some(issue => issue.blocking);
+                const value = row.values?.[column.name];
+                const text = shown(value);
+                return html `<td
+                      class="${column.type === 'number' || column.type === 'integer' ? 'num' : ''} ${bad ? 'bad' : issues.length ? 'note' : ''}"
+                      title=${issues.map(issueText).join('\n')}
+                    >
+                      ${text || (issues.some(issue => issue.code === 'required') ? html `<span class="missing">${t('missing', 'missing')}</span>` : '')}
+                    </td>`;
+            })}
+                  <td class="source" title=${(row.sources ?? []).map(source => source.where || source.attachmentId).join(' · ')}>
+                    ${row.evidence ? html `<span class="verified" title=${t('evidence', 'found on line {line} of the file', { line: row.evidence.line })}><md-icon>task_alt</md-icon></span> ` : nothing}
+                    ${(row.sources ?? []).map(source => source.where || source.attachmentId).join(' · ')}
+                    ${whole
+                .filter(issue => issue.code !== 'no-source')
+                .map(issue => html `<span class="row-issue ${issue.blocking ? 'blocking' : ''}">${issueText(issue)}</span>`)}
+                    ${whole.some(issue => issue.code === 'no-source') ? html `<span class="row-issue">${issueText({ code: 'no-source', blocking: false })}</span>` : nothing}
+                  </td>
+                </tr>
+              `;
+        })}
+          </tbody>
+        </table>
+      </div>
+      ${this.renderTotals(p.totals ?? [], columns)}
+      ${rows.length > SHOWN ? html `<div class="more">${t('more-rows', '{count} more rows are not shown - they are entered too.', { count: rows.length - SHOWN })}</div>` : nothing}
+      ${p.checkFailed ? html `<div class="check-failed">${t('check-failed', 'the application could not check these rows; they are checked again when entered.')}</div>` : nothing}
+    `;
+    }
+};
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Object)
+], AssistantEntryReview.prototype, "proposal", void 0);
+AssistantEntryReview = __decorate([
+    customElement('ox-assistant-entry-review')
+], AssistantEntryReview);
+export { AssistantEntryReview };
+//# sourceMappingURL=entry-review.js.map

package/dist-client/components/entry-review.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"entry-review.js","sourceRoot":"","sources":["../../client/components/entry-review.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * The rows of a data entry proposal, as the person reviews them (operato-application/design/ai/data-entry.md §5).\n *\n * Read-only on purpose: a correction is said in the conversation (\"row 2 is 12,000\", \"drop the last one\")\n * and the model proposes again. What is wrong in a cell is marked on the cell - blocking in the error\n * colour, a note in the outline - and where each row came from is on the row.\n */\nimport '@material/web/icon/icon.js'\n\nimport { LitElement, css, html, nothing } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\n\nimport { entryCellIssues, entryIssueKey, type EntryIssueView, type EntryRowView, type EntryTotalView } from '../utils/entry-proposal.js'\n\nconst SHOWN = 50\n\nconst t = (key: string, defaultValue: string, options: Record<string, unknown> = {}) =>\n  i18next.t(`ai-assistant.entry.${key}`, { defaultValue, ...options })\n\nfunction issueText(issue: EntryIssueView): string {\n  const params = { ...(issue.params ?? {}) } as any\n  if (Array.isArray(params.values)) params.values = params.values.join(', ')\n  return String(i18next.t(entryIssueKey(issue), { defaultValue: issue.code, ...params }))\n}\n\nfunction shown(value: unknown): string {\n  if (value === undefined || value === null) return ''\n  if (typeof value === 'number') return value.toLocaleString(i18next.language || undefined)\n  if (typeof value === 'boolean') return value ? '✓' : '—'\n  return String(value)\n}\n\n@customElement('ox-assistant-entry-review')\nexport class AssistantEntryReview extends LitElement {\n  static styles = css`\n    :host {\n      display: block;\n      margin: 4px 0 2px;\n      font-size: 12px;\n      color: var(--md-sys-color-on-surface);\n    }\n\n    .summary {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 4px 10px;\n      margin-bottom: 6px;\n      color: var(--md-sys-color-on-surface-variant);\n    }\n\n    .summary .blocked {\n      color: var(--md-sys-color-error);\n      font-weight: 600;\n    }\n\n    .scroll {\n      max-height: 320px;\n      overflow: auto;\n      border: 1px solid var(--md-sys-color-outline-variant);\n      border-radius: 6px;\n    }\n\n    table {\n      width: 100%;\n      border-collapse: collapse;\n    }\n\n    th,\n    td {\n      padding: 4px 6px;\n      border-bottom: 1px solid var(--md-sys-color-outline-variant);\n      text-align: start;\n      vertical-align: top;\n      white-space: nowrap;\n    }\n\n    th {\n      position: sticky;\n      top: 0;\n      background: var(--md-sys-color-surface-container);\n      font-weight: 600;\n    }\n\n    td.num {\n      text-align: end;\n      font-variant-numeric: tabular-nums;\n    }\n\n    tr.blocked td {\n      background: color-mix(in srgb, var(--md-sys-color-error) 6%, transparent);\n    }\n\n    td.bad {\n      color: var(--md-sys-color-error);\n      text-decoration: underline wavy var(--md-sys-color-error);\n      text-underline-offset: 3px;\n    }\n\n    td.note {\n      text-decoration: underline dotted var(--md-sys-color-outline);\n      text-underline-offset: 3px;\n    }\n\n    .missing {\n      color: var(--md-sys-color-error);\n      font-style: italic;\n    }\n\n    .source {\n      color: var(--md-sys-color-on-surface-variant);\n      max-width: 180px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .row-issue {\n      display: block;\n      color: var(--md-sys-color-on-surface-variant);\n      white-space: normal;\n    }\n\n    .row-issue.blocking {\n      color: var(--md-sys-color-error);\n    }\n\n    .verified {\n      color: var(--md-sys-color-primary);\n    }\n\n    .verified md-icon,\n    .totals md-icon {\n      --md-icon-size: 14px;\n      vertical-align: -2px;\n    }\n\n    .totals {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 2px 12px;\n      margin: 6px 0 0;\n      font-variant-numeric: tabular-nums;\n    }\n\n    .totals .differs {\n      color: var(--md-sys-color-error);\n      font-weight: 600;\n    }\n\n    .totals .matches {\n      color: var(--md-sys-color-primary);\n    }\n\n    .more,\n    .check-failed {\n      margin-top: 4px;\n      color: var(--md-sys-color-on-surface-variant);\n    }\n  `\n\n  @property({ attribute: false }) proposal: any\n\n  /** The sum of each totalled field, beside the total the material prints - a missing row shows here without reading every row. */\n  private renderTotals(totals: EntryTotalView[], columns: { name: string; labelKey?: string }[]) {\n    if (!totals.length) return nothing\n    const name = (field: string) => {\n      const column = columns.find(one => one.name === field)\n      return column?.labelKey ? i18next.t(column.labelKey) : field\n    }\n    return html`<div class=\"totals\" role=\"status\">\n      ${totals.map(total => html`\n        <span>${t('total', '{field} total {sum}', { field: name(total.field), sum: shown(total.all) })}</span>\n        ${total.ready !== total.all ? html`<span>${t('total-ready', 'entered {sum}', { sum: shown(total.ready) })}</span>` : nothing}\n        ${total.declared !== undefined\n          ? html`<span>${t('total-declared', 'the material says {sum}', { sum: shown(total.declared) })}${total.declaredFound === false ? ` (${t('total-not-found', 'not found in the file')})` : ''}</span>\n              ${total.difference\n                ? html`<span class=\"differs\">${t('total-differs', 'differs by {sum}', { sum: shown(total.difference) })}</span>`\n                : html`<span class=\"matches\"><md-icon>task_alt</md-icon> ${t('total-matches', 'matches')}</span>`}`\n          : nothing}\n      `)}\n    </div>`\n  }\n\n  render() {\n    const p = this.proposal ?? {}\n    const columns: { name: string; type: string; required?: boolean; labelKey?: string }[] = p.columns ?? []\n    const rows: EntryRowView[] = p.rows ?? []\n    const counts = p.counts ?? {}\n    return html`\n      <div class=\"summary\" role=\"status\">\n        <span>${t('rows', '{count} rows', { count: counts.rows ?? rows.length })}</span>\n        <span>${t('ready', '{count} ready', { count: counts.ready ?? 0 })}</span>\n        ${counts.blocked ? html`<span class=\"blocked\">${t('blocked', '{count} will not be entered', { count: counts.blocked })}</span>` : nothing}\n        ${counts.cut ? html`<span class=\"blocked\">${t('cut', '{count} left out over the limit', { count: counts.cut })}</span>` : nothing}\n        ${counts.verified ? html`<span class=\"verified\"><md-icon>task_alt</md-icon> ${t('verified', '{count} found in their file', { count: counts.verified })}</span>` : nothing}\n        ${counts.unmatched ? html`<span class=\"blocked\">${t('unmatched', '{count} with a value their file does not have', { count: counts.unmatched })}</span>` : nothing}\n      </div>\n      <div class=\"scroll\">\n        <table>\n          <thead>\n            <tr>\n              <th>#</th>\n              ${columns.map(column => html`<th>${column.labelKey ? i18next.t(column.labelKey) : column.name}${column.required ? ' *' : ''}</th>`)}\n              <th>${t('source', 'from')}</th>\n            </tr>\n          </thead>\n          <tbody>\n            ${rows.slice(0, SHOWN).map(row => {\n              const blocked = (row.issues ?? []).some(issue => issue.blocking)\n              const whole = entryCellIssues(row)\n              return html`\n                <tr class=${blocked ? 'blocked' : ''}>\n                  <td class=\"num\">${row.index + 1}</td>\n                  ${columns.map(column => {\n                    const issues = entryCellIssues(row, column.name)\n                    const bad = issues.some(issue => issue.blocking)\n                    const value = row.values?.[column.name]\n                    const text = shown(value)\n                    return html`<td\n                      class=\"${column.type === 'number' || column.type === 'integer' ? 'num' : ''} ${bad ? 'bad' : issues.length ? 'note' : ''}\"\n                      title=${issues.map(issueText).join('\\n')}\n                    >\n                      ${text || (issues.some(issue => issue.code === 'required') ? html`<span class=\"missing\">${t('missing', 'missing')}</span>` : '')}\n                    </td>`\n                  })}\n                  <td class=\"source\" title=${(row.sources ?? []).map(source => source.where || source.attachmentId).join(' · ')}>\n                    ${row.evidence ? html`<span class=\"verified\" title=${t('evidence', 'found on line {line} of the file', { line: row.evidence.line })}><md-icon>task_alt</md-icon></span> ` : nothing}\n                    ${(row.sources ?? []).map(source => source.where || source.attachmentId).join(' · ')}\n                    ${whole\n                      .filter(issue => issue.code !== 'no-source')\n                      .map(issue => html`<span class=\"row-issue ${issue.blocking ? 'blocking' : ''}\">${issueText(issue)}</span>`)}\n                    ${whole.some(issue => issue.code === 'no-source') ? html`<span class=\"row-issue\">${issueText({ code: 'no-source', blocking: false })}</span>` : nothing}\n                  </td>\n                </tr>\n              `\n            })}\n          </tbody>\n        </table>\n      </div>\n      ${this.renderTotals(p.totals ?? [], columns)}\n      ${rows.length > SHOWN ? html`<div class=\"more\">${t('more-rows', '{count} more rows are not shown - they are entered too.', { count: rows.length - SHOWN })}</div>` : nothing}\n      ${p.checkFailed ? html`<div class=\"check-failed\">${t('check-failed', 'the application could not check these rows; they are checked again when entered.')}</div>` : nothing}\n    `\n  }\n}\n"]}