@layers-app/shared 0.4.9 → 0.4.10

package/dist/components/MeetingPage/MeetingBookmarks.js

@@ -0,0 +1,146 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { useState as i, useCallback as x, useEffect as F } from "react";
+import { getEnvConfig as O } from "../../config/envConfig.js";
+import { MeetingPanelError as P } from "./MeetingPanelError.js";
+import s from "./MeetingPage.module.css.js";
+import { formatTimecode as h } from "./meetingModel.js";
+import { panelRequestView as R } from "./panelRequestView.js";
+function U({ videoId: d, currentTimeMs: p, onSeek: L }) {
+  const [u, g] = i([]), [b, k] = i(""), [y, o] = i(!1), [N, l] = i(!1), [C, m] = i(!1), [f, n] = i({ isLoading: !0, isError: !1, status: null }), [E, M] = i(0), T = O().apiBaseUrl || "", a = d ? `${T}/v1/videos/${d}/bookmarks` : null, c = x(async () => {
+    if (!a) {
+      n({ isLoading: !1, isError: !1, status: null });
+      return;
+    }
+    n((e) => ({ ...e, isLoading: !0 }));
+    try {
+      const e = await fetch(a, { credentials: "include" });
+      if (!e.ok) {
+        n({ isLoading: !1, isError: !0, status: e.status });
+        return;
+      }
+      const w = await e.json();
+      g(w.bookmarks ?? []), n({ isLoading: !1, isError: !1, status: null });
+    } catch {
+      n({ isLoading: !1, isError: !0, status: null });
+    }
+  }, [a]);
+  F(() => {
+    c();
+  }, [c]);
+  const v = async () => {
+    if (a) {
+      l(!0), m(!1);
+      try {
+        const e = await fetch(a, {
+          method: "POST",
+          credentials: "include",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ startMs: Math.round(E), note: b.trim() || null })
+        });
+        if (!e.ok) throw new Error(String(e.status));
+        k(""), o(!1), await c();
+      } catch {
+        m(!0);
+      } finally {
+        l(!1);
+      }
+    }
+  }, S = async (e) => {
+    if (a) {
+      l(!0);
+      try {
+        (await fetch(`${a}/${e}`, { method: "DELETE", credentials: "include" })).ok && g((B) => B.filter(($) => $.id !== e));
+      } catch {
+        m(!0);
+      } finally {
+        l(!1);
+      }
+    }
+  };
+  if (!d) return null;
+  const j = R({
+    isLoading: f.isLoading,
+    isError: f.isError,
+    status: f.status,
+    count: u.length
+  });
+  return /* @__PURE__ */ r("section", { className: s.bookmarks, "aria-label": "Мои отметки", children: [
+    /* @__PURE__ */ r("div", { className: s.audioSceneHeader, children: [
+      /* @__PURE__ */ t("span", { className: s.sectionLabel, children: "Мои отметки" }),
+      !y && /* @__PURE__ */ r(
+        "button",
+        {
+          type: "button",
+          className: s.chip,
+          onClick: () => {
+            M(p), o(!0);
+          },
+          children: [
+            /* @__PURE__ */ t("span", { className: s.chipTime, children: h(p) }),
+            /* @__PURE__ */ t("span", { children: "Отметить момент" })
+          ]
+        }
+      )
+    ] }),
+    y && /* @__PURE__ */ r("div", { className: s.bookmarkForm, children: [
+      /* @__PURE__ */ t("span", { className: s.chipTime, children: h(E) }),
+      /* @__PURE__ */ t(
+        "input",
+        {
+          className: s.reviewInput,
+          value: b,
+          autoFocus: !0,
+          placeholder: "Чем этот момент важен",
+          onChange: (e) => k(e.target.value),
+          onKeyDown: (e) => {
+            e.key === "Enter" && v(), e.key === "Escape" && o(!1);
+          }
+        }
+      ),
+      /* @__PURE__ */ t("button", { type: "button", className: s.chip, disabled: N, onClick: () => {
+        v();
+      }, children: "Сохранить" }),
+      /* @__PURE__ */ t("button", { type: "button", className: s.chip, onClick: () => o(!1), children: "Отмена" })
+    ] }),
+    C && /* @__PURE__ */ t("span", { className: s.reviewOriginal, children: "Не сохранилось — попробуйте ещё раз" }),
+    j === "failed" && /* @__PURE__ */ t(
+      P,
+      {
+        what: "ваши отметки",
+        onRetry: () => {
+          c();
+        },
+        "data-cy": "meeting-bookmarks-error"
+      }
+    ),
+    u.length > 0 && /* @__PURE__ */ t("div", { className: s.bookmarkList, children: u.map((e) => /* @__PURE__ */ r("div", { className: s.bookmarkItem, children: [
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: s.chip,
+          onClick: () => L(e.startMs),
+          title: "Открыть этот момент",
+          children: /* @__PURE__ */ t("span", { className: s.chipTime, children: h(e.startMs) })
+        }
+      ),
+      /* @__PURE__ */ t("span", { className: s.bookmarkNote, children: e.note ?? "Без заметки" }),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: s.chip,
+          disabled: N,
+          onClick: () => {
+            S(e.id);
+          },
+          "aria-label": "Убрать отметку",
+          children: "×"
+        }
+      )
+    ] }, e.id)) })
+  ] });
+}
+export {
+  U as MeetingBookmarks
+};

package/dist/components/MeetingPage/MeetingCardLayer.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+export interface MeetingCardLayerProps {
+    /** То, у чего карточка встаёт. */
+    anchor: HTMLElement | null;
+    ariaLabel: string;
+    /** Карточка не должна закрываться, пока мышь на ней самой. */
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+    /** Якорь уехал с экрана — карточке больше не на чем стоять. */
+    onDismiss: () => void;
+    children: React.ReactNode;
+}
+/**
+ * Карточка поверх страницы, а не внутри строки.
+ *
+ * Строки стенограммы лежат в контейнере с собственной прокруткой, и карточка, нарисованная внутри
+ * него, обрезается его краем. Поэтому она рисуется в конец документа и позиционируется по месту
+ * того, к чему относится.
+ *
+ * Уместиться на экране — это здесь три отдельных условия, и первая починка выполнила только одно.
+ *
+ * 1. **Сторона.** Карточка встаёт туда, где места больше, а не «вниз, если влезает». Открытая у
+ *    самого низа она разворачивается вверх.
+ * 2. **Высота.** Свободного места может не хватить и с той стороны, где его больше: лента появлений
+ *    длиннее любого экрана. Поэтому карточке задаётся потолок ровно по свободному месту, а лишнее
+ *    она прокручивает внутри себя — тогда до последней строки и до кнопок можно дойти, а не
+ *    догадываться, что они там есть.
+ * 3. **Прокрутка.** Прокрутка внутри карточки — это чтение карточки, и закрывать её на этом нельзя:
+ *    именно так «начинаю скролить — и скрывается». Такие события отсеиваются по цели. Прокрутка
+ *    страницы под карточкой карточку не закрывает, а двигает вместе с якорем — закрывается она
+ *    только когда якорь ушёл с экрана и висеть стало не над чем.
+ */
+export declare function MeetingCardLayer({ anchor, ariaLabel, onMouseEnter, onMouseLeave, onDismiss, children, }: MeetingCardLayerProps): React.ReactPortal | null;
+//# sourceMappingURL=MeetingCardLayer.d.ts.map

package/dist/components/MeetingPage/MeetingCardLayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeetingCardLayer.d.ts","sourceRoot":"","sources":["../../../src/components/MeetingPage/MeetingCardLayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAKf,MAAM,WAAW,qBAAqB;IACpC,kCAAkC;IAClC,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,+DAA+D;IAC/D,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAgBD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,QAAQ,GACT,EAAE,qBAAqB,4BA8FvB"}

package/dist/components/MeetingPage/MeetingCardLayer.js

@@ -0,0 +1,73 @@
+import { jsx as y } from "react/jsx-runtime";
+import { useRef as h, useState as E, useCallback as H, useLayoutEffect as x, useEffect as L } from "react";
+import { createPortal as M } from "react-dom";
+import A from "./MeetingPage.module.css.js";
+const C = 300, a = 6, i = 8, p = 160;
+function N({
+  anchor: r,
+  ariaLabel: g,
+  onMouseEnter: b,
+  onMouseLeave: v,
+  onDismiss: f,
+  children: m
+}) {
+  const c = h(null), [o, u] = E(null), l = H(() => {
+    if (!r || typeof window > "u") return "gone";
+    const e = r.getBoundingClientRect();
+    if (e.bottom < 0 || e.top > window.innerHeight) return "gone";
+    const s = e.top - a - i, t = window.innerHeight - e.bottom - a - i, n = t >= s || t >= p, d = Math.max(
+      i,
+      Math.min(e.left, window.innerWidth - C - i)
+    );
+    return u({
+      left: d,
+      // Растущая вверх карточка держится нижним краем: тогда её высота не нужна, чтобы поставить
+      // её на место, и первый кадр не прыгает.
+      ...n ? { top: e.bottom + a } : { bottom: Math.max(i, window.innerHeight - e.top + a) },
+      maxHeight: Math.max(p, n ? t : s)
+    }), "placed";
+  }, [r]);
+  return x(() => {
+    l() === "gone" && u(null);
+  }, [l, m]), L(() => {
+    if (typeof window > "u") return;
+    let e = 0;
+    const s = () => {
+      e = 0, l() === "gone" && f();
+    }, t = () => {
+      e === 0 && (e = window.requestAnimationFrame(s));
+    }, n = (d) => {
+      const w = d.target;
+      c.current && w instanceof Node && c.current.contains(w) || t();
+    };
+    return window.addEventListener("scroll", n, !0), window.addEventListener("resize", t), () => {
+      e && window.cancelAnimationFrame(e), window.removeEventListener("scroll", n, !0), window.removeEventListener("resize", t);
+    };
+  }, [l, f]), !r || typeof document > "u" ? null : M(
+    /* @__PURE__ */ y(
+      "div",
+      {
+        ref: c,
+        className: A.cardLayer,
+        role: "group",
+        "aria-label": g,
+        style: {
+          left: o?.left ?? 0,
+          top: o?.top,
+          bottom: o?.bottom,
+          maxHeight: o?.maxHeight,
+          // До замера карточка не показывается: иначе она успевает мигнуть в левом верхнем углу.
+          visibility: o ? "visible" : "hidden"
+        },
+        onMouseEnter: b,
+        onMouseLeave: v,
+        onClick: (e) => e.stopPropagation(),
+        children: m
+      }
+    ),
+    document.body
+  );
+}
+export {
+  N as MeetingCardLayer
+};

package/dist/components/MeetingPage/MeetingContinuity.d.ts

@@ -0,0 +1,15 @@
+export interface MeetingContinuityProps {
+    videoId: string | null;
+}
+/**
+ * What the last meeting on this channel left unfinished.
+ *
+ * Placed before everything else on purpose. A person opening a meeting is about to spend attention;
+ * the most useful thing to hand them first is not what this meeting said, but what the room already
+ * agreed, promised and failed to answer — the things this meeting is likely to repeat if nobody
+ * remembers them.
+ *
+ * Every line links back to the meeting and the second it came from, so it can be checked.
+ */
+export declare function MeetingContinuity({ videoId }: MeetingContinuityProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=MeetingContinuity.d.ts.map

package/dist/components/MeetingPage/MeetingContinuity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeetingContinuity.d.ts","sourceRoot":"","sources":["../../../src/components/MeetingPage/MeetingContinuity.tsx"],"names":[],"mappings":"AAwBA,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AAQD;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,EAAE,sBAAsB,kDA2GpE"}

package/dist/components/MeetingPage/MeetingContinuity.js

@@ -0,0 +1,70 @@
+import { jsxs as a, jsx as s } from "react/jsx-runtime";
+import { MeetingPanelError as f } from "./MeetingPanelError.js";
+import n from "./MeetingPage.module.css.js";
+import { formatTimecode as M } from "./meetingModel.js";
+import { useWorkspaceAlias as v, meetingPageHref as L } from "./continuityLink.js";
+import { useMeetingPanelFetch as S } from "./panelFetch.js";
+import { panelRequestView as y } from "./panelRequestView.js";
+const E = {
+  PENDING: "не подтверждено",
+  CONFIRMED: "подтверждено",
+  IN_PROGRESS: "в работе"
+};
+function R({ videoId: m }) {
+  const c = S(
+    m ? `/v1/videos/${m}/meeting-continuity` : null,
+    (e) => e ?? null,
+    null
+  ), i = c.data, g = v(), t = i?.decisions ?? [], l = i?.openQuestions ?? [], o = i?.commitments ?? [], u = y({
+    isLoading: c.isLoading,
+    isError: c.isError,
+    status: c.status,
+    count: i?.hasPrevious && t.length + l.length + o.length > 0 ? 1 : 0
+  });
+  if (u === "failed")
+    return /* @__PURE__ */ a("section", { className: n.carried, "aria-label": "Ранее на этом канале", children: [
+      /* @__PURE__ */ s("div", { className: n.audioSceneHeader, children: /* @__PURE__ */ s("span", { className: n.sectionLabel, children: "Ранее на этом канале" }) }),
+      /* @__PURE__ */ s(
+        f,
+        {
+          what: "прошлые встречи канала",
+          onRetry: c.reload,
+          "data-cy": "meeting-continuity-error"
+        }
+      )
+    ] });
+  if (u !== "content") return null;
+  const h = i?.previousMeetingAt ? new Date(i.previousMeetingAt).toLocaleDateString() : null, d = (e, r, p) => {
+    const N = e.pageId ? L(g, e.pageId, e.startMs) : null;
+    return /* @__PURE__ */ a("li", { className: n.carriedItem, children: [
+      N ? /* @__PURE__ */ a("a", { className: n.carriedLink, href: N, children: [
+        e.startMs != null && /* @__PURE__ */ s("span", { className: n.chipTime, children: M(e.startMs) }),
+        /* @__PURE__ */ s("span", { children: e.text })
+      ] }) : /* @__PURE__ */ s("span", { children: e.text }),
+      p && /* @__PURE__ */ s("span", { className: n.carriedBadge, children: p })
+    ] }, `${e.kind}-${r}`);
+  };
+  return /* @__PURE__ */ a("section", { className: n.carried, "aria-label": "Ранее на этом канале", children: [
+    /* @__PURE__ */ a("div", { className: n.audioSceneHeader, children: [
+      /* @__PURE__ */ s("span", { className: n.sectionLabel, children: "Ранее на этом канале" }),
+      h && /* @__PURE__ */ s("span", { className: n.audioSceneClock, children: h })
+    ] }),
+    o.length > 0 && /* @__PURE__ */ a("div", { children: [
+      /* @__PURE__ */ s("span", { className: n.carriedGroup, children: "Обещали и ещё не сделали" }),
+      /* @__PURE__ */ s("ul", { className: n.carriedList, children: o.map(
+        (e, r) => d(e, r, E[e.status ?? ""] ?? null)
+      ) })
+    ] }),
+    l.length > 0 && /* @__PURE__ */ a("div", { children: [
+      /* @__PURE__ */ s("span", { className: n.carriedGroup, children: "Остались без ответа" }),
+      /* @__PURE__ */ s("ul", { className: n.carriedList, children: l.map((e, r) => d(e, r)) })
+    ] }),
+    t.length > 0 && /* @__PURE__ */ a("div", { children: [
+      /* @__PURE__ */ s("span", { className: n.carriedGroup, children: "Решили в прошлый раз" }),
+      /* @__PURE__ */ s("ul", { className: n.carriedList, children: t.map((e, r) => d(e, r)) })
+    ] })
+  ] });
+}
+export {
+  R as MeetingContinuity
+};

package/dist/components/MeetingPage/MeetingDate.d.ts

@@ -0,0 +1,17 @@
+import { type MeetingModel } from './meetingModel';
+export interface MeetingDateProps {
+    /** Модель встречи; `null` — пока она едет или если страница не про встречу. */
+    model: MeetingModel | null;
+}
+/**
+ * День, когда была эта встреча, — строкой под её названием.
+ *
+ * Встреча тем и отличается от всякой другой страницы, что произошла в конкретный день: это не
+ * служебное поле вроде «обновлена 17 минут назад», а часть того, чем страница является. Поэтому
+ * она стоит у заголовка и читается вместе с ним — подзаголовком, а не бейджем сбоку.
+ *
+ * Ничего не рисуется там, где дня нет: у загруженного файла звонка не было, и выдумывать ему дату
+ * нельзя — дата файла это не дата встречи.
+ */
+export declare function MeetingDate({ model }: MeetingDateProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=MeetingDate.d.ts.map

package/dist/components/MeetingPage/MeetingDate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeetingDate.d.ts","sourceRoot":"","sources":["../../../src/components/MeetingPage/MeetingDate.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,YAAY,EAGlB,MAAM,gBAAgB,CAAC;AAExB,MAAM,WAAW,gBAAgB;IAC/B,+EAA+E;IAC/E,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;CAC5B;AAED;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,EAAE,gBAAgB,kDAYtD"}

package/dist/components/MeetingPage/MeetingDate.js

@@ -0,0 +1,10 @@
+import { jsx as e } from "react/jsx-runtime";
+import i from "./MeetingPage.module.css.js";
+import { meetingStartedAt as n, formatMeetingDate as m } from "./meetingModel.js";
+function d({ model: r }) {
+  const t = n(r);
+  return t ? /* @__PURE__ */ e("div", { className: i.meetingDate, children: /* @__PURE__ */ e("time", { dateTime: t.toISOString(), children: m(t) }) }) : null;
+}
+export {
+  d as MeetingDate
+};

package/dist/components/MeetingPage/MeetingFindingReview.d.ts

@@ -0,0 +1,27 @@
+import type { MeetingFinding } from './meetingModel';
+export interface MeetingFindingReviewProps {
+    findings: MeetingFinding[];
+    /** Opens the moment a finding refers to, so it can be checked before being judged. */
+    onSeek: (timeMs: number) => void;
+    /**
+     * Подписи говорящих — те же, что в стенограмме и в списке участников.
+     *
+     * Кто это сказал — половина вопроса «верно ли понято»: решение, приписанное не тому человеку,
+     * проверяется иначе, чем неверно записанное решение. Без карты подписей находка молчит о
+     * говорящем, как молчала раньше.
+     */
+    labels?: Map<string, string>;
+}
+/**
+ * The part of the page where a person has the last word.
+ *
+ * The analysis proposes; it does not decide. Everything here was written by a model and can be
+ * wrong — a decision that was never taken, a claim it misheard. Until now a reader could see that
+ * and do nothing about it, because the page was static HTML and the review statuses in the database
+ * had no way of being set.
+ *
+ * Only unreviewed findings are listed. Once someone has confirmed, corrected or dismissed one, it
+ * stops being a question, and a queue that never empties is a queue nobody works.
+ */
+export declare function MeetingFindingReview({ findings, onSeek, labels, }: MeetingFindingReviewProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=MeetingFindingReview.d.ts.map

package/dist/components/MeetingPage/MeetingFindingReview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeetingFindingReview.d.ts","sourceRoot":"","sources":["../../../src/components/MeetingPage/MeetingFindingReview.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAIrD,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,sFAAsF;IACtF,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC9B;AAWD;;;;;;;;;;GAUG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,MAAM,EACN,MAAM,GACP,EAAE,yBAAyB,kDAiJ3B"}

package/dist/components/MeetingPage/MeetingFindingReview.js

@@ -0,0 +1,136 @@
+import { jsxs as r, jsx as s, Fragment as v } from "react/jsx-runtime";
+import { useState as i } from "react";
+import { getEnvConfig as S } from "../../config/envConfig.js";
+import { openFindings as M, formatTimecode as O, speakerLabel as R } from "./meetingModel.js";
+import t from "./MeetingPage.module.css.js";
+const x = {
+  DECISION: "Решение",
+  KEY_STATEMENT: "Тезис",
+  OPEN_QUESTION: "Вопрос",
+  RISK: "Риск"
+};
+function j({
+  findings: b,
+  onSeek: y,
+  labels: p
+}) {
+  const [C, k] = i({}), [o, m] = i({}), [u, n] = i(null), [c, h] = i(""), [w, N] = i({}), E = M(b, C);
+  if (E.length === 0) return null;
+  const d = async (e, l, T) => {
+    const I = S().apiBaseUrl || "";
+    m((a) => ({ ...a, [e.id]: !0 })), N((a) => ({ ...a, [e.id]: !1 }));
+    try {
+      const a = await fetch(`${I}/v1/meetings/findings/${e.id}`, {
+        method: "PATCH",
+        credentials: "include",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ action: l, text: T })
+      });
+      if (!a.ok) throw new Error(String(a.status));
+      k((D) => ({
+        ...D,
+        [e.id]: l === "REJECT" ? "REJECTED" : "DONE"
+      })), n(null);
+    } catch {
+      N((a) => ({ ...a, [e.id]: !0 }));
+    } finally {
+      m((a) => ({ ...a, [e.id]: !1 }));
+    }
+  };
+  return /* @__PURE__ */ r("section", { className: t.review, "aria-label": "Проверить", children: [
+    /* @__PURE__ */ s("span", { className: t.sectionLabel, children: "Проверьте, что понято верно" }),
+    E.map((e) => /* @__PURE__ */ r("div", { className: t.reviewCard, children: [
+      /* @__PURE__ */ r("div", { className: t.reviewText, children: [
+        /* @__PURE__ */ r("div", { className: t.reviewMeta, children: [
+          /* @__PURE__ */ s("span", { className: t.sectionLabel, children: x[e.kind] ?? e.kind }),
+          e.startMs != null && /* @__PURE__ */ s(
+            "button",
+            {
+              type: "button",
+              className: t.chip,
+              onClick: () => y(e.startMs),
+              children: /* @__PURE__ */ s("span", { className: t.chipTime, children: O(e.startMs) })
+            }
+          ),
+          p && e.speakerKey && /* @__PURE__ */ s("span", { className: t.findingSpeaker, children: R(p, e.speakerKey, null) })
+        ] }),
+        u === e.id ? /* @__PURE__ */ s(
+          "input",
+          {
+            className: t.reviewInput,
+            value: c,
+            autoFocus: !0,
+            onChange: (l) => h(l.target.value),
+            onKeyDown: (l) => {
+              l.key === "Enter" && c.trim() && d(e, "EDIT", c.trim()), l.key === "Escape" && n(null);
+            }
+          }
+        ) : /* @__PURE__ */ s("span", { children: e.text }),
+        w[e.id] && /* @__PURE__ */ s("span", { className: t.reviewOriginal, children: "Не сохранилось — попробуйте ещё раз" })
+      ] }),
+      /* @__PURE__ */ s("div", { className: t.reviewActions, children: u === e.id ? /* @__PURE__ */ r(v, { children: [
+        /* @__PURE__ */ s(
+          "button",
+          {
+            type: "button",
+            className: t.chip,
+            disabled: o[e.id] || !c.trim(),
+            onClick: () => {
+              d(e, "EDIT", c.trim());
+            },
+            children: "Сохранить"
+          }
+        ),
+        /* @__PURE__ */ s(
+          "button",
+          {
+            type: "button",
+            className: t.chip,
+            onClick: () => n(null),
+            children: "Отмена"
+          }
+        )
+      ] }) : /* @__PURE__ */ r(v, { children: [
+        /* @__PURE__ */ s(
+          "button",
+          {
+            type: "button",
+            className: t.chip,
+            disabled: o[e.id],
+            onClick: () => {
+              d(e, "CONFIRM");
+            },
+            children: "Верно"
+          }
+        ),
+        /* @__PURE__ */ s(
+          "button",
+          {
+            type: "button",
+            className: t.chip,
+            disabled: o[e.id],
+            onClick: () => {
+              h(e.text), n(e.id);
+            },
+            children: "Поправить"
+          }
+        ),
+        /* @__PURE__ */ s(
+          "button",
+          {
+            type: "button",
+            className: t.chip,
+            disabled: o[e.id],
+            onClick: () => {
+              d(e, "REJECT");
+            },
+            children: "Убрать"
+          }
+        )
+      ] }) })
+    ] }, e.id))
+  ] });
+}
+export {
+  j as MeetingFindingReview
+};

package/dist/components/MeetingPage/MeetingMention.d.ts

@@ -0,0 +1,33 @@
+import { type MentionOccurrence } from './meetingObjects';
+export interface MeetingMentionProps {
+    occurrence: MentionOccurrence;
+    /** Слово, как оно стоит в стенограмме. Показывается ровно оно, а не имя из справочника. */
+    text: string;
+    /** День встречи — карточка спрашивает связи на эту дату. */
+    at?: Date | null;
+    /** Читатель решил, кто это, — упоминания нужно перечитать. */
+    onDecided?: () => void;
+}
+/**
+ * Имя, названное в стенограмме, — и то, о ком речь.
+ *
+ * Выделение намеренно тихое: это текст, а не ссылка и не тег. Стенограмма читается подряд, и
+ * страница, раскрашенная по каждому имени, читается хуже пустой. Однозначное упоминание —
+ * тонкая линия под словом; текст остаётся своего цвета.
+ *
+ * Спорное выглядит иначе, и разница видна не приглядываясь: пунктир вместо линии и знак вопроса
+ * рядом со словом. Разница здесь не оформительская — однозначное упоминание это факт, а спорное
+ * это вопрос, заданный читателю, и путать их значит выдавать догадку за знание. «Руками мы могли
+ * выбрать её» — вот это место.
+ *
+ * Оценка — третий, самый тихий слой: маленький «+» или «−» у слова, когда об объекте здесь
+ * отозвались хорошо или плохо. Больше ничего: цвет строки уже занят тональностью РАЗГОВОРА, и
+ * покрасить в тот же цвет ещё и имя значило бы слить два разных факта — как шёл разговор и что
+ * сказали о человеке — в одно пятно. Знак стоит у имени, потому что относится к имени: в одной
+ * фразе можно похвалить одного и отругать другого.
+ *
+ * Подавляющее большинство упоминаний знака не получает, и так и должно быть: имя чаще всего
+ * называют, чтобы обратиться или поручить дело, а это не мнение о человеке.
+ */
+export declare function MeetingMention({ occurrence, text, at, onDecided, }: MeetingMentionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MeetingMention.d.ts.map

package/dist/components/MeetingPage/MeetingMention.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeetingMention.d.ts","sourceRoot":"","sources":["../../../src/components/MeetingPage/MeetingMention.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,iBAAiB,EAGvB,MAAM,kBAAkB,CAAC;AAU1B,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,iBAAiB,CAAC;IAC9B,2FAA2F;IAC3F,IAAI,EAAE,MAAM,CAAC;IACb,4DAA4D;IAC5D,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAsBD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,IAAI,EACJ,EAAS,EACT,SAAS,GACV,EAAE,mBAAmB,2CAsRrB"}