context.AddResponse

// 一覧画面(index)のときだけ動作
if (context.Action !== 'index') return;
// 文字列をHTMLとして差し込むため、最低限のエスケープ
const escapeHtml = (s) =>
    String(s ?? '').replace(
        /[&<>"']/g,
        (c) =>
            ({
                '&': '&amp;',
                '<': '&lt;',
                '>': '&gt;',
                '"': '&quot;',
                "'": '&#39;',
            })[c],
    );
// /items/<id>... の <id> 以降を落として /items/ で終わるURLを作る
const getItemsBaseUrl = () => {
    const url = String(context.Url ?? '');
    const m = url.match(/^(.*?\/items\/)/);
    return m ? m[1] : '';
};
// 期限切れ(Overdue)のレコードを取得
const getOverdueItems = () => {
    const param = {
        View: { Overdue: true, ColumnSorterHash: { IssueId: 'asc' } },
    };
    return Array.from(items.Get(context.SiteId, JSON.stringify(param)));
};
// main処理
// 期限切れレコードを取得
const overdueItems = getOverdueItems();
// 期限切れレコードがなければ終了
if (overdueItems.length === 0) return;
// ベースURLを生成
const baseUrl = getItemsBaseUrl();
// 期限切れレコードのリンク一覧HTMLを生成
const linksText = overdueItems
    .map((item) => {
        const id = item.IssueId;
        const title = escapeHtml(item.Title);
        return `- ### [${title}](${baseUrl}${id})`;
    })
    .join('\n');
const guideText = `
[md]
# 期限切れのアイテムがあります。至急確認してください。
## 対象レコード
${linksText}
`;
// ガイドエリア用のHTMLを生成
const html = `
<div id="Guide">
    <div>
        <markdown-field class="is-disabled">
            <textarea class="md-text" id="guide-textarea" data-readonly="1">${guideText}</textarea>
        </markdown-field>
    </div>
</div>
`;
// ガイドエリア(#Guide)を差し替え
context.AddResponse('ReplaceAll', '#Guide', html);

// 取引先の項目（選択肢から選ぶ分類項目）と、「完了」の状況の値
const CLIENT_COLUMN = 'ClassA';
const COMPLETED_STATUS = 900;

const escapeHtml = (s) =>
    String(s ?? '').replace(/[&<>"']/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' })[c]);

// 案件を開いたとき、同じ取引先のほかの未完了の案件を、画面の上部（ガイドの欄）に一覧で出す
function showOpenCasesOfClient() {
    if (context.Action !== 'edit' || !model[CLIENT_COLUMN]) {
        return;
    }
    const filter = {};
    filter[CLIENT_COLUMN] = JSON.stringify([String(model[CLIENT_COLUMN])]);
    const view = { View: { ColumnFilterHash: filter, ColumnSorterHash: { UpdatedTime: 'desc' } } };
    const others = Array.from(items.Get(context.SiteId, JSON.stringify(view)))
        .filter(item => item.ResultId !== model.ResultId && Number(item.Status) < COMPLETED_STATUS);
    if (others.length === 0) {
        return;
    }
    const links = others
        .map(item => `<li><a href="${context.ApplicationPath}items/${item.ResultId}">${escapeHtml(item.Title)}</a></li>`)
        .join('');
    // Pleasanter の class="message" などは使わず、独自のスタイルで出す（画面下部に固定されないように）
    const html = `<div id="Guide"><div style="border:1px solid #e0b000;background:#fff8e0;padding:8px 12px;margin:8px 0;">` +
        `同じ取引先の未完了の案件が${others.length}件あります。<ul style="margin:4px 0 0 20px;">${links}</ul></div></div>`;
    context.AddResponse('ReplaceAll', '#Guide', html);
}

showOpenCasesOfClient();