{ const v = e.target.value; setDraft((d) => ({ ...d, text: v })); }} rows={2}
          placeholder={draft.x != null ? 'Что не так в отмеченном месте' : 'Замечание к этому фото — или нажмите на фото, чтобы отметить место'} aria-label="Замечание к фото" />
        <div className="lw-wnote-f">
          {draft.img ? <span className="lw-watt"><img src={draft.img.url} alt="" /><button type="button" aria-label="Убрать картинку" onClick={() => setDraft((d) => ({ ...d, img: null }))}><Ic n="x" s={12} /></button></span> : null}
          <input ref={file} type="file" accept="image/*" hidden onChange={pick} />
          <button type="button" className="lw-btn-l" disabled={busy} onClick={() => file.current && file.current.click()}><Ic n="camera" s={15} />{busy ? 'Загружаю…' : draft.img ? 'Заменить картинку' : 'Приложить картинку'}</button>
          {draft.x != null ? <button type="button" className="lw-lnk lab" onClick={() => setDraft((d) => ({ ...d, x: null, y: null }))}>убрать метку</button> : null}
          <button type="button" className="lw-btn-k lw-wadd" disabled={!draft.text.trim()} onClick={onAdd}>Добавить замечание</button>
        </div>
      </div>);
  }

/* наряд: мастера работы и выбор из бригады объекта — по специальности первыми; занятые на эти даты — с объектом, где заняты;
     кто не берёт новые работы (пауза, ушёл из команды) — неактивны. Все мастера работы ушли из команды — «Передать другому».
     Принятую работу и офисную (дизайн, закупка) не переназначаем */
  // согласие мастера с нарядом (KSH-519): до старта работы мастер отвечает «Согласен» или «Есть вопросы»
  const AGR = { pending: 'ещё не ответил на наряд', agreed: 'согласен с нарядом', question: 'есть вопрос' };
  function Crew({ w, onAssign, canLink, onLink, note }) {
    const [pick, setPick] = React.useState(null); // 'replace' | 'add'
    const [copied, setCopied] = React.useState(null);
    const [err, setErr] = React.useState('');
    const can = !!onAssign && w.status !== 'done' && !w.office && !w.sub;
    const free = w.crew.filter((c) => !c.on);
    const go = (id, mode) => { const r = onAssign(id, mode) || {}; setErr(r.error || ''); if (!r.error) { setPick(null); setCopied(null); } };
    const copy = (m) => {
      const url = onLink(m.id); if (!url) return;
      try { const pr = navigator.clipboard && navigator.clipboard.writeText(url); if (pr && pr.catch) pr.catch(() => {}); } catch (e) { /* без буфера — ссылка видна ниже */ }
      setCopied({ url });
    };
    const gone = w.who.length > 0 && w.who.every((m) => m.st && m.st.k === 'left');
    // отсутствие на дни работы (KSH-524): «отпуск по 12.11», «больничный без даты выхода»
    const awL = (a) => a.l + (a.to ? ' по ' + a.to.slice(8) + '.' + a.to.slice(5, 7) : ' без даты выхода');
    const off = !gone && w.who.length > 0 && w.who.every((m) => m.away) ? w.who[0].away : null;
    const offL = (c) => (c.away ? awL(c.away) + ', на эти дни наряд не выдать' : !c.st ? 'не берёт новые работы' : c.st.k === 'no_new' ? 'на паузе, новые наряды не выдаются' : c.st.l);
    const busyL = (c) => (!c.active ? offL(c) : c.busy.length ? 'в эти дни занят: ' + short(c.busy[0].obj) + (c.busy.length > 1 ? ' и ещё ' + (c.busy.length - 1) : '') : 'свободен в эти дни');
    return (
      <React.Fragment>
        <div className="lw-wsh">Наряд</div>
        {w.who.length ? w.who.map((m) => (
          <span key={m.id || m.name} className="lw-wwho"><FaceSt m={m} size={32} /><span className="tx"><span className="t">{m.name}</span><span className={'lab' + (m.st ? ' lw-tst is-' + m.st.k : m.away ? ' lw-tst is-away' : '')}>{(m.trade || 'мастер') + (m.st ? ' · ' + m.st.l : m.away ? ' · ' + awL(m.away) : '')}</span>
              {m.agree ? <span className={'lab lw-tst lw-agr is-' + m.agree.status}>{AGR[m.agree.status]}{m.agree.status === 'question' && m.agree.question ? ': «' + m.agree.question + '»' : ''}</span> : null}</span>
            {can && canLink && canLink(m.id) ? <button type="button" className="cv-arrow-btn lw-wln" onClick={() => copy(m)} title="Скопировать ссылку на задание в кабинете мастера">Ссылка<Ic n="ne" s={13} /></button> : null}
            {can ? <button type="button" className="lw-lnk lab lw-wrm" onClick={() => go(m.id, 'remove')} aria-label={'Снять с работы: ' + m.name} title="Снять с работы"><Ic n="x" s={14} /></button> : null}
          </span>)) : <span className="lab">{can ? 'Наряд никому не выдан. Нужен ' + w.need.toLowerCase() + '.' : 'Мастер не назначен'}</span>}
        {gone && can && <div className="lab is-late lw-wcopied">{w.who.length > 1 ? 'Мастера ушли' : 'Мастер ушёл'} из команды, работа без исполнителя. Передайте её мастеру из бригады объекта.</div>}
        {off && can && <div className="lab lw-wcopied">{w.who.length > 1 ? 'Мастера отсутствуют' : 'Мастер отсутствует'} в дни работы: {awL(off)}. Передайте работу мастеру из бригады объекта или сдвиньте сроки.</div>}
        {w.sub && <div className="lab lw-wcopied">Работа подрядчика {w.sub.name}: счёт, заказ, поставка и ссылка подрядчику — в окне «Подрядчики».</div>}
        {copied && <div className="lab lw-wcopied">Ссылка на задание скопирована, отправьте её мастеру в мессенджер. <a href={copied.url} target="_blank" rel="noopener">Открыть</a>{note ? <React.Fragment><br />{note}.</React.Fragment> : null}</div>}
        {can && !pick && <span className="lw-wcrew">
          {gone || off ? <button type="button" className="lw-btn-k" onClick={() => setPick('replace')}>Передать другому</button>
            : w.who.length ? <button type="button" className="lw-btn-l" onClick={() => setPick('replace')}>Сменить мастера</button> : <button type="button" className="lw-btn-k" onClick={() => setPick('replace')}>Выдать наряд</button>}
          {w.who.length > 0 && !gone && free.length > 0 && <button type="button" className="cv-arrow-btn" onClick={() => setPick('add')}>Добавить второго</button>}</span>}
        {pick && <div className="lw-wpick">
          <div className="lab">{pick === 'add' ? 'Второй мастер на эту работу' : w.who.length ? 'Кому передать работу' : 'Кому выдать наряд'} · бригада объекта</div>
          {free.map((c) => (
            <button type="button" key={c.id} className={'lw-wpc' + (c.match ? ' is-match' : '') + (c.busy.length ? ' is-busy' : '')} disabled={!c.active} onClick={() => go(c.id, pick)}>
              <span className="t">{c.name}</span><span className="lab">{c.trade}{c.kind === 'guest' ? ', приходящий' : ''} · {busyL(c)}</span></button>))}
          {!free.length && <span className="lab">В бригаде объекта больше никого нет.</span>}
          <button type="button" className="lw-lnk lab" onClick={() => setPick(null)}>Отмена</button>
        </div>}
        {err && <div className="lab is-late" role="alert">{err}</div>}
      </React.Fragment>);
  }

/* по комнатам (KSH-504): работа сметы по комнатам — в каждой комнате шаги работы (пункты чек-листа); мастер сдаёт шаг, прораб принимает
     сданный, возвращает (замечание — необязательно) или отмечает сделанным сам (сдать и принять разом). Готовность — по принятым шагам.
     onRoomStep(kind, roomId, stepId, comment) — kind: accept | return | close; вернуть { error } при ошибке. Задачу шаги не закрывают */
  const RST = { open: ['Не сдано', 'pill-d'], submitted: ['Сдано, ждёт проверки', 'lw-wst is-soon'], accepted: ['Принято', 'pill-g'] };
  const num = (n) => String(Math.round(n * 100) / 100).replace('.', ',');
  const roomQty = (r) => (r.qty != null ? num(r.qty) + (r.unit ? ' ' + r.unit : '') : r.share ? 'доля ' + Math.round(r.share * 100) + ' %' : '');
  function RoomSteps({ v, onRoomStep }) {
    const [ret, setRet] = React.useState(null); // { roomId, stepId, text }
    const [err, setErr] = React.useState('');
    const go = (kind, roomId, stepId, comment) => { const r = onRoomStep(kind, roomId, stepId, comment) || {}; setErr(r.error || ''); if (!r.error) setRet(null); };
    const acceptAll = (room) => {
      for (const s of room.steps.filter((x) => x.state === 'submitted')) { const r = onRoomStep('accept', room.roomId, s.id) || {}; if (r.error) { setErr(r.error); return; } }
      setErr('');
    };
    return (
      <section className="lw-wrooms" aria-labelledby="lw-wr-h">
        <div className="lw-sech"><h3 className="lw-h3" id="lw-wr-h">По комнатам</h3>
          <span className="lab">{v.accepted} из {v.total} {plural(v.total, 'шага', 'шагов', 'шагов')} принято{v.submitted ? ' · сдано, ждёт проверки: ' + v.submitted : ''}</span></div>
        {v.allAccepted && <div className="lw-wrdone"><span className="pill-g"><span className="dot" />Все комнаты приняты</span><span className="lab">Работу можно принять целиком — статус работы шаги не меняют.</span></div>}
        {err && <div className="lab is-late" role="alert">{err}</div>}
        <div className="lw-wrg">{v.rooms.map((room) => (
          <div key={room.roomId} className="cv-w lw-wr">
            <div className="hd"><span className="tx"><span className="t">{room.name}</span>{roomQty(room) ? <span className="lab">{roomQty(room)}</span> : null}</span>
              <b className="pct">{room.pct} %</b></div>
            <div className="lw-wrbar" aria-hidden="true"><i style={{ width: room.pct + '%' }} /></div>
            {room.submitted > 1 && <button type="button" className="cv-arrow-btn lw-wrall" onClick={() => acceptAll(room)}>Принять всё сданное · {room.submitted}</button>}
            {room.steps.map((s) => {
              const [l, c] = RST[s.state] || RST.open;
              const open = ret && ret.roomId === room.roomId && ret.stepId === s.id;
              return (
                <div key={s.id} className={'lw-wrs is-' + s.state}>
                  <span className="tx"><span className="t">{s.label}</span>
                    {s.state !== 'open' && (s.by || s.at) ? <span className="lab">{(s.state === 'accepted' ? 'принял ' : 'сдал ') + [s.by, s.at ? when(s.at) : ''].filter(Boolean).join(' · ')}</span> : null}
                    {s.state === 'open' && s.comment ? <span className="lab is-late">Вернули: {s.comment}</span> : null}</span>
                  <span className={c}>{l}</span>
                  {s.state === 'submitted' && !open && <span className="lw-racts">
                    <button type="button" className="lw-btn-l" onClick={() => setRet({ roomId: room.roomId, stepId: s.id, text: '' })}>Вернуть</button>
                    <button type="button" className="lw-btn-k" onClick={() => go('accept', room.roomId, s.id)}><Ic n="check" s={14} />Принять</button></span>}
                  {s.state === 'open' && <span className="lw-racts"><button type="button" className="lw-btn-l" onClick={() => go('close', room.roomId, s.id)} title="Сдать и принять разом — прораб закрывает шаг сам">Отметить сделанным</button></span>}
                  {open && <div className="lw-wrret">
                    <textarea rows={2} value={ret.text} onChange={(e) => { const t = e.target.value; setRet((x) => ({ ...x, text: t })); }} placeholder="Что исправить — необязательно" aria-label={'Замечание: ' + room.name + ', ' + s.label} />
                    <span className="lw-racts"><button type="button" className="lw-lnk lab" onClick={() => setRet(null)}>Отмена</button>
                      <button type="button" className="lw-btn-l" onClick={() => go('return', room.roomId, s.id, ret.text)}>Вернуть на доработку</button></span>
                  </div>}
                </div>);
            })}
          </div>))}</div>
      </section>);
  }

/* просьба мастера о переносе сроков (KSH-528): было → стало, причина, чьи работы в тех же комнатах окажутся внутри новых дат.
     «Перенести» двигает только эту работу; соседей прораб двигает сам. Отказ — с причиной для мастера */
  const dd = (x) => (x ? x.slice(8, 10) + '.' + x.slice(5, 7) : '');
  function ShiftReq({ r, onShift }) {
    const [no, setNo] = React.useState(false);
    const [note, setNote] = React.useState('');
    const [err, setErr] = React.useState('');
    if (!r) return null;
    const go = (ok) => { const x = onShift(ok, note) || {}; setErr(x.error || ''); };
    if (r.status !== 'pending') return <div className="lab lw-wcopied">{r.status === 'approved' ? 'Перенос согласован: ' + dd(r.from.start) + ' → ' + dd(r.start) : 'Перенос не согласован' + (r.note ? ': ' + r.note : '')}{r.decidedBy ? ' · ' + r.decidedBy : ''}</div>;
    return (
      <div className="lw-wshift">
        <div className="lw-wsh">{r.byName || 'Мастер'} просит перенести сроки</div>
        <div className="lw-wsh-d"><span className="lab">Было</span><b>{dd(r.from.start)}–{dd(r.from.end)}</b><span className="lab">Стало</span><b>{dd(r.start)}–{dd(r.end)}</b></div>
        <p className="lab">«{r.reason}»</p>
        {r.impact && r.impact.length ? <div className="lab is-late">Заденет в тех же комнатах: {r.impact.map((x) => '«' + x.name + '»' + (x.who ? ', ' + x.who : '') + ' ' + dd(x.start) + '–' + dd(x.end)).join('; ')}. Их сроки не изменятся сами.</div>
          : <div className="lab">Чужие работы в тех же комнатах не задевает.</div>}
        {onShift ? (no ? <div className="lw-wdec"><textarea rows={2} value={note} onChange={(e) => setNote(e.target.value)} placeholder="Почему не переносим — увидит мастер" />
          <div className="lw-wbtns"><button type="button" className="lw-btn-l" onClick={() => { setNo(false); setErr(''); }}>Отмена</button><button type="button" className="lw-btn-k" disabled={!note.trim()} onClick={() => go(false)}>Отправить отказ</button></div></div>
          : <div className="lw-wbtns"><button type="button" className="lw-btn-l" onClick={() => setNo(true)}>Отказать</button><button type="button" className="lw-btn-k" onClick={() => go(true)}>Перенести</button></div>) : null}
        {err && <div className="lab is-late" role="alert">{err}</div>}
      </div>);
  }

<aside className="cv-w lw-wside" aria-label="О работе">
            <div className="lw-wf">
              <span><span className="lab">Срок</span><b className={w.late ? 'is-late' : ''}>{w.end ? dateR(w.end) : '—'}</b>{w.late ? <span className="lab is-late">прошло {w.late} {plural(w.late, 'день', 'дня', 'дней')}</span> : w.start ? <span className="lab">с {dateR(w.start)}</span> : null}</span>
              <span><span className="lab">Стоимость</span><b>{w.price ? rub(w.price) : '—'}</b>{w.submittedAt ? <span className="lab">сдал {when(w.submittedAt)}</span> : null}</span>
            </div>
            <div className="lw-who-l"><Crew w={w} onAssign={onAssign} canLink={canLink} onLink={onLink} note={linkNote} />
              <span className="lw-wlinks">{onChat && !(w.who.length && w.who.every((m) => m.st && m.st.k === 'left')) ? <button type="button" className="cv-arrow-btn" onClick={onChat}>Написать мастеру<Ic n="ne" s={14} /></button> : null}{onObject ? <button type="button" className="cv-arrow-btn" onClick={onObject}>Объект<Ic n="ne" s={14} /></button> : null}</span></div>
            {w.shift ? <ShiftReq r={w.shift} onShift={onShift} /> : null}
            {w.checklist.length > 0 && <div className="lw-wcl"><div className="lw-wsh">Чек-лист сдачи · {w.checklist.filter((c) => c.ok).length} из {w.checklist.length}</div>
              {w.checklist.map((c) => <div key={c.id} className={'lw-wci' + (c.ok ? ' ok' : '')}><Ic n={c.ok ? 'check' : 'clock'} s={14} /><span>{c.label}</span></div>)}</div>}
            {w.remark && w.status === 'returned' && <div className="lw-wret"><div className="lw-wsh">Вернули на доработку{w.returnedAt ? ' · ' + when(w.returnedAt) : ''}</div><p>{w.remark}</p>{old.length ? <span className="lab">{old.length} {plural(old.length, 'замечание', 'замечания', 'замечаний')} к фото — метками на фото</span> : null}</div>}
            {edit && <div className="lw-wdec">
              <label className="lw-wsh" htmlFor="lw-wgen">Общий комментарий</label>
              <textarea id="lw-wgen" rows={3} value={general} onChange={(e) => setGeneral(e.target.value)} placeholder="Если замечание не к конкретному фото" />
              <div className="lab">{notes.length ? notes.length + ' ' + plural(notes.length, 'замечание', 'замечания', 'замечаний') + ' к фото' : 'Замечаний к фото нет'}</div>
              {err && <div className="lab is-late" role="alert">{err}</div>}
              <div className="lw-wbtns">
                <button type="button" className="lw-btn-l" disabled={!canReturn} onClick={ret} title={canReturn ? '' : 'Добавьте замечание к фото или общий комментарий'}>Вернуть на доработку</button>
                <button type="button" className="lw-btn-k" disabled={canReturn} onClick={acc} title={canReturn ? 'Есть замечания — работу можно только вернуть' : ''}><Ic n="check" s={14} />Принять</button>
              </div>
            </div>}
            {w.history.length > 0 && <div className="lw-whist"><div className="lw-wsh">История</div>{w.history.map((h, i) => <div key={i} className="lw-wh"><span className="t">{h.text}</span><span className="lab">{[h.who, when(h.ts)].filter(Boolean).join(' · ')}</span></div>)}</div>}
          </aside>
        </div>
        {w.rooms && onRoomStep ? <RoomSteps v={w.rooms} onRoomStep={onRoomStep} /> : null}
      </Modal>);
  }

W.WorkCard = WorkCard;
})();