[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_270":271,"_272":273},"routes/_app.x.$handle.$name",{"_100":99,"_32":45,"_109":90,"_27":110,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_20":-5,"_121":-5,"_122":-5,"_123":25,"_124":125,"_126":59,"_127":-5,"_128":-5,"_129":130},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":25},"version",35,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":20,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":33,"_34":20,"_35":36},"deleted",false,"deletedHere","path","frontend/src/pages_a.tsx","latestPath","fileId","165e7c84-9d40-11f1-b1b5-1607ee4eb77e","name","pages_a.tsx","fileType","content","// Страницы: Показатели, Показатели PRO, Операции (+импорт, +распределение)\nimport {\n React, useEffect, useState, api, fmt, fmt0, fmtShort, fmtDate, todayStr, thisYear,\n monLabel, flatCats, Modal, Field, TInput, TSelect, Check, Btn, IconBtn, PageTitle, Tabs, YearSelect, Icons, C,\n} from \"./lib.tsx\";\n\n// карточка-показатель: цифры не обрезаются (nowrap + автоширина сетки)\nexport function StatCard({ label, value, cls, sub }) {\n return (\n

{label}

{value}

\n {sub &&

{sub}

}\n

\n );\n}\nexport const statGrid = { display: \"grid\", gridTemplateColumns: \"repeat(auto-fit, minmax(240px, 1fr))\", gap: \"12px\" };\n\n// ---------- Показатели ----------\nexport function PageIndicators({ meta }) {\n const [data, setData] = useState(null);\n const [year, setYear] = useState(thisYear());\n const [basis, setBasis] = useState(\"cash\");\n useEffect(() => { api(`/indicators?from=${year}-01-01&to=${year}-12-31&basis=${basis}`).then(setData); }, [year, basis]);\n if (!data) return

Загрузка…

;\n const months = data.months || [];\n const inc = months.reduce((s, m) => s + Number(m.income || 0), 0);\n const exp = months.reduce((s, m) => s + Number(m.expense || 0), 0);\n const profit = inc - exp;\n const rent = inc ? Math.round((profit / inc) * 100) : 0;\n const maxV = Math.max(1, ...months.map((m) => Math.max(Number(m.income || 0), Number(m.expense || 0))));\n const planned = data.planned || {};\n const spark = meta.spark || [];\n const sMin = Math.min(...spark.map((p) => p.b), 0);\n const sMax = Math.max(...spark.map((p) => p.b), 1);\n const W = 560, H = 120;\n const sx = (i) => (i / Math.max(1, spark.length - 1)) * W;\n const sy = (b) => H - ((b - sMin) / (sMax - sMin || 1)) * (H - 10) - 5;\n return (\n

\n \n \n \n \n }>Показатели\n

Прибыль, ₽ {basis === \"accrual\" && (доход — по отгрузкам в сделках)}

\n \n \n \n \n

Денежный поток по месяцам

\n {months.length === 0 ? (\n

Нет данных за {year} год

\n ) : (\n \n )}\n

\n Поступления\n Выплаты\n

Остаток на счетах, последние 90 дней

\n {spark.length < 2 ?

Мало данных

: (\n \n )}\n

Остатки на счетах

\n {meta.accounts.filter((a) => a.active).map((a) => (\n

\n {a.name}\n {fmt0(a.balance)}\n

\n ))}\n

Итого{fmt0(meta.total_balance)}

Не подтверждено (план)

На заходе{fmt0(planned.inc)}

К оплате{fmt0(planned.exp)}

\n {meta.gap && (\n

\n Прогноз кассового разрыва: с {fmtDate(meta.gap.from)} по {fmtDate(meta.gap.to)} (до {fmt0(meta.gap.min)})\n

\n )}\n

\n );\n}\n\n// ---------- Показатели PRO ----------\nexport function PagePro({ meta }) {\n const [year, setYear] = useState(thisYear());\n const [data, setData] = useState(null);\n useEffect(() => { api(`/pro?from=${year}-01-01&to=${year}-12-31`).then(setData); }, [year]);\n if (!data) return

Загрузка…

;\n const accBal = Object.fromEntries(meta.accounts.map((a) => [a.id, a.balance]));\n const catInc = data.top_categories.filter((x) => x.op_type === \"income\");\n const catExp = data.top_categories.filter((x) => x.op_type === \"expense\");\n const ctrInc = data.top_contractors.filter((x) => x.op_type === \"income\");\n const ctrExp = data.top_contractors.filter((x) => x.op_type === \"expense\");\n const BarList = ({ rows, color }) => {\n const max = Math.max(1, ...rows.map((r) => Number(r.s)));\n return (\n

\n {rows.slice(0, 10).map((r, i) => (\n

\n {r.name || \"Нераспределенные\"}\n {fmt0(r.s)}\n

\n ))}\n {rows.length === 0 &&

Нет данных

}\n

\n );\n };\n return (\n

\n }>Показатели PRO\n

Обороты по счетам за период

\n \n \n \n \n \n \n {data.by_account.map((a) => (\n \n \n \n \n \n \n ))}\n \n

Счёт	Поступило	Выплачено	Текущий остаток
{a.name}	{Number(a.inc) ? fmt0(a.inc) : \"—\"}	{Number(a.exp) ? fmt0(a.exp) : \"—\"}	{fmt0(accBal[a.id] \|\| 0)}

Топ статей — доходы

\n \n

Топ статей — расходы

\n \n

Топ контрагентов — доходы

\n \n

Топ контрагентов — расходы

\n \n

\n );\n}\n\n// ---------- Операция: модалка ----------\nexport function OpModal({ meta, initial, onClose, onSaved }) {\n const [f, setF] = useState(initial || {\n op_type: \"income\", date: todayStr(), confirmed: true, amount: \"\", account_id: \"\", account2_id: \"\",\n category_id: \"\", contractor_id: \"\", deal_id: \"\", project_id: \"\", purpose: \"\",\n });\n const [deals, setDeals] = useState([]);\n useEffect(() => { api(\"/deals\").then(setDeals); }, []);\n const set = (k, v) => setF((s) => ({ ...s, [k]: v }));\n const cats = flatCats(meta.categories, f.op_type === \"expense\" ? \"expense\" : \"income\");\n const save = async () => {\n if (!f.amount || !f.account_id) return alert(\"Укажите сумму и счёт\");\n const body = { ...f, amount: Number(f.amount), account_id: Number(f.account_id) || null,\n account2_id: Number(f.account2_id) || null, category_id: Number(f.category_id) || null,\n contractor_id: Number(f.contractor_id) || null, deal_id: Number(f.deal_id) || null,\n project_id: Number(f.project_id) || null };\n if (f.id) await api(\"/ops/\" + f.id, \"PUT\", body); else await api(\"/ops\", \"POST\", body);\n onSaved(); onClose();\n };\n return (\n \n

\n {[[\"income\", \"Поступление\"], [\"expense\", \"Выплата\"], [\"transfer\", \"Перемещение\"]].map(([k, l]) => (\n \n ))}\n

\n set(\"date\", e.target.value)} />\n set(\"amount\", e.target.value)} placeholder=\"0\" />\n \n set(\"account_id\", e.target.value)}>\n \n {meta.accounts.filter((a) => a.active).map((a) => )}\n \n \n {f.op_type === \"transfer\" ? (\n \n set(\"account2_id\", e.target.value)}>\n \n {meta.accounts.filter((a) => a.active).map((a) => )}\n \n \n ) : (\n \n set(\"category_id\", e.target.value)}>\n \n {cats.map((c) => )}\n \n \n )}\n {f.op_type !== \"transfer\" && (\n \n set(\"contractor_id\", e.target.value)}>\n \n {meta.contractors.map((x) => )}\n \n \n )}\n {f.op_type !== \"transfer\" && (\n \n set(\"deal_id\", e.target.value)}>\n \n {deals.map((x) => )}\n \n \n )}\n {f.op_type !== \"transfer\" && (\n \n set(\"project_id\", e.target.value)}>\n \n {(meta.projects || []).map((x) => )}\n \n \n )}\n

\n set(\"purpose\", e.target.value)} placeholder=\"Комментарий…\" />\n set(\"confirmed\", v)} />\n

ОтменаСохранить

\n \n );\n}\n\n// ---------- Импорт выписки ----------\nfunction ImportModal({ meta, onClose, onDone }) {\n const [text, setText] = useState(\"\");\n const [accountId, setAccountId] = useState(\"\");\n const [confirmed, setConfirmed] = useState(true);\n const [preview, setPreview] = useState(null);\n const parse = () => {\n const rows = [];\n for (const raw of text.split(/\\r?\\n/)) {\n const line = raw.trim();\n if (!line) continue;\n const parts = line.split(/[;\\t]/).map((s) => s.trim());\n if (parts.length < 2) continue;\n const d = parts[0].includes(\".\") ? parts[0].split(\".\").reverse().join(\"-\") : parts[0];\n if (!/^\\d{4}-\\d{2}-\\d{2}/.test(d)) continue;\n const amt = Number(parts[1].replace(/\\s/g, \"\").replace(\",\", \".\"));\n if (!amt) continue;\n rows.push({\n date: d, amount: Math.abs(amt), op_type: amt < 0 ? \"expense\" : \"income\",\n contractor_name: parts[2] || \"\", purpose: parts.slice(3).join(\"; \") || \"\",\n });\n }\n setPreview(rows);\n };\n const doImport = async () => {\n if (!accountId) return alert(\"Выберите счёт\");\n const r = await api(\"/ops/import\", \"POST\", {\n rows: preview.map((x) => ({ ...x, account_id: Number(accountId), confirmed })),\n });\n alert(\"Импортировано операций: \" + r.n);\n onDone(); onClose();\n };\n return (\n \n

\n Вставьте строки в формате: дата; сумма; контрагент; назначение (разделитель — точка с запятой или табуляция).\n Отрицательная сумма — выплата, положительная — поступление. Дата: 31.12.2026 или 2026-12-31.\n

setText(e.target.value)} />\n      <div className=\"grid grid-cols-2 gap-4 mb-3\">\n        <Field label=\"Зачислить на счёт\">\n          <TSelect value={accountId} onChange={(e) => setAccountId(e.target.value)}>\n            <option value=\"\">Выбрать счёт…</option>\n            {meta.accounts.filter((a) => a.active).map((a) => <option key={a.id} value={a.id}>{a.name}</option>)}\n          </TSelect>\n        </Field>\n        <div className=\"pt-5\"><Check label=\"Оплаты подтверждены (факт)\" checked={confirmed} onChange={setConfirmed} /></div>\n      </div>\n      {preview && (\n        <div className=\"text-sm mb-3\">\n          Распознано строк: <b>{preview.length}</b>\n          {preview.length > 0 && (\n            <span className=\"text-gray-500\"> · поступлений {preview.filter((x) => x.op_type === \"income\").length}, выплат {preview.filter((x) => x.op_type === \"expense\").length}</span>\n          )}\n        </div>\n      )}\n      <div className=\"flex justify-end gap-2\">\n        <Btn kind=\"ghost\" onClick={onClose}>Отмена</Btn>\n        {!preview ? <Btn onClick={parse}>Проверить</Btn> : <Btn onClick={doImport}>Импортировать {preview.length}</Btn>}\n      </div>\n    </Modal>\n  );\n}\n\n// ---------- Операции ----------\nexport function PageOps({ meta, refreshMeta }) {\n  const [data, setData] = useState({ rows: [], totals: {} });\n  const [flt, setFlt] = useState({\n    income: true, expense: true, transfer: true, conf: true, unconf: true,\n    account: \"\", category: \"\", contractor: \"\", project: \"\", q: \"\", from: \"\", to: \"\", uncat: false,\n  });\n  const [modal, setModal] = useState(null);\n  const [imp, setImp] = useState(false);\n  const [sel, setSel] = useState({});\n  const [bulkCat, setBulkCat] = useState(\"\");\n  const load = () => {\n    const p = new URLSearchParams();\n    const types = [flt.income && \"income\", flt.expense && \"expense\", flt.transfer && \"transfer\"].filter(Boolean);\n    if (types.length === 1) p.set(\"type\", types[0]);\n    if (flt.conf !== flt.unconf) p.set(\"confirmed\", flt.conf ? \"1\" : \"0\");\n    for (const k of [\"account\", \"category\", \"contractor\", \"project\", \"q\", \"from\", \"to\"]) if (flt[k]) p.set(k, flt[k]);\n    if (flt.uncat) p.set(\"uncat\", \"1\");\n    api(\"/ops?\" + p.toString()).then((d) => {\n      const types2 = new Set(types.length ? types : [\"income\", \"expense\", \"transfer\"]);\n      d.rows = d.rows.filter((r) => types2.has(r.op_type));\n      setData(d);\n    });\n  };\n  useEffect(() => { load(); }, [JSON.stringify(flt)]);\n  const set = (k, v) => setFlt((s) => ({ ...s, [k]: v }));\n  const confirm = async (id) => { await api(`/ops/${id}/confirm`, \"POST\", {}); load(); refreshMeta(); };\n  const del = async (id) => { if (window.confirm(\"Удалить операцию?\")) { await api(\"/ops/\" + id, \"DELETE\"); load(); refreshMeta(); } };\n  const allCats = [...flatCats(meta.categories, \"income\"), ...flatCats(meta.categories, \"expense\")];\n  const selIds = Object.keys(sel).filter((k) => sel[k]);\n  const applyBulk = async () => {\n    if (!bulkCat) return alert(\"Выберите статью\");\n    await api(\"/ops/bulk\", \"POST\", { ids: selIds.map(Number), category_id: Number(bulkCat) });\n    setSel({}); setBulkCat(\"\"); load();\n  };\n  const groups = [];\n  let cur = null;\n  for (const r of data.rows) {\n    if (!cur || cur.date !== r.date) { cur = { date: r.date, rows: [] }; groups.push(cur); }\n    cur.rows.push(r);\n  }\n  const t = data.totals || {};\n  return (\n    <div className=\"flex h-full\">\n      <div className=\"w-60 shrink-0 bg-white border-r border-gray-100 p-4 text-sm overflow-y-auto\">\n        <div className=\"font-semibold text-[#22313f] mb-2\">Фильтры</div>\n        <div className=\"text-xs text-gray-400 mb-1\">Тип операции</div>\n        <Check label=\"Поступление\" checked={flt.income} onChange={(v) => set(\"income\", v)} />\n        <Check label=\"Выплата\" checked={flt.expense} onChange={(v) => set(\"expense\", v)} />\n        <Check label=\"Перемещение\" checked={flt.transfer} onChange={(v) => set(\"transfer\", v)} />\n        <div className=\"text-xs text-gray-400 mt-3 mb-1\">Дата оплаты</div>\n        <Check label=\"Подтверждена\" checked={flt.conf} onChange={(v) => set(\"conf\", v)} />\n        <Check label=\"Не подтверждена\" checked={flt.unconf} onChange={(v) => set(\"unconf\", v)} />\n        <div className=\"mt-3\" />\n        <Field label=\"Счёт\">\n          <TSelect value={flt.account} onChange={(e) => set(\"account\", e.target.value)}>\n            <option value=\"\">Все</option>\n            {meta.accounts.map((a) => <option key={a.id} value={a.id}>{a.name}</option>)}\n          </TSelect>\n        </Field>\n        <Field label=\"Статья учёта\">\n          <TSelect value={flt.category} onChange={(e) => set(\"category\", e.target.value)}>\n            <option value=\"\">Все</option>\n            {allCats.map((c) => <option key={c.id} value={c.id}>{\" \".repeat(c.depth * 2) + c.name}</option>)}\n          </TSelect>\n        </Field>\n        <Field label=\"Контрагент\">\n          <TSelect value={flt.contractor} onChange={(e) => set(\"contractor\", e.target.value)}>\n            <option value=\"\">Все</option>\n            {meta.contractors.map((x) => <option key={x.id} value={x.id}>{x.name}</option>)}\n          </TSelect>\n        </Field>\n        <Field label=\"Проект\">\n          <TSelect value={flt.project} onChange={(e) => set(\"project\", e.target.value)}>\n            <option value=\"\">Все</option>\n            {(meta.projects || []).map((x) => <option key={x.id} value={x.id}>{x.name}</option>)}\n          </TSelect>\n        </Field>\n        <Field label=\"Период с\"><TInput type=\"date\" value={flt.from} onChange={(e) => set(\"from\", e.target.value)} /></Field>\n        <Field label=\"по\"><TInput type=\"date\" value={flt.to} onChange={(e) => set(\"to\", e.target.value)} /></Field>\n        <Check label=\"Только нераспределённые\" checked={flt.uncat} onChange={(v) => set(\"uncat\", v)} />\n      </div>\n      <div className=\"flex-1 flex flex-col min-w-0\">\n        <div className=\"flex items-center gap-2 p-4 pb-2 flex-wrap\">\n          <h1 className=\"text-[22px] font-bold text-[#22313f] mr-1\">Операции</h1>\n          <Btn onClick={() => setModal({})}>Создать</Btn>\n          <Btn kind=\"ghost\" onClick={() => setImp(true)}>Импортировать</Btn>\n          <input className=\"ml-auto border border-gray-200 rounded px-3 py-1.5 text-sm w-64\" placeholder=\"Поиск по операциям\"\n            value={flt.q} onChange={(e) => set(\"q\", e.target.value)} />\n        </div>\n        {selIds.length > 0 && (\n          <div className=\"mx-4 mb-2 bg-teal-50 border border-teal-100 rounded px-3 py-2 flex items-center gap-3 text-sm\">\n            <b>{selIds.length}</b> выбрано · назначить статью:\n            <TSelect value={bulkCat} onChange={(e) => setBulkCat(e.target.value)} className=\"!w-64\">\n              <option value=\"\">Выбрать…</option>\n              {allCats.map((c) => <option key={c.id} value={c.id}>{\" \".repeat(c.depth * 2) + c.name}</option>)}\n            </TSelect>\n            <Btn small onClick={applyBulk}>Применить</Btn>\n            <button className=\"text-gray-400 text-xs\" onClick={() => setSel({})}>Снять выбор</button>\n          </div>\n        )}\n        <div className=\"flex-1 overflow-y-auto px-4\">\n          <table className=\"w-full text-sm bg-white rounded-lg shadow-sm\">\n            <thead><tr className=\"text-left text-xs text-gray-400\">\n              <th className=\"p-2 pl-3 w-6\"></th>\n              <th className=\"p-2\">Дата</th><th className=\"p-2\">Счёт</th><th className=\"p-2\">Тип</th>\n              <th className=\"p-2\">Контрагент</th><th className=\"p-2\">Статья</th><th className=\"p-2\">Сделка / Проект</th>\n              <th className=\"p-2 text-right\">Сумма</th><th className=\"p-2\"></th>\n            </tr></thead>\n            {groups.map((g) => (\n              <tbody key={g.date}>\n                <tr><td colSpan={9} className=\"px-3 pt-3 pb-1 text-xs font-semibold text-slate-500\">{fmtDate(g.date)}{g.date === todayStr() ? \" · Сегодня\" : \"\"}</td></tr>\n                {g.rows.map((r) => (\n                  <tr key={r.id} className=\"border-t border-gray-50 hover:bg-slate-50\">\n                    <td className=\"p-2 pl-3\">\n                      {r.op_type !== \"transfer\" && (\n                        <input type=\"checkbox\" className=\"accent-[#2aa3af]\" checked={!!sel[r.id]}\n                          onChange={(e) => setSel((s) => ({ ...s, [r.id]: e.target.checked }))} />\n                      )}\n                    </td>\n                    <td className=\"p-2 text-gray-500 whitespace-nowrap\">{fmtDate(r.date)}</td>\n                    <td className=\"p-2 text-gray-700\">{r.account_name}{r.op_type === \"transfer\" && <div className=\"text-gray-400 text-xs\">→ {r.account2_name}</div>}</td>\n                    <td className=\"p-2\">\n                      <span className={r.op_type === \"income\" ? \"text-emerald-600\" : r.op_type === \"expense\" ? \"text-rose-500\" : \"text-gray-400\"}>\n                        {r.op_type === \"income\" ? <Icons.arrowIn size={15} /> : r.op_type === \"expense\" ? <Icons.arrowOut size={15} /> : <Icons.swap size={15} />}\n                      </span>\n                    </td>\n                    <td className=\"p-2 text-gray-700 max-w-[170px] truncate\">{r.contractor_name || \"—\"}</td>\n                    <td className=\"p-2 text-gray-600 max-w-[220px]\">\n                      <div className=\"truncate\">{r.op_type === \"transfer\" ? \"Перевод между счетами\" : (r.category_name || <span className=\"text-amber-600\">Нераспределенный {r.op_type === \"income\" ? \"доход\" : \"расход\"}</span>)}</div>\n                      {r.purpose && <div className=\"text-gray-400 text-xs truncate\">{r.purpose}</div>}\n                    </td>\n                    <td className=\"p-2 text-gray-500 max-w-[130px]\">\n                      <div className=\"truncate\">{r.deal_name || \"\"}</div>\n                      {r.project_name && <div className=\"text-xs text-gray-400 truncate\">{r.project_name}</div>}\n                    </td>\n                    <td className=\"p-2 text-right whitespace-nowrap\">\n                      {r.op_type === \"transfer\"\n                        ? <div className=\"text-gray-600\">−{fmt(r.amount)}<div>+{fmt(r.amount)}</div></div>\n                        : <span className={r.op_type === \"income\" ? \"text-emerald-600 font-medium\" : \"text-rose-500 font-medium\"}>{r.op_type === \"income\" ? \"+\" : \"−\"}{fmt(r.amount)}</span>}\n                      {!r.confirmed && <div><span className=\"text-[10px] bg-slate-100 text-slate-500 rounded px-1\">не подтверждена</span></div>}\n                    </td>\n                    <td className=\"p-2 whitespace-nowrap text-right\">\n                      {!r.confirmed && <Btn small onClick={() => confirm(r.id)}>Подтв.</Btn>}\n                      <IconBtn icon={Icons.edit} onClick={() => setModal({ ...r, confirmed: !!r.confirmed })} />\n                      <IconBtn icon={Icons.trash} danger onClick={() => del(r.id)} />\n                    </td>\n                  </tr>\n                ))}\n              </tbody>\n            ))}\n          </table>\n          {data.rows.length === 0 && <div className=\"text-center text-gray-400 text-sm py-10\">Операций нет</div>}\n          <div className=\"h-3\" />\n        </div>\n        <div className=\"border-t border-gray-100 bg-white px-4 py-2 text-xs text-gray-500 flex gap-4 flex-wrap\">\n          <span>{t.n || 0} операций</span>\n          <span>Поступления: <b className=\"text-emerald-600\">{fmt(t.income)}</b></span>\n          <span>Выплаты: <b className=\"text-rose-500\">{fmt(t.expense)}</b></span>\n          <span>Перемещения: <b>{fmt(t.transfer)}</b></span>\n          <span>Итого: <b className={(t.income - t.expense) >= 0 ? \"text-emerald-600\" : \"text-rose-500\"}>{(t.income - t.expense) >= 0 ? \"+\" : \"\"}{fmt((t.income || 0) - (t.expense || 0))}</b></span>\n        </div>\n      </div>\n      {modal && <OpModal meta={meta} initial={modal.id ? modal : null} onClose={() => setModal(null)} onSaved={() => { load(); refreshMeta(); }} />}\n      {imp && <ImportModal meta={meta} onClose={() => setImp(false)} onDone={() => { load(); refreshMeta(); }} />}\n    </div>\n  );\n}\n","// Показатели и Показатели PRO\nimport {\n  React, useEffect, useState, api, fmt, fmt0, fmtShort, fmtDate, todayStr, thisYear,\n  monLabel, rootOfCat, TInput, TSelect, Tabs, YearSelect,\n  ComboChart, ChartLegend, AreaChart, Donut, DONUT_COLORS, Pareto, CH,\n} from \"./lib.tsx\";\n\nconst MONTH_FULL = [\"января\",\"февраля\",\"марта\",\"апреля\",\"мая\",\"июня\",\"июля\",\"августа\",\"сентября\",\"октября\",\"ноября\",\"декабря\"];\nconst WEEKDAYS = [\"воскресенье\",\"понедельник\",\"вторник\",\"среда\",\"четверг\",\"пятница\",\"суббота\"];\nfunction todayWords() {\n  const d = new Date();\n  return `${d.getDate()} ${MONTH_FULL[d.getMonth()]} ${d.getFullYear()} года, ${WEEKDAYS[d.getDay()]}`;\n}\nconst monthsBetween = (from, to) => {\n  const out = [];\n  let [y, m] = from.split(\"-\").map(Number);\n  const [ty, tm] = to.split(\"-\").map(Number);\n  while (y < ty || (y === ty && m <= tm)) {\n    out.push(`${y}-${String(m).padStart(2, \"0\")}`);\n    m++; if (m > 12) { m = 1; y++; }\n  }\n  return out.slice(0, 24);\n};\n\n// метрика с «по плану» (как в референсе)\nfunction Metric({ label, value, plan, unit = \" ₽\", color }) {\n  return (\n    <div className=\"mb-5\">\n      <div className=\"text-[13px] text-gray-500 mb-0.5\">{label}</div>\n      <div className={\"text-[26px] leading-tight font-bold whitespace-nowrap \" + (color || \"text-[#37474f]\")}>{value}{unit === \"%\" ? \"%\" : \"\"}</div>\n      <div className=\"text-xs text-[#1e88e5] whitespace-nowrap\">{plan}{unit === \"%\" ? \"%\" : \"\"} <span className=\"text-gray-400\">- по плану</span></div>\n    </div>\n  );\n}\n\n// ---------- Показатели ----------\nexport function PageIndicators({ meta }) {\n  const nowM = todayStr().slice(0, 7);\n  const [from, setFrom] = useState(thisYear() + \"-01\");\n  const [to, setTo] = useState(nowM);\n  const [basis, setBasis] = useState(\"cash\");\n  const [flow, setFlow] = useState(\"all\");\n  const [structTab, setStructTab] = useState(\"dr\");\n  const [flt, setFlt] = useState({ account: \"\", project: \"\", deal: \"\" });\n  const [deals, setDeals] = useState([]);\n  const [data, setData] = useState(null);\n  useEffect(() => { api(\"/deals\").then(setDeals); }, []);\n  useEffect(() => {\n    const p = new URLSearchParams({ from: from + \"-01\", to: to + \"-31\", basis });\n    if (flt.account) p.set(\"account\", flt.account);\n    if (flt.project) p.set(\"project\", flt.project);\n    if (flt.deal) p.set(\"deal\", flt.deal);\n    api(\"/dashboard2?\" + p.toString()).then(setData);\n  }, [from, to, basis, JSON.stringify(flt)]);\n  if (!data) return <div className=\"p-6 text-gray-400 text-sm\">Загрузка…</div>;\n\n  const mlist = monthsBetween(from, to);\n  const byM = {};\n  for (const r of data.months) byM[r.m] = r;\n  // план из бюджетов БДР\n  const planIncByM = {}, planExpByM = {};\n  for (const p of data.plans) {\n    if (p.period < from || p.period > to) continue;\n    if (String(p.row_key).startsWith(\"inc_\")) planIncByM[p.period] = (planIncByM[p.period] || 0) + Number(p.s);\n    else planExpByM[p.period] = (planExpByM[p.period] || 0) + Number(p.s);\n  }\n  // дивиденды и потоки из структуры\n  const divByM = {};\n  const flowByM = {}; // m -> {in_oper, out_oper, in_fin, out_fin}\n  const rootsInc = {}, rootsExp = {};\n  const incTotByM = {}, expTotByM = {};\n  for (const r of data.struct) {\n    const root = r.category_id ? rootOfCat(meta.categories, r.category_id) : null;\n    const rname = root ? root.name : \"Нераспределенные\";\n    const isFin = rname.toLowerCase().includes(\"кредит\") || rname.toLowerCase().includes(\"овердрафт\");\n    const f = (flowByM[r.m] = flowByM[r.m] || { in_oper: 0, out_oper: 0, in_fin: 0, out_fin: 0 });\n    if (r.op_type === \"income\") { f[isFin ? \"in_fin\" : \"in_oper\"] += Number(r.s); (rootsInc[rname] = rootsInc[rname] || { name: rname, value: 0, byM: {} }).value += Number(r.s); rootsInc[rname].byM[r.m] = (rootsInc[rname].byM[r.m] || 0) + Number(r.s); incTotByM[r.m] = (incTotByM[r.m] || 0) + Number(r.s); }\n    else { f[isFin ? \"out_fin\" : \"out_oper\"] += Number(r.s); (rootsExp[rname] = rootsExp[rname] || { name: rname, value: 0, byM: {} }).value += Number(r.s); rootsExp[rname].byM[r.m] = (rootsExp[rname].byM[r.m] || 0) + Number(r.s); expTotByM[r.m] = (expTotByM[r.m] || 0) + Number(r.s); }\n    if (rname === \"Дивиденды\") divByM[r.m] = (divByM[r.m] || 0) + Number(r.s);\n  }\n  const inc = mlist.reduce((s, m) => s + Number(byM[m]?.income || 0), 0);\n  const exp = mlist.reduce((s, m) => s + Number(byM[m]?.expense || 0), 0);\n  const np = inc - exp;\n  const rent = inc ? Math.round((np / inc) * 1000) / 10 : 0;\n  const div = Object.values(divByM).reduce((s, v) => s + v, 0);\n  const planInc = mlist.reduce((s, m) => s + (planIncByM[m] || 0), 0) || inc;\n  const planExp = mlist.reduce((s, m) => s + (planExpByM[m] || 0), 0) || exp;\n  const planNp = planInc - planExp;\n  const planRent = planInc ? Math.round((planNp / planInc) * 1000) / 10 : 0;\n\n  const profitChart = mlist.map((m) => ({\n    label: monLabel(m),\n    income: Number(byM[m]?.income || 0),\n    expense: Number(byM[m]?.expense || 0),\n    np: Number(byM[m]?.income || 0) - Number(byM[m]?.expense || 0),\n    div: divByM[m] || 0,\n  }));\n\n  const flowIn = (m) => { const f = flowByM[m] || {}; return flow === \"all\" ? (f.in_oper || 0) + (f.in_fin || 0) : flow === \"oper\" ? f.in_oper || 0 : flow === \"fin\" ? f.in_fin || 0 : 0; };\n  const flowOut = (m) => { const f = flowByM[m] || {}; return flow === \"all\" ? (f.out_oper || 0) + (f.out_fin || 0) : flow === \"oper\" ? f.out_oper || 0 : flow === \"fin\" ? f.out_fin || 0 : 0; };\n  const flowChart = mlist.map((m) => ({ label: monLabel(m), inflow: flowIn(m), outflow: flowOut(m), net: flowIn(m) - flowOut(m) }));\n  const totIn = mlist.reduce((s, m) => s + flowIn(m), 0);\n  const totOut = mlist.reduce((s, m) => s + flowOut(m), 0);\n\n  const incParts = Object.values(rootsInc).sort((a, b) => b.value - a.value);\n  const expParts = Object.values(rootsExp).sort((a, b) => b.value - a.value);\n  const incTotal = incParts.reduce((s, p) => s + p.value, 0) || 1;\n  const expTotal = expParts.reduce((s, p) => s + p.value, 0) || 1;\n\n  const StructBlock = ({ title, parts, total, totByM, barColor }) => (\n    <div className=\"mb-6\">\n      <div className=\"text-sm font-semibold text-[#37474f] mb-2\">{title}</div>\n      <div className=\"grid lg:grid-cols-2 gap-4 items-center\">\n        <div className=\"flex items-center gap-5 flex-wrap\">\n          <Donut parts={parts.slice(0, 8).map((p, i) => ({ ...p, color: DONUT_COLORS[i % DONUT_COLORS.length] }))} />\n          <div className=\"text-[13px]\">\n            {parts.slice(0, 8).map((p, i) => (\n              <div key={p.name} className=\"flex items-center gap-2 py-0.5\">\n                <span className=\"inline-block w-3 h-3 rounded-sm\" style={{ background: DONUT_COLORS[i % DONUT_COLORS.length] }}></span>\n                <span className=\"text-gray-600\">{p.name}</span>\n                <b className=\"text-[#37474f] whitespace-nowrap\">{fmt0(p.value)}</b>\n                <span className=\"text-gray-400\">({(p.value / total * 100).toFixed(2)}%)</span>\n              </div>\n            ))}\n          </div>\n        </div>\n        <ComboChart data={mlist.map((m) => ({ label: monLabel(m), v: totByM[m] || 0 }))} bars={[{ key: \"v\", color: barColor }]} lines={[]} height={190} />\n      </div>\n    </div>\n  );\n\n  const selCls = \"border border-gray-200 rounded px-3 py-2 text-sm bg-white text-gray-600\";\n  return (\n    <div className=\"p-6\">\n      {/* заголовок и фильтры */}\n      <div className=\"flex items-end gap-4 flex-wrap mb-5\">\n        <div className=\"mr-2\">\n          <div className=\"text-[24px] font-bold text-[#37474f] leading-tight\">{meta.company_name}</div>\n          <div className=\"text-xs text-gray-400\">{todayWords()}</div>\n        </div>\n        <label className=\"text-xs text-gray-400\">Период<br />\n          <span className=\"inline-flex items-center gap-1 border border-gray-200 rounded px-2 py-1 bg-white\">\n            <input type=\"month\" className=\"text-sm text-gray-700\" value={from} onChange={(e) => setFrom(e.target.value)} />\n            —\n            <input type=\"month\" className=\"text-sm text-gray-700\" value={to} onChange={(e) => setTo(e.target.value)} />\n          </span>\n        </label>\n        <label className=\"text-xs text-gray-400\">Отображение<br />\n          <select className={selCls}><option>По месяцам</option></select>\n        </label>\n        <label className=\"text-xs text-gray-400\">Юрлица и счета<br />\n          <select className={selCls} value={flt.account} onChange={(e) => setFlt({ ...flt, account: e.target.value })}>\n            <option value=\"\">Юрлица и счета</option>\n            {meta.accounts.filter((a) => a.active).map((a) => <option key={a.id} value={a.id}>{a.name}</option>)}\n          </select>\n        </label>\n        <label className=\"text-xs text-gray-400\">Проекты<br />\n          <select className={selCls} value={flt.project} onChange={(e) => setFlt({ ...flt, project: e.target.value })}>\n            <option value=\"\">Проекты</option>\n            {(meta.projects || []).map((p) => <option key={p.id} value={p.id}>{p.name}</option>)}\n          </select>\n        </label>\n        <label className=\"text-xs text-gray-400\">Сделки<br />\n          <select className={selCls} value={flt.deal} onChange={(e) => setFlt({ ...flt, deal: e.target.value })}>\n            <option value=\"\">Сделки</option>\n            {deals.map((d) => <option key={d.id} value={d.id}>{d.name}</option>)}\n          </select>\n        </label>\n        {(flt.account || flt.project || flt.deal) && (\n          <button className=\"text-gray-400 hover:text-gray-600 text-lg pb-1\" title=\"Сбросить фильтры\"\n            onClick={() => setFlt({ account: \"\", project: \"\", deal: \"\" })}>✕</button>\n        )}\n      </div>\n\n      {/* Прибыль */}\n      <div className=\"flex items-center gap-3 mb-3\">\n        <div className=\"font-bold text-[#37474f]\">Прибыль, ₽</div>\n        <Tabs tabs={[[\"accrual\", \"Метод начисления\"], [\"cash\", \"Кассовый метод\"]]} value={basis} onChange={setBasis} />\n      </div>\n      <div className=\"bg-white rounded-lg shadow-sm p-4 mb-6\">\n        <div className=\"grid\" style={{ gridTemplateColumns: \"300px 1fr\", gap: 16 }}>\n          <div className=\"border-r border-gray-50 pr-4\">\n            <Metric label=\"Доходы\" value={fmt0(inc)} plan={fmt0(planInc)} />\n            <Metric label=\"Расходы\" value={fmt0(exp)} plan={fmt0(planExp)} />\n            <Metric label=\"Чистая прибыль\" value={fmt0(np)} plan={fmt0(planNp)} color={np < 0 ? \"text-rose-600\" : undefined} />\n            <Metric label=\"Рентабельность, %\" value={rent} plan={planRent} unit=\"%\" />\n            <Metric label=\"Дивиденды\" value={fmt0(div)} plan={fmt0(div)} />\n          </div>\n          <div className=\"min-w-0\">\n            <ComboChart data={profitChart}\n              bars={[{ key: \"income\", color: CH.blue }, { key: \"expense\", color: CH.orange }]}\n              lines={[{ key: \"np\", color: CH.green }, { key: \"div\", color: CH.purple }]} height={330} />\n            <ChartLegend items={[[\"Доходы\", CH.blue], [\"Расходы\", CH.orange], [\"Чистая прибыль\", CH.green, true], [\"Дивиденды\", CH.purple, true]]} />\n          </div>\n        </div>\n      </div>\n\n      {/* Денежный поток */}\n      <div className=\"flex items-center gap-3 mb-3\">\n        <div className=\"font-bold text-[#37474f]\">Денежный поток, ₽</div>\n        <Tabs tabs={[[\"all\", \"Общий\"], [\"oper\", \"Операционный\"], [\"invest\", \"Инвестиционный\"], [\"fin\", \"Финансовый\"]]} value={flow} onChange={setFlow} />\n      </div>\n      <div className=\"bg-white rounded-lg shadow-sm p-4 mb-6\">\n        <div className=\"grid\" style={{ gridTemplateColumns: \"300px 1fr\", gap: 16 }}>\n          <div className=\"border-r border-gray-50 pr-4\">\n            <Metric label=\"Поступления\" value={fmt0(totIn)} plan={fmt0(totIn)} />\n            <Metric label=\"Выплаты\" value={fmt0(totOut)} plan={fmt0(totOut)} />\n            <Metric label=\"Чистый поток\" value={fmt0(totIn - totOut)} plan={fmt0(totIn - totOut)} color={totIn - totOut < 0 ? \"text-rose-600\" : undefined} />\n          </div>\n          <div className=\"min-w-0\">\n            <ComboChart data={flowChart}\n              bars={[{ key: \"inflow\", color: CH.blue }, { key: \"outflow\", color: CH.orange }]}\n              lines={[{ key: \"net\", color: CH.green }]} height={280} />\n            <ChartLegend items={[[\"Поступления\", CH.blue], [\"Выплаты\", CH.orange], [\"Чистый поток\", CH.green, true]]} />\n          </div>\n        </div>\n      </div>\n\n      {/* Остатки на счетах */}\n      <div className=\"font-bold text-[#37474f] mb-3\">Остатки на счетах, ₽</div>\n      <div className=\"bg-white rounded-lg shadow-sm p-4 mb-6\">\n        <AreaChart points={data.daily} height={250} />\n        <ChartLegend items={[[\"Общий остаток\", CH.green]]} />\n      </div>\n\n      {/* Структура платежей */}\n      <div className=\"flex items-center gap-3 mb-3\">\n        <div className=\"font-bold text-[#37474f]\">Структура платежей</div>\n        <Tabs tabs={[[\"dr\", \"Доходы и расходы\"], [\"pv\", \"Поступления и выплаты\"]]} value={structTab} onChange={setStructTab} />\n      </div>\n      <div className=\"bg-white rounded-lg shadow-sm p-4 mb-6\">\n        <StructBlock title={structTab === \"dr\" ? \"Доходы, ₽\" : \"Поступления, ₽\"} parts={incParts} total={incTotal} totByM={incTotByM} barColor={CH.blue} />\n        <StructBlock title={structTab === \"dr\" ? \"Расходы, ₽\" : \"Выплаты, ₽\"} parts={expParts} total={expTotal} totByM={expTotByM} barColor={CH.orange} />\n      </div>\n\n      {/* ABC-анализ клиентов */}\n      <div className=\"font-bold text-[#37474f] mb-3\">ABC-анализ клиентов</div>\n      <div className=\"bg-white rounded-lg shadow-sm p-4 mb-6\">\n        <Pareto rows={data.abc.map((r) => ({ name: r.name, value: Number(r.s) }))} height={320} />\n        <ChartLegend items={[[\"Клиенты, приносящие более 80% доходов\", CH.blue], [\"Клиенты, приносящие менее 20% доходов\", CH.purple], [\"Доля доходов с накопительным итогом, %\", \"#3949AB\", true]]} />\n      </div>\n\n      {/* Прибыльность проектов */}\n      <div className=\"font-bold text-[#37474f] mb-3\">Прибыльность проектов</div>\n      <div className=\"bg-white rounded-lg shadow-sm p-4 mb-2\">\n        <Pareto rows={data.proj_profit.map((r) => ({ name: r.name, value: Number(r.profit) }))} height={300} showLine={false} barColor=\"#66BB6A\" />\n        <ChartLegend items={[[\"Фактическая прибыль, ₽\", \"#66BB6A\"]]} />\n      </div>\n    </div>\n  );\n}\n\n// ---------- Показатели PRO ----------\nexport function PagePro({ meta }) {\n  const nowM = todayStr().slice(0, 7);\n  const [tab, setTab] = useState(\"money\");\n  const [from, setFrom] = useState(thisYear() + \"-01\");\n  const [to, setTo] = useState(nowM);\n  const [data, setData] = useState(null);\n  const [projects, setProjects] = useState([]);\n  useEffect(() => {\n    api(`/dashboard2?from=${from}-01&to=${to}-31&basis=cash`).then(setData);\n    api(\"/projects\").then(setProjects);\n  }, [from, to]);\n  if (!data) return <div className=\"p-6 text-gray-400 text-sm\">Загрузка…</div>;\n  const mset = {};\n  for (const r of data.months) mset[r.m] = r;\n  const mlist = monthsBetween(from, to);\n  const chart = mlist.map((m) => ({\n    label: monLabel(m),\n    income: Number(mset[m]?.income || 0),\n    expense: Number(mset[m]?.expense || 0),\n    np: Number(mset[m]?.income || 0) - Number(mset[m]?.expense || 0),\n  }));\n  return (\n    <div className=\"p-6\">\n      <div className=\"text-[24px] font-bold text-[#37474f] mb-3\">Показатели</div>\n      <div className=\"mb-4\">\n        <Tabs tabs={[[\"money\", \"Движение денег\"], [\"profit\", \"Прибыль\"], [\"projects\", \"Проекты\"]]} value={tab} onChange={setTab} />\n      </div>\n      <div className=\"flex items-end gap-4 mb-4\">\n        <label className=\"text-xs text-gray-400\">Период<br />\n          <span className=\"inline-flex items-center gap-1 border border-gray-200 rounded px-2 py-1 bg-white\">\n            <input type=\"month\" className=\"text-sm\" value={from} onChange={(e) => setFrom(e.target.value)} />\n            —\n            <input type=\"month\" className=\"text-sm\" value={to} onChange={(e) => setTo(e.target.value)} />\n          </span>\n        </label>\n      </div>\n      {tab === \"money\" && (\n        <div className=\"bg-white rounded-lg shadow-sm p-4\">\n          <div className=\"text-sm font-semibold text-[#37474f] mb-2\">Остатки на счетах, ₽</div>\n          <AreaChart points={data.daily} height={340} />\n          <ChartLegend items={[[\"Общий остаток\", CH.green]]} />\n        </div>\n      )}\n      {tab === \"profit\" && (\n        <div className=\"bg-white rounded-lg shadow-sm p-4\">\n          <div className=\"text-sm font-semibold text-[#37474f] mb-2\">Прибыль (кассовый метод), ₽</div>\n          <ComboChart data={chart}\n            bars={[{ key: \"income\", color: CH.blue }, { key: \"expense\", color: CH.orange }]}\n            lines={[{ key: \"np\", color: CH.green }]} height={340} />\n          <ChartLegend items={[[\"Доходы\", CH.blue], [\"Расходы\", CH.orange], [\"Чистая прибыль\", CH.green, true]]} />\n        </div>\n      )}\n      {tab === \"projects\" && (\n        <div className=\"bg-white rounded-lg shadow-sm\">\n          <table className=\"w-full text-sm\">\n            <thead><tr className=\"text-left text-xs text-gray-400\">\n              <th className=\"p-2 pl-3\">Проект</th><th className=\"p-2 text-right\">Доходы, ₽</th>\n              <th className=\"p-2 text-right\">Расходы, ₽</th><th className=\"p-2 text-right\">Прибыль, ₽</th><th className=\"p-2 text-right\">Рентабельность</th>\n            </tr></thead>\n            <tbody>\n              {projects.map((p) => {\n                const profit = Number(p.income) - Number(p.expense);\n                const r = Number(p.income) ? Math.round((profit / Number(p.income)) * 1000) / 10 : 0;\n                return (\n                  <tr key={p.id} className=\"border-t border-gray-50\">\n                    <td className=\"p-2 pl-3 text-gray-700\">{p.name}</td>\n                    <td className=\"p-2 text-right whitespace-nowrap\">{Number(p.income) ? fmt0(p.income) : \"—\"}</td>\n                    <td className=\"p-2 text-right whitespace-nowrap\">{Number(p.expense) ? fmt0(p.expense) : \"—\"}</td>\n                    <td className={\"p-2 text-right whitespace-nowrap font-medium \" + (profit < 0 ? \"text-rose-600\" : \"text-emerald-600\")}>{profit ? fmt0(profit) : \"—\"}</td>\n                    <td className=\"p-2 text-right\">{r ? r + \"%\" : \"—\"}</td>\n                  </tr>\n                );\n              })}\n            </tbody>\n          </table>\n        </div>\n      )}\n    </div>\n  );\n}\n","createdAt",["D",1787307486895],"branchVersion","branchId","4e7c594c-7131-44af-85f7-c363fcbc85c7","id","6e904ebf-a254-4dd3-b3e8-cca1eea5f4a2","ufin",["D",1787239139778],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","U.fin — финансовая система агентства недвижимости","imageUrl","caa5b6a0-dd4e-4cd6-a997-9389a6a43948","pinnedFileId","8193b528-9caa-11f1-a2f1-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019eff71-5749-76b5-abdd-e25a47b3deca","tursoName","6e904ebfa2544dd3b3e8cca1eea5f4a2","tursoHostname","6e904ebfa2544dd3b3e8cca1eea5f4a2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789585873168],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_100":99,"_108":104},"org",{"_100":99,"_101":102,"_103":104,"_18":55,"_105":106,"_107":25},"branch",{"_13":89,"_32":90,"_43":42,"_91":44,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":45,"_98":99},"isOwned",61,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","tambovtsev007","handle","displayName","Кирилл Тамбовцев","avatar","https://lh3.googleusercontent.com/a/ACg8ocKCNneTjcn307kcxhB_NS1R7_0SBhSKM-2hy73z0JvhXFipwkhs=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":265,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":266,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":267,"_84":268,"_86":269,"_88":25},"tree",[162,174],"files",[162,163,164,165,166,167,168,169,170,171,172,173,174],"counts",{"_151":63,"_152":153,"_154":63,"_155":156,"_157":158},"contents",[131,132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":144,"_32":145,"_30":146,"_135":-5,"_41":42,"_40":147,"_137":59,"_38":148,"_13":63,"_34":149,"_35":-5,"_24":25,"_142":-5,"_27":150},{"_43":133,"_32":134,"_30":57,"_135":-5,"_41":42,"_40":136,"_137":25,"_38":138,"_13":139,"_34":140,"_35":141,"_24":25,"_142":-5,"_27":143},"60a09d18-728b-4b7d-9637-be4d3fc5e34f","index.ts","parentId",32,"latest",["D",1787307485693],4,"http","// U.fin v2 — финансовая система агентства недвижимости по скелету ПланФакта\n// Backend: Hono + SQLite (val-scoped). Вход по PIN.\nimport { Hono } from \"npm:hono\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { parseVal, readFile, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst app = new Hono();\napp.onError((err) => Promise.reject(err));\n\nconst today = () => new Date().toISOString().slice(0, 10);\nconst num = (v: unknown) => (v === null || v === undefined || v === \"\" ? 0 : Number(v));\n\n// ---------------- Схема БД ----------------\nawait sqlite.batch([\n  `CREATE TABLE IF NOT EXISTS pf_accounts (\n    id INTEGER PRIMARY KEY AUTOINCREMENT,\n    name TEXT NOT NULL,\n    acc_type TEXT DEFAULT 'Безналичный',   -- Наличный | Безналичный | Карта физлица | Электронный\n    bank TEXT DEFAULT '',\n    number TEXT DEFAULT '',\n    grp TEXT DEFAULT '',                    -- группа: Основной счет, Депозиты, Налоговый...\n    start_balance REAL DEFAULT 0,\n    start_date TEXT,\n    active INTEGER DEFAULT 1\n  )`,\n  `CREATE TABLE IF NOT EXISTS pf_categories (\n    id INTEGER PRIMARY KEY AUTOINCREMENT,\n    name TEXT NOT NULL,\n    kind TEXT NOT NULL,                     -- income | expense\n    parent_id INTEGER,\n    sort INTEGER DEFAULT 0\n  )`,\n  `CREATE TABLE IF NOT EXISTS pf_contractors (\n    id INTEGER PRIMARY KEY AUTOINCREMENT,\n    name TEXT NOT NULL,\n    grp TEXT DEFAULT '',                    -- Застройщик | Брокер (ИП) | Банк | Сотрудник | Прочее\n    inn TEXT DEFAULT '',\n    comment TEXT DEFAULT ''\n  )`,\n  `CREATE TABLE IF NOT EXISTS pf_deals (\n    id INTEGER PRIMARY KEY AUTOINCREMENT,\n    name TEXT NOT NULL,                     -- «Брокер №J1207»\n    client TEXT DEFAULT '',\n    status TEXT DEFAULT 'work',             -- work | nuance | done | fail\n    amount REAL DEFAULT 0,                  -- сумма сделки (комиссия)\n    created_at TEXT,\n    comment TEXT DEFAULT ''\n  )`,\n  `CREATE TABLE IF NOT EXISTS pf_ops (\n    id INTEGER PRIMARY KEY AUTOINCREMENT,\n    date TEXT NOT NULL,\n    op_type TEXT NOT NULL,                  -- income | expense | transfer\n    confirmed INTEGER DEFAULT 1,            -- 1 = оплата подтверждена (факт), 0 = план\n    amount REAL NOT NULL,\n    account_id INTEGER,                     -- счёт (для transfer — со счёта)\n    account2_id INTEGER,                    -- для transfer — на счёт\n    category_id INTEGER,\n    contractor_id INTEGER,\n    deal_id INTEGER,\n    purpose TEXT DEFAULT ''                 -- назначение платежа\n  )`,\n  `CREATE TABLE IF NOT EXISTS pf_settings (key TEXT PRIMARY KEY, value TEXT)`,\n  `CREATE TABLE IF NOT EXISTS pf_projects (\n    id INTEGER PRIMARY KEY AUTOINCREMENT,\n    name TEXT NOT NULL,\n    comment TEXT DEFAULT '',\n    active INTEGER DEFAULT 1\n  )`,\n  `CREATE TABLE IF NOT EXISTS pf_budget (\n    period TEXT NOT NULL,              -- 'YYYY-MM'\n    category_id INTEGER NOT NULL,\n    amount REAL DEFAULT 0,\n    PRIMARY KEY (period, category_id)\n  )`,\n  `CREATE TABLE IF NOT EXISTS pf_legal_entities (\n    id INTEGER PRIMARY KEY AUTOINCREMENT,\n    name TEXT NOT NULL,\n    inn TEXT DEFAULT '',\n    comment TEXT DEFAULT ''\n  )`,\n  `CREATE TABLE IF NOT EXISTS pf_products (\n    id INTEGER PRIMARY KEY AUTOINCREMENT,\n    name TEXT NOT NULL,\n    ptype TEXT DEFAULT 'service',      -- product | service\n    unit TEXT DEFAULT 'шт',\n    price REAL DEFAULT 0\n  )`,\n  `CREATE TABLE IF NOT EXISTS pf_shipments (\n    id INTEGER PRIMARY KEY AUTOINCREMENT,\n    deal_id INTEGER NOT NULL,\n    date TEXT NOT NULL,\n    amount REAL NOT NULL,\n    comment TEXT DEFAULT ''\n  )`,\n  `CREATE TABLE IF NOT EXISTS pf_deal_items (\n    id INTEGER PRIMARY KEY AUTOINCREMENT,\n    deal_id INTEGER NOT NULL,\n    name TEXT NOT NULL,\n    qty REAL DEFAULT 1,\n    unit TEXT DEFAULT 'шт',\n    price REAL DEFAULT 0\n  )`,\n  `CREATE TABLE IF NOT EXISTS pf_deal_comments (\n    id INTEGER PRIMARY KEY AUTOINCREMENT,\n    deal_id INTEGER NOT NULL,\n    created_at TEXT,\n    text TEXT NOT NULL\n  )`,\n  `CREATE TABLE IF NOT EXISTS pf_budgets (\n    id INTEGER PRIMARY KEY AUTOINCREMENT,\n    name TEXT NOT NULL,\n    btype TEXT DEFAULT 'bdr',          -- bdr | bdds\n    project_id INTEGER,\n    year TEXT,\n    updated_at TEXT\n  )`,\n  `CREATE TABLE IF NOT EXISTS pf_budget_values (\n    budget_id INTEGER NOT NULL,\n    row_key TEXT NOT NULL,             -- inc_<catId> | out_<catId> | var|fix|oi|oe|dep|int|tax\n    period TEXT NOT NULL,              -- YYYY-MM\n    amount REAL DEFAULT 0,\n    PRIMARY KEY (budget_id, row_key, period)\n  )`,\n  `CREATE TABLE IF NOT EXISTS pf_invoices (\n    id INTEGER PRIMARY KEY AUTOINCREMENT,\n    number TEXT DEFAULT '',\n    date TEXT NOT NULL,\n    contractor_id INTEGER,\n    client TEXT DEFAULT '',\n    deal_id INTEGER,\n    amount REAL DEFAULT 0,\n    status TEXT DEFAULT 'unpaid',      -- unpaid | paid\n    comment TEXT DEFAULT ''\n  )`,\n]);\ntry { await sqlite.execute(`ALTER TABLE pf_ops ADD COLUMN project_id INTEGER`); } catch (_e) { /* колонка уже есть */ }\ntry { await sqlite.execute(`ALTER TABLE pf_deals ADD COLUMN deal_type TEXT DEFAULT 'sale'`); } catch (_e) { /* есть */ }\ntry { await sqlite.execute(`ALTER TABLE pf_accounts ADD COLUMN legal_entity_id INTEGER`); } catch (_e) { /* есть */ }\ntry { await sqlite.execute(`ALTER TABLE pf_projects ADD COLUMN grp TEXT DEFAULT ''`); } catch (_e) { /* есть */ }\ntry { await sqlite.execute(`ALTER TABLE pf_projects ADD COLUMN status TEXT DEFAULT 'work'`); } catch (_e) { /* есть */ }\ntry { await sqlite.execute(`ALTER TABLE pf_projects ADD COLUMN date_start TEXT`); } catch (_e) { /* есть */ }\ntry { await sqlite.execute(`ALTER TABLE pf_projects ADD COLUMN date_end TEXT`); } catch (_e) { /* есть */ }\nawait sqlite.execute(\n  `INSERT INTO pf_settings(key,value) SELECT 'company_name','Unlock'\n   WHERE NOT EXISTS (SELECT 1 FROM pf_settings WHERE key='company_name')`,\n);\n// сид реальных проектов клиента (как в его ПланФакте)\n{\n  const pc = (await sqlite.execute(`SELECT COUNT(*) n FROM pf_projects`)).rows[0] as any;\n  if (Number(pc.n) <= 1) {\n    await sqlite.execute(`DELETE FROM pf_projects`);\n    const P: [string, string, string, string | null, string | null][] = [\n      [\"Абсолют\", \"ДОП % ОТ КА\", \"work\", \"2025-06-17\", \"2025-06-17\"],\n      [\"Аренда вторичной недвижимости\", \"Вторичная недвижимость\", \"work\", \"2025-06-11\", \"2026-06-22\"],\n      [\"Аренда загородного объекта недвижимости\", \"Загородная недвижимость\", \"work\", \"2025-06-18\", \"2025-06-19\"],\n      [\"Аренда коммерческого объекта\", \"Коммерческая недвижимость\", \"work\", \"2025-04-04\", \"2025-07-14\"],\n      [\"Входящий контрагентский\", \"\", \"plan\", null, null],\n      [\"Договор подряда (загородная)\", \"Первичная недвижимость\", \"work\", \"2025-08-30\", \"2026-07-13\"],\n      [\"КВ ОТ АЛЬФА БАНКА\", \"ДОП % ОТ КА\", \"work\", \"2025-02-10\", \"2026-07-16\"],\n      [\"Одобрение Ипотеки\", \"Ипотека\", \"work\", \"2026-07-09\", \"2026-07-09\"],\n      [\"Покупка вторичной недвижимости\", \"Вторичная недвижимость\", \"work\", \"2025-01-23\", \"2026-07-22\"],\n      [\"Покупка загородного объекта недвижимости\", \"Загородная недвижимость\", \"plan\", null, null],\n      [\"Покупка коммерческого объекта\", \"Коммерческая недвижимость\", \"work\", \"2025-05-14\", \"2025-05-16\"],\n      [\"Покупка новостройки\", \"Первичная недвижимость\", \"work\", \"2025-01-09\", \"2026-08-12\"],\n      [\"Покупка строящегося коммерческого объекта\", \"Первичная недвижимость\", \"work\", \"2025-10-10\", \"2025-12-29\"],\n      [\"Продажа вторичной недвижимости\", \"Вторичная недвижимость\", \"work\", \"2025-01-03\", \"2026-08-12\"],\n      [\"Продажа загородного объекта недвижимости\", \"Загородная недвижимость\", \"work\", \"2026-07-01\", \"2026-07-21\"],\n      [\"Продажа коммерческого объекта\", \"Коммерческая недвижимость\", \"work\", \"2025-04-30\", \"2025-10-06\"],\n      [\"Рекламный бюджет\", \"Рекламный бюджет\", \"work\", \"2026-08-12\", \"2026-08-12\"],\n    ];\n    for (const [name, grp, status, ds, de] of P) {\n      await sqlite.execute({\n        sql: `INSERT INTO pf_projects (name, grp, status, date_start, date_end) VALUES (?,?,?,?,?)`,\n        args: [name, grp, status, ds, de],\n      });\n    }\n  }\n}\n// первичное юрлицо и услуга\n{\n  const le = (await sqlite.execute(`SELECT COUNT(*) n FROM pf_legal_entities`)).rows[0] as any;\n  if (!Number(le.n)) {\n    await sqlite.execute(`INSERT INTO pf_legal_entities (name, inn) VALUES ('Основное юрлицо', '231299600512')`);\n    await sqlite.execute(`UPDATE pf_accounts SET legal_entity_id=1 WHERE legal_entity_id IS NULL`);\n  }\n  const pr = (await sqlite.execute(`SELECT COUNT(*) n FROM pf_products`)).rows[0] as any;\n  if (!Number(pr.n)) {\n    await sqlite.execute(`INSERT INTO pf_products (name, ptype, unit, price) VALUES ('Привлечение клиента на покупку объекта недвижимости', 'service', 'усл', 0)`);\n  }\n}\nawait sqlite.execute(\n  `INSERT INTO pf_settings(key,value) SELECT 'pin','1111'\n   WHERE NOT EXISTS (SELECT 1 FROM pf_settings WHERE key='pin')`,\n);\n\n// ---------------- Первичное наполнение справочников (как в ПланФакте клиента) ----------------\nasync function seedRefs() {\n  const has = (await sqlite.execute(`SELECT COUNT(*) n FROM pf_accounts`)).rows[0] as any;\n  if (num(has.n) > 0) return;\n  const t = today();\n  // Счета (остатки из ПланФакта на 20.08.2026)\n  const accounts: [string, string, string, string, string, number][] = [\n    [\"Основной расчетный счет\", \"Безналичный\", \"АО «Т-Банк»\", \"40802810300001442713\", \"Основной счет\", 412987.78],\n    [\"Касса (наличка)\", \"Наличный\", \"\", \"\", \"Основной счет\", 2288160],\n    [\"АЛЬФА-БАНК 2996\", \"Безналичный\", \"АО АЛЬФА-БАНК\", \"40802810502120002996\", \"\", 3145000],\n    [\"Т-Банк 5241\", \"Безналичный\", \"АО «Т-Банк»\", \"40802810300009275241\", \"\", 169822.38],\n    [\"Налог\", \"Безналичный\", \"АО «Т-Банк»\", \"40802810600003834236\", \"Налоговый\", 241751.34],\n    [\"Благотворительность\", \"Безналичный\", \"АО «Т-Банк»\", \"40802810400003834245\", \"Благотворительный счет\", 3596.44],\n    [\"ЗП АУП\", \"Безналичный\", \"АО «Т-Банк»\", \"40802810700003834233\", \"Зарплатный\", 0],\n    [\"Предоплата от застройщика\", \"Безналичный\", \"АО «Т-Банк»\", \"40802810200003834238\", \"Предоплаты\", 0],\n    [\"ХОЗ НУЖДЫ\", \"Безналичный\", \"АО ТБанк\", \"40802810600009124445\", \"\", 0],\n    [\"Депозит\", \"Безналичный\", \"АО ТБанк\", \"42110810000000213137\", \"Депозиты\", 0],\n  ];\n  for (const [name, tp, bank, numb, grp, bal] of accounts) {\n    await sqlite.execute({\n      sql: `INSERT INTO pf_accounts (name,acc_type,bank,number,grp,start_balance,start_date) VALUES (?,?,?,?,?,?,?)`,\n      args: [name, tp, bank, numb, grp, bal, t],\n    });\n  }\n  // Учетные статьи: kind, name, children\n  const cat = async (name: string, kind: string, parent: number | null): Promise<number> => {\n    const r = await sqlite.execute({\n      sql: `INSERT INTO pf_categories (name,kind,parent_id) VALUES (?,?,?)`,\n      args: [name, kind, parent],\n    });\n    return Number(r.lastInsertRowid);\n  };\n  // Доходы\n  await cat(\"Контрагентские\", \"income\", null);\n  await cat(\"Страхование\", \"income\", null);\n  await cat(\"Оказание услуг\", \"income\", null);\n  await cat(\"Регистрация сделки\", \"income\", null);\n  const kb = await cat(\"Комиссия от банка\", \"income\", null);\n  await cat(\"Абсолют Банк\", \"income\", kb);\n  await cat(\"Альфа Банк\", \"income\", kb);\n  const pd = await cat(\"Прочие доходы\", \"income\", null);\n  await cat(\"Проценты по вкладам\", \"income\", pd);\n  await cat(\"Курсовая разница (+)\", \"income\", pd);\n  // Расходы\n  const perem = await cat(\"Переменные\", \"expense\", null);\n  await cat(\"UNLOCK.CRM\", \"expense\", perem);\n  await cat(\"Благотворительность\", \"expense\", perem);\n  const proizv = await cat(\"Производители\", \"expense\", perem);\n  await cat(\"Брокеры\", \"expense\", proizv);\n  await cat(\"Контрагенты\", \"expense\", proizv);\n  await cat(\"% руководителей\", \"expense\", proizv);\n  await cat(\"Ипотека % от кв банка\", \"expense\", proizv);\n  await cat(\"Реферальная программа\", \"expense\", proizv);\n  const mark = await cat(\"Маркетинг\", \"expense\", perem);\n  await cat(\"Рекламная компания\", \"expense\", mark);\n  await cat(\"Авито\", \"expense\", mark);\n  await cat(\"Циан\", \"expense\", mark);\n  await cat(\"Баннер (Растяжка)\", \"expense\", mark);\n  await cat(\"Фин.гарантия\", \"expense\", perem);\n  await cat(\"Возврат покупателям\", \"expense\", perem);\n  const post = await cat(\"Постоянные\", \"expense\", null);\n  await cat(\"Супервайзер (коммерция)\", \"expense\", post);\n  const fot = await cat(\"ФОТ\", \"expense\", post);\n  const dir = await cat(\"Дирекция\", \"expense\", fot);\n  await cat(\"CEO\", \"expense\", dir);\n  await cat(\"COO\", \"expense\", dir);\n  await cat(\"CMO\", \"expense\", dir);\n  await cat(\"РОП\", \"expense\", dir);\n  const adm = await cat(\"Административный\", \"expense\", fot);\n  await cat(\"РОСФИН Юрист\", \"expense\", adm);\n  await cat(\"Офис менеджер\", \"expense\", adm);\n  await cat(\"Ипотечный специалист\", \"expense\", adm);\n  await cat(\"Менеджер отдела Заботы\", \"expense\", adm);\n  await cat(\"Куратор по новостройкам\", \"expense\", adm);\n  const mrk2 = await cat(\"Маркетинговый\", \"expense\", fot);\n  await cat(\"Оператор/монтажер\", \"expense\", mrk2);\n  await cat(\"СММ\", \"expense\", mrk2);\n  const bonus = await cat(\"Бонусная система\", \"expense\", fot);\n  await cat(\"Ежемесячный бонус\", \"expense\", bonus);\n  await cat(\"Ежеквартальный бонус\", \"expense\", bonus);\n  await cat(\"Годовой бонус\", \"expense\", bonus);\n  const ofs = await cat(\"Офис\", \"expense\", post);\n  await cat(\"Аренда офиса\", \"expense\", ofs);\n  await cat(\"Интерьер\", \"expense\", ofs);\n  const po = await cat(\"Программное обеспечение\", \"expense\", post);\n  for (const n of [\"U.team\", \"F-doc\", \"CRM\", \"Финучет\", \"Контур\", \"Услуги связи\", \"Яндекс.почта\"]) {\n    await cat(n, \"expense\", po);\n  }\n  const sait = await cat(\"Сайт\", \"expense\", post);\n  await cat(\"ФИД новостроек\", \"expense\", sait);\n  await cat(\"Налоги\", \"expense\", null);\n  await cat(\"Кредиты и овердрафт\", \"expense\", null);\n  await cat(\"Нераспределенный расход\", \"expense\", null);\n  await cat(\"Нераспределенный доход\", \"income\", null);\n  // Контрагенты\n  const contractors: [string, string][] = [\n    [\"ООО СЗ БЦ АПСАЙД ОСТАНКИНО\", \"Застройщик\"],\n    [\"ООО СЗ ПАРК РАЗВЛЕЧЕНИЙ\", \"Застройщик\"],\n    [\"ГК Самолёт\", \"Застройщик\"],\n    [\"ИП Мателевич Сергей Валерьевич\", \"Брокер (ИП)\"],\n    [\"ИП Дедерер Евгения Владимировна\", \"Брокер (ИП)\"],\n    [\"АО ТБанк\", \"Банк\"],\n    [\"АО АЛЬФА-БАНК\", \"Банк\"],\n  ];\n  for (const [name, grp] of contractors) {\n    await sqlite.execute({ sql: `INSERT INTO pf_contractors (name,grp) VALUES (?,?)`, args: [name, grp] });\n  }\n}\nawait seedRefs();\n\n// статья «Дивиденды» нужна для показателей — создаём, если нет\nawait sqlite.execute(\n  `INSERT INTO pf_categories (name, kind) SELECT 'Дивиденды', 'expense'\n   WHERE NOT EXISTS (SELECT 1 FROM pf_categories WHERE name='Дивиденды')`,\n);\n\nasync function getPin(): Promise<string> {\n  const r = await sqlite.execute(`SELECT value FROM pf_settings WHERE key='pin'`);\n  return String(r.rows[0]?.value ?? \"1111\");\n}\n\n// ---------------- Авторизация ----------------\napp.use(\"/api/*\", async (c, next) => {\n  if (c.req.path === \"/api/login\") return next();\n  if ((c.req.header(\"x-pin\") || \"\") !== (await getPin())) {\n    return c.json({ error: \"unauthorized\" }, 401);\n  }\n  await next();\n});\n\napp.post(\"/api/login\", async (c) => {\n  const { pin } = await c.req.json();\n  if (String(pin) === (await getPin())) return c.json({ ok: true });\n  return c.json({ ok: false }, 401);\n});\n\napp.post(\"/api/settings/company\", async (c) => {\n  const { name } = await c.req.json();\n  await sqlite.execute({\n    sql: `INSERT INTO pf_settings(key,value) VALUES ('company_name', ?) ON CONFLICT(key) DO UPDATE SET value=excluded.value`,\n    args: [String(name || \"Компания\")],\n  });\n  return c.json({ ok: true });\n});\n\napp.post(\"/api/settings/pin\", async (c) => {\n  const { oldPin, newPin } = await c.req.json();\n  if (String(oldPin) !== (await getPin())) return c.json({ error: \"Неверный текущий PIN\" }, 400);\n  if (!/^\\d{4,8}$/.test(String(newPin))) return c.json({ error: \"PIN: 4–8 цифр\" }, 400);\n  await sqlite.execute({ sql: `UPDATE pf_settings SET value=? WHERE key='pin'`, args: [String(newPin)] });\n  return c.json({ ok: true });\n});\n\n// ---------------- Остатки ----------------\n// эффект подтверждённых операций на каждый счёт\nconst BALANCE_SQL = `\n  SELECT a.id,\n    a.start_balance\n    + COALESCE((SELECT SUM(CASE\n        WHEN o.op_type='income'  AND o.account_id=a.id THEN o.amount\n        WHEN o.op_type='expense' AND o.account_id=a.id THEN -o.amount\n        WHEN o.op_type='transfer' AND o.account_id=a.id THEN -o.amount\n        WHEN o.op_type='transfer' AND o.account2_id=a.id THEN o.amount\n        ELSE 0 END)\n      FROM pf_ops o\n      WHERE o.confirmed=1 AND (o.account_id=a.id OR o.account2_id=a.id)), 0) AS balance\n  FROM pf_accounts a`;\n\nasync function accountBalances() {\n  const r = await sqlite.execute(BALANCE_SQL);\n  const map: Record<number, number> = {};\n  for (const row of r.rows as any[]) map[row.id] = num(row.balance);\n  return map;\n}\n\n// ---------------- Справочники ----------------\napp.get(\"/api/meta\", async (c) => {\n  const [acc, cats, contr, proj, les, prods] = await Promise.all([\n    sqlite.execute(`SELECT * FROM pf_accounts ORDER BY active DESC, name`),\n    sqlite.execute(`SELECT * FROM pf_categories ORDER BY kind, COALESCE(parent_id,0), sort, id`),\n    sqlite.execute(`SELECT * FROM pf_contractors ORDER BY name`),\n    sqlite.execute(`SELECT * FROM pf_projects ORDER BY active DESC, name`),\n    sqlite.execute(`SELECT * FROM pf_legal_entities ORDER BY id`),\n    sqlite.execute(`SELECT * FROM pf_products ORDER BY ptype, name`),\n  ]);\n  const bal = await accountBalances();\n  const accounts = (acc.rows as any[]).map((a) => ({ ...a, balance: bal[a.id] ?? num(a.start_balance) }));\n  const total = accounts.filter((a) => a.active).reduce((s, a) => s + a.balance, 0);\n  // спарклайн остатка: дневная динамика за последние 90 дней (только подтверждённые)\n  const t = today();\n  const from90 = new Date(Date.now() - 90 * 864e5).toISOString().slice(0, 10);\n  const daily = await sqlite.execute({\n    sql: `SELECT date, SUM(CASE WHEN op_type='income' THEN amount WHEN op_type='expense' THEN -amount ELSE 0 END) net\n          FROM pf_ops WHERE confirmed=1 AND date>=? AND date<=? GROUP BY date ORDER BY date`,\n    args: [from90, t],\n  });\n  const spark: { d: string; b: number }[] = [];\n  {\n    let b = total;\n    const rows = (daily.rows as any[]).slice().reverse(); // от сегодня назад\n    spark.push({ d: t, b });\n    for (const r of rows) { b -= num(r.net); spark.push({ d: r.date, b }); }\n    spark.reverse();\n  }\n  // кассовый разрыв: прогноз по будущим операциям (включая неподтверждённые)\n  const future = await sqlite.execute({\n    sql: `SELECT date, SUM(CASE WHEN op_type='income' THEN amount WHEN op_type='expense' THEN -amount ELSE 0 END) net\n          FROM pf_ops WHERE date>? AND op_type!='transfer' AND (confirmed=0 OR date>?)\n          GROUP BY date ORDER BY date`,\n    args: [t, t],\n  });\n  let gap: { from: string; to: string; min: number } | null = null;\n  {\n    let b = total;\n    let inGap = false;\n    for (const r of future.rows as any[]) {\n      b += num(r.net);\n      if (b < 0 && !gap) { gap = { from: r.date, to: r.date, min: b }; inGap = true; }\n      else if (b < 0 && gap && inGap) { gap.to = r.date; gap.min = Math.min(gap.min, b); }\n      else if (b >= 0 && inGap) inGap = false;\n    }\n  }\n  const cname = (await sqlite.execute(`SELECT value FROM pf_settings WHERE key='company_name'`)).rows[0] as any;\n  return c.json({\n    accounts, categories: cats.rows, contractors: contr.rows, projects: proj.rows,\n    legal_entities: les.rows, products: prods.rows,\n    total_balance: total, spark, gap,\n    company_name: String(cname?.value || \"Компания\"),\n  });\n});\n\n// ---------------- Комментарии к сделке ----------------\napp.post(\"/api/deals/:id/comments\", async (c) => {\n  const b = await c.req.json();\n  await sqlite.execute({\n    sql: `INSERT INTO pf_deal_comments (deal_id, created_at, text) VALUES (?,?,?)`,\n    args: [Number(c.req.param(\"id\")), new Date().toISOString(), String(b.text || \"\").slice(0, 2000)],\n  });\n  return c.json({ ok: true });\n});\napp.delete(\"/api/comments/:id\", async (c) => {\n  await sqlite.execute({ sql: `DELETE FROM pf_deal_comments WHERE id=?`, args: [Number(c.req.param(\"id\"))] });\n  return c.json({ ok: true });\n});\n\n// ---------------- Бюджеты (БДР / БДДС) ----------------\napp.get(\"/api/budgets\", async (c) => {\n  const bt = c.req.query(\"type\") || \"bdr\";\n  const r = await sqlite.execute({\n    sql: `SELECT b.*, p.name project_name FROM pf_budgets b\n          LEFT JOIN pf_projects p ON p.id=b.project_id\n          WHERE b.btype=? ORDER BY b.id DESC`,\n    args: [bt],\n  });\n  return c.json(r.rows);\n});\napp.post(\"/api/budgets\", async (c) => {\n  const b = await c.req.json();\n  const r = await sqlite.execute({\n    sql: `INSERT INTO pf_budgets (name, btype, project_id, year, updated_at) VALUES (?,?,?,?,?)`,\n    args: [b.name || \"Бюджет\", b.btype === \"bdds\" ? \"bdds\" : \"bdr\", b.project_id || null, b.year || today().slice(0, 4), today()],\n  });\n  return c.json({ ok: true, id: Number(r.lastInsertRowid) });\n});\napp.delete(\"/api/budgets/:id\", async (c) => {\n  const id = Number(c.req.param(\"id\"));\n  await sqlite.batch([\n    { sql: `DELETE FROM pf_budget_values WHERE budget_id=?`, args: [id] },\n    { sql: `DELETE FROM pf_budgets WHERE id=?`, args: [id] },\n  ]);\n  return c.json({ ok: true });\n});\napp.get(\"/api/budgets/:id\", async (c) => {\n  const id = Number(c.req.param(\"id\"));\n  const b = (await sqlite.execute({\n    sql: `SELECT b.*, p.name project_name FROM pf_budgets b LEFT JOIN pf_projects p ON p.id=b.project_id WHERE b.id=?`,\n    args: [id],\n  })).rows[0] as any;\n  if (!b) return c.json({ error: \"not found\" }, 404);\n  const values = await sqlite.execute({ sql: `SELECT row_key, period, amount FROM pf_budget_values WHERE budget_id=?`, args: [id] });\n  // факт: по подтверждённым операциям за год бюджета (при проекте — только его операции)\n  const args: unknown[] = [String(b.year)];\n  let pw = \"\";\n  if (b.project_id) { pw = \" AND o.project_id=?\"; args.push(b.project_id); }\n  const facts = await sqlite.execute({\n    sql: `SELECT substr(o.date,1,7) m, o.op_type, o.category_id, SUM(o.amount) s\n          FROM pf_ops o WHERE o.confirmed=1 AND o.op_type!='transfer' AND substr(o.date,1,4)=?${pw}\n          GROUP BY substr(o.date,1,7), o.op_type, o.category_id`,\n    args,\n  });\n  return c.json({ budget: b, values: values.rows, facts: facts.rows });\n});\napp.put(\"/api/budgets/:id/value\", async (c) => {\n  const id = Number(c.req.param(\"id\"));\n  const b = await c.req.json();\n  await sqlite.batch([\n    { sql: `INSERT INTO pf_budget_values (budget_id,row_key,period,amount) VALUES (?,?,?,?)\n            ON CONFLICT(budget_id,row_key,period) DO UPDATE SET amount=excluded.amount`,\n      args: [id, String(b.row_key), String(b.period), num(b.amount)] },\n    { sql: `UPDATE pf_budgets SET updated_at=? WHERE id=?`, args: [today(), id] },\n  ]);\n  return c.json({ ok: true });\n});\n\n// ---------------- Данные дашборда ----------------\napp.get(\"/api/dashboard2\", async (c) => {\n  const from = c.req.query(\"from\") || `${today().slice(0, 4)}-01-01`;\n  const to = c.req.query(\"to\") || today();\n  const basis = c.req.query(\"basis\") === \"accrual\" ? \"accrual\" : \"cash\";\n  // необязательные фильтры (как в референсе: счёт / проект / сделка)\n  let fw = \"\";\n  const fa: unknown[] = [];\n  if (c.req.query(\"account\")) { fw += \" AND account_id=?\"; fa.push(Number(c.req.query(\"account\"))); }\n  if (c.req.query(\"project\")) { fw += \" AND project_id=?\"; fa.push(Number(c.req.query(\"project\"))); }\n  if (c.req.query(\"deal\")) { fw += \" AND deal_id=?\"; fa.push(Number(c.req.query(\"deal\"))); }\n  // доходы/расходы по месяцам (доход по методу)\n  const months = basis === \"cash\"\n    ? await sqlite.execute({\n      sql: `SELECT substr(date,1,7) m,\n              SUM(CASE WHEN op_type='income' THEN amount ELSE 0 END) income,\n              SUM(CASE WHEN op_type='expense' THEN amount ELSE 0 END) expense\n            FROM pf_ops WHERE confirmed=1 AND op_type!='transfer' AND date>=? AND date<=?${fw}\n            GROUP BY substr(date,1,7) ORDER BY m`,\n      args: [from, to, ...fa],\n    })\n    : await sqlite.execute({\n      sql: `SELECT m, SUM(income) income, SUM(expense) expense FROM (\n              SELECT substr(date,1,7) m, SUM(amount) income, 0 expense FROM pf_shipments WHERE date>=? AND date<=? GROUP BY substr(date,1,7)\n              UNION ALL\n              SELECT substr(date,1,7) m, 0 income, SUM(amount) expense FROM pf_ops WHERE confirmed=1 AND op_type='expense' AND date>=? AND date<=? GROUP BY substr(date,1,7)\n            ) GROUP BY m ORDER BY m`,\n      args: [from, to, from, to],\n    });\n  // план из бюджетов БДР\n  const plans = await sqlite.execute(\n    `SELECT v.row_key, v.period, SUM(v.amount) s FROM pf_budget_values v\n     JOIN pf_budgets b ON b.id=v.budget_id AND b.btype='bdr'\n     GROUP BY v.row_key, v.period`,\n  );\n  // дневные остатки за период\n  const startTotal = (await sqlite.execute(`SELECT COALESCE(SUM(start_balance),0) s FROM pf_accounts WHERE active=1`)).rows[0] as any;\n  const netAll = await sqlite.execute(\n    `SELECT date, SUM(CASE WHEN op_type='income' THEN amount WHEN op_type='expense' THEN -amount ELSE 0 END) net\n     FROM pf_ops WHERE confirmed=1 GROUP BY date ORDER BY date`,\n  );\n  const daily: { d: string; b: number }[] = [];\n  {\n    let bal = num(startTotal.s);\n    for (const r of netAll.rows as any[]) {\n      bal += num(r.net);\n      if (r.date >= from && r.date <= to) daily.push({ d: r.date, b: bal });\n    }\n    if (!daily.length) daily.push({ d: to, b: bal });\n  }\n  // структура платежей по корневым статьям\n  const struct = await sqlite.execute({\n    sql: `SELECT substr(o.date,1,7) m, o.op_type, o.category_id, SUM(o.amount) s\n          FROM pf_ops o WHERE o.confirmed=1 AND o.op_type!='transfer' AND o.date>=? AND o.date<=?${fw.replaceAll(\"account_id\", \"o.account_id\").replaceAll(\"project_id\", \"o.project_id\").replaceAll(\"deal_id\", \"o.deal_id\")}\n          GROUP BY substr(o.date,1,7), o.op_type, o.category_id`,\n    args: [from, to, ...fa],\n  });\n  // ABC по контрагентам (доходы)\n  const abc = await sqlite.execute({\n    sql: `SELECT COALESCE(ct.name,'Без контрагента') name, SUM(o.amount) s\n          FROM pf_ops o LEFT JOIN pf_contractors ct ON ct.id=o.contractor_id\n          WHERE o.confirmed=1 AND o.op_type='income' AND o.date>=? AND o.date<=?\n          GROUP BY o.contractor_id ORDER BY s DESC LIMIT 25`,\n    args: [from, to],\n  });\n  // прибыльность проектов\n  const projProfit = await sqlite.execute({\n    sql: `SELECT p.name,\n            COALESCE(SUM(CASE WHEN o.op_type='income' AND o.confirmed=1 THEN o.amount\n                              WHEN o.op_type='expense' AND o.confirmed=1 THEN -o.amount ELSE 0 END),0) profit\n          FROM pf_projects p\n          LEFT JOIN pf_ops o ON o.project_id=p.id AND o.date>=? AND o.date<=?\n          WHERE p.active=1 GROUP BY p.id HAVING profit != 0 ORDER BY profit DESC LIMIT 20`,\n    args: [from, to],\n  });\n  return c.json({\n    from, to, basis,\n    months: months.rows,\n    plans: plans.rows,\n    daily,\n    struct: struct.rows,\n    abc: abc.rows,\n    proj_profit: projProfit.rows,\n  });\n});\n\n// ---------------- Статистика контрагентов ----------------\napp.get(\"/api/contractors/stats\", async (c) => {\n  const r = await sqlite.execute(\n    `SELECT ct.id, ct.name, ct.grp, ct.inn,\n       COUNT(o.id) n,\n       COALESCE(SUM(CASE WHEN o.op_type='income' THEN o.amount ELSE 0 END),0) income,\n       COALESCE(SUM(CASE WHEN o.op_type='expense' THEN o.amount ELSE 0 END),0) expense\n     FROM pf_contractors ct\n     LEFT JOIN pf_ops o ON o.contractor_id=ct.id AND o.confirmed=1\n     GROUP BY ct.id ORDER BY ct.name`,\n  );\n  return c.json(r.rows);\n});\n\n// ---------------- Проекты ----------------\napp.get(\"/api/projects\", async (c) => {\n  const r = await sqlite.execute(\n    `SELECT p.*,\n       COALESCE((SELECT SUM(amount) FROM pf_ops WHERE project_id=p.id AND op_type='income' AND confirmed=1),0) income,\n       COALESCE((SELECT SUM(amount) FROM pf_ops WHERE project_id=p.id AND op_type='expense' AND confirmed=1),0) expense,\n       COALESCE((SELECT SUM(amount) FROM pf_ops WHERE project_id=p.id AND op_type='income' AND confirmed=0),0) income_plan,\n       COALESCE((SELECT SUM(amount) FROM pf_ops WHERE project_id=p.id AND op_type='expense' AND confirmed=0),0) expense_plan\n     FROM pf_projects p ORDER BY p.active DESC, p.name`,\n  );\n  return c.json(r.rows);\n});\napp.post(\"/api/projects\", async (c) => {\n  const b = await c.req.json();\n  await sqlite.execute({\n    sql: `INSERT INTO pf_projects (name,comment,grp,status,date_start,date_end) VALUES (?,?,?,?,?,?)`,\n    args: [b.name || \"Проект\", b.comment || \"\", b.grp || \"\", b.status || \"work\", b.date_start || null, b.date_end || null],\n  });\n  return c.json({ ok: true });\n});\napp.put(\"/api/projects/:id\", async (c) => {\n  const b = await c.req.json();\n  await sqlite.execute({\n    sql: `UPDATE pf_projects SET name=?, comment=?, grp=?, status=?, date_start=?, date_end=?, active=? WHERE id=?`,\n    args: [b.name || \"Проект\", b.comment || \"\", b.grp || \"\", b.status || \"work\", b.date_start || null, b.date_end || null, b.active === false ? 0 : 1, Number(c.req.param(\"id\"))],\n  });\n  return c.json({ ok: true });\n});\napp.delete(\"/api/projects/:id\", async (c) => {\n  const id = Number(c.req.param(\"id\"));\n  await sqlite.batch([\n    { sql: `UPDATE pf_ops SET project_id=NULL WHERE project_id=?`, args: [id] },\n    { sql: `DELETE FROM pf_projects WHERE id=?`, args: [id] },\n  ]);\n  return c.json({ ok: true });\n});\n\n// ---------------- Бюджет (БДР) ----------------\napp.get(\"/api/budget\", async (c) => {\n  const year = c.req.query(\"year\") || today().slice(0, 4);\n  const plans = await sqlite.execute({\n    sql: `SELECT period, category_id, amount FROM pf_budget WHERE substr(period,1,4)=?`, args: [year],\n  });\n  const facts = await sqlite.execute({\n    sql: `SELECT substr(date,1,7) m, category_id, op_type, SUM(amount) s\n          FROM pf_ops WHERE confirmed=1 AND op_type!='transfer' AND substr(date,1,4)=?\n          GROUP BY substr(date,1,7), category_id, op_type`,\n    args: [year],\n  });\n  return c.json({ year, plans: plans.rows, facts: facts.rows });\n});\napp.put(\"/api/budget\", async (c) => {\n  const b = await c.req.json(); // {period, category_id, amount}\n  await sqlite.execute({\n    sql: `INSERT INTO pf_budget (period, category_id, amount) VALUES (?,?,?)\n          ON CONFLICT(period, category_id) DO UPDATE SET amount=excluded.amount`,\n    args: [b.period, Number(b.category_id), num(b.amount)],\n  });\n  return c.json({ ok: true });\n});\n\napp.post(\"/api/accounts\", async (c) => {\n  const b = await c.req.json();\n  await sqlite.execute({\n    sql: `INSERT INTO pf_accounts (name,acc_type,bank,number,grp,start_balance,start_date) VALUES (?,?,?,?,?,?,?)`,\n    args: [b.name || \"Счет\", b.acc_type || \"Безналичный\", b.bank || \"\", b.number || \"\", b.grp || \"\", num(b.start_balance), b.start_date || today()],\n  });\n  return c.json({ ok: true });\n});\napp.put(\"/api/accounts/:id\", async (c) => {\n  const b = await c.req.json();\n  await sqlite.execute({\n    sql: `UPDATE pf_accounts SET name=?, acc_type=?, bank=?, number=?, grp=?, start_balance=?, start_date=?, active=? WHERE id=?`,\n    args: [b.name || \"Счет\", b.acc_type || \"Безналичный\", b.bank || \"\", b.number || \"\", b.grp || \"\", num(b.start_balance), b.start_date || today(), b.active === false ? 0 : 1, Number(c.req.param(\"id\"))],\n  });\n  return c.json({ ok: true });\n});\napp.delete(\"/api/accounts/:id\", async (c) => {\n  const id = Number(c.req.param(\"id\"));\n  const used = (await sqlite.execute({ sql: `SELECT COUNT(*) n FROM pf_ops WHERE account_id=? OR account2_id=?`, args: [id, id] })).rows[0] as any;\n  if (num(used.n) > 0) return c.json({ error: \"По счёту есть операции — сначала удалите их или переведите\" }, 400);\n  await sqlite.execute({ sql: `DELETE FROM pf_accounts WHERE id=?`, args: [id] });\n  return c.json({ ok: true });\n});\n\napp.post(\"/api/categories\", async (c) => {\n  const b = await c.req.json();\n  await sqlite.execute({\n    sql: `INSERT INTO pf_categories (name,kind,parent_id) VALUES (?,?,?)`,\n    args: [b.name || \"Статья\", b.kind === \"expense\" ? \"expense\" : \"income\", b.parent_id || null],\n  });\n  return c.json({ ok: true });\n});\napp.put(\"/api/categories/:id\", async (c) => {\n  const b = await c.req.json();\n  await sqlite.execute({\n    sql: `UPDATE pf_categories SET name=?, parent_id=? WHERE id=?`,\n    args: [b.name || \"Статья\", b.parent_id || null, Number(c.req.param(\"id\"))],\n  });\n  return c.json({ ok: true });\n});\napp.delete(\"/api/categories/:id\", async (c) => {\n  const id = Number(c.req.param(\"id\"));\n  const kids = (await sqlite.execute({ sql: `SELECT COUNT(*) n FROM pf_categories WHERE parent_id=?`, args: [id] })).rows[0] as any;\n  if (num(kids.n) > 0) return c.json({ error: \"У статьи есть вложенные — сначала удалите их\" }, 400);\n  await sqlite.batch([\n    { sql: `UPDATE pf_ops SET category_id=NULL WHERE category_id=?`, args: [id] },\n    { sql: `DELETE FROM pf_categories WHERE id=?`, args: [id] },\n  ]);\n  return c.json({ ok: true });\n});\n\napp.post(\"/api/contractors\", async (c) => {\n  const b = await c.req.json();\n  const r = await sqlite.execute({\n    sql: `INSERT INTO pf_contractors (name,grp,inn,comment) VALUES (?,?,?,?)`,\n    args: [b.name || \"Контрагент\", b.grp || \"\", b.inn || \"\", b.comment || \"\"],\n  });\n  return c.json({ ok: true, id: Number(r.lastInsertRowid) });\n});\napp.put(\"/api/contractors/:id\", async (c) => {\n  const b = await c.req.json();\n  await sqlite.execute({\n    sql: `UPDATE pf_contractors SET name=?, grp=?, inn=?, comment=? WHERE id=?`,\n    args: [b.name || \"Контрагент\", b.grp || \"\", b.inn || \"\", b.comment || \"\", Number(c.req.param(\"id\"))],\n  });\n  return c.json({ ok: true });\n});\napp.delete(\"/api/contractors/:id\", async (c) => {\n  const id = Number(c.req.param(\"id\"));\n  await sqlite.batch([\n    { sql: `UPDATE pf_ops SET contractor_id=NULL WHERE contractor_id=?`, args: [id] },\n    { sql: `DELETE FROM pf_contractors WHERE id=?`, args: [id] },\n  ]);\n  return c.json({ ok: true });\n});\n\n// ---------------- Операции ----------------\napp.get(\"/api/ops\", async (c) => {\n  const q = c.req.query();\n  const where: string[] = [];\n  const args: unknown[] = [];\n  if (q.from) { where.push(\"o.date >= ?\"); args.push(q.from); }\n  if (q.to) { where.push(\"o.date <= ?\"); args.push(q.to); }\n  if (q.type) { where.push(\"o.op_type = ?\"); args.push(q.type); }\n  if (q.confirmed === \"1\" || q.confirmed === \"0\") { where.push(\"o.confirmed = ?\"); args.push(Number(q.confirmed)); }\n  if (q.account) { where.push(\"(o.account_id = ? OR o.account2_id = ?)\"); args.push(Number(q.account), Number(q.account)); }\n  if (q.category) { where.push(\"o.category_id = ?\"); args.push(Number(q.category)); }\n  if (q.contractor) { where.push(\"o.contractor_id = ?\"); args.push(Number(q.contractor)); }\n  if (q.deal) { where.push(\"o.deal_id = ?\"); args.push(Number(q.deal)); }\n  if (q.project) { where.push(\"o.project_id = ?\"); args.push(Number(q.project)); }\n  if (q.uncat === \"1\") { where.push(\"o.category_id IS NULL AND o.op_type != 'transfer'\"); }\n  if (q.q) { where.push(\"(o.purpose LIKE ? OR ct.name LIKE ?)\"); args.push(`%${q.q}%`, `%${q.q}%`); }\n  const w = where.length ? \"WHERE \" + where.join(\" AND \") : \"\";\n  const r = await sqlite.execute({\n    sql: `SELECT o.*, a.name account_name, a2.name account2_name, cat.name category_name,\n                 ct.name contractor_name, d.name deal_name, p.name project_name\n          FROM pf_ops o\n          LEFT JOIN pf_accounts a ON a.id=o.account_id\n          LEFT JOIN pf_accounts a2 ON a2.id=o.account2_id\n          LEFT JOIN pf_categories cat ON cat.id=o.category_id\n          LEFT JOIN pf_contractors ct ON ct.id=o.contractor_id\n          LEFT JOIN pf_deals d ON d.id=o.deal_id\n          LEFT JOIN pf_projects p ON p.id=o.project_id\n          ${w}\n          ORDER BY o.date DESC, o.id DESC\n          LIMIT 500`,\n    args,\n  });\n  const rows = r.rows as any[];\n  const totals = {\n    n: rows.length,\n    income: rows.filter((x) => x.op_type === \"income\").reduce((s, x) => s + num(x.amount), 0),\n    expense: rows.filter((x) => x.op_type === \"expense\").reduce((s, x) => s + num(x.amount), 0),\n    transfer: rows.filter((x) => x.op_type === \"transfer\").reduce((s, x) => s + num(x.amount), 0),\n  };\n  return c.json({ rows, totals });\n});\n\nfunction opArgs(b: any) {\n  return [\n    b.date || today(),\n    [\"income\", \"expense\", \"transfer\"].includes(b.op_type) ? b.op_type : \"income\",\n    b.confirmed ? 1 : 0,\n    num(b.amount),\n    b.account_id || null,\n    b.op_type === \"transfer\" ? (b.account2_id || null) : null,\n    b.op_type === \"transfer\" ? null : (b.category_id || null),\n    b.op_type === \"transfer\" ? null : (b.contractor_id || null),\n    b.deal_id || null,\n    b.purpose || \"\",\n    b.project_id || null,\n  ];\n}\napp.post(\"/api/ops\", async (c) => {\n  const b = await c.req.json();\n  await sqlite.execute({\n    sql: `INSERT INTO pf_ops (date,op_type,confirmed,amount,account_id,account2_id,category_id,contractor_id,deal_id,purpose,project_id)\n          VALUES (?,?,?,?,?,?,?,?,?,?,?)`,\n    args: opArgs(b),\n  });\n  return c.json({ ok: true });\n});\napp.put(\"/api/ops/:id\", async (c) => {\n  const b = await c.req.json();\n  await sqlite.execute({\n    sql: `UPDATE pf_ops SET date=?,op_type=?,confirmed=?,amount=?,account_id=?,account2_id=?,category_id=?,contractor_id=?,deal_id=?,purpose=?,project_id=? WHERE id=?`,\n    args: [...opArgs(b), Number(c.req.param(\"id\"))],\n  });\n  return c.json({ ok: true });\n});\n// массовое распределение (статья/проект) по выбранным операциям\napp.post(\"/api/ops/bulk\", async (c) => {\n  const b = await c.req.json(); // {ids:[], category_id?, project_id?}\n  const ids = (b.ids || []).map(Number).filter(Boolean);\n  if (!ids.length) return c.json({ ok: true, n: 0 });\n  const sets: string[] = [];\n  const args: unknown[] = [];\n  if (\"category_id\" in b) { sets.push(\"category_id=?\"); args.push(b.category_id || null); }\n  if (\"project_id\" in b) { sets.push(\"project_id=?\"); args.push(b.project_id || null); }\n  if (!sets.length) return c.json({ ok: true, n: 0 });\n  await sqlite.execute({\n    sql: `UPDATE pf_ops SET ${sets.join(\",\")} WHERE id IN (${ids.map(() => \"?\").join(\",\")})`,\n    args: [...args, ...ids],\n  });\n  return c.json({ ok: true, n: ids.length });\n});\n// импорт выписки: массив строк, контрагенты создаются автоматически\napp.post(\"/api/ops/import\", async (c) => {\n  const b = await c.req.json(); // {rows:[{date,op_type,amount,account_id,contractor_name,purpose,confirmed}]}\n  const rows = b.rows || [];\n  let n = 0;\n  const ctrCache: Record<string, number> = {};\n  for (const r of rows) {\n    if (!r.date || !r.amount || !r.account_id) continue;\n    let ctrId: number | null = null;\n    const cname = (r.contractor_name || \"\").trim();\n    if (cname) {\n      if (ctrCache[cname]) ctrId = ctrCache[cname];\n      else {\n        const ex = await sqlite.execute({ sql: `SELECT id FROM pf_contractors WHERE name=?`, args: [cname] });\n        if (ex.rows.length) ctrId = Number((ex.rows[0] as any).id);\n        else {\n          const ins = await sqlite.execute({ sql: `INSERT INTO pf_contractors (name,grp) VALUES (?, '')`, args: [cname] });\n          ctrId = Number(ins.lastInsertRowid);\n        }\n        ctrCache[cname] = ctrId;\n      }\n    }\n    await sqlite.execute({\n      sql: `INSERT INTO pf_ops (date,op_type,confirmed,amount,account_id,category_id,contractor_id,purpose)\n            VALUES (?,?,?,?,?,?,?,?)`,\n      args: [\n        String(r.date).slice(0, 10), r.op_type === \"expense\" ? \"expense\" : \"income\",\n        r.confirmed === false ? 0 : 1, Math.abs(num(r.amount)),\n        Number(r.account_id), r.category_id || null, ctrId, r.purpose || \"\",\n      ],\n    });\n    n++;\n  }\n  return c.json({ ok: true, n });\n});\napp.post(\"/api/ops/:id/confirm\", async (c) => {\n  const b = await c.req.json().catch(() => ({}));\n  await sqlite.execute({\n    sql: `UPDATE pf_ops SET confirmed=1, date=? WHERE id=?`,\n    args: [b.date || today(), Number(c.req.param(\"id\"))],\n  });\n  return c.json({ ok: true });\n});\napp.delete(\"/api/ops/:id\", async (c) => {\n  await sqlite.execute({ sql: `DELETE FROM pf_ops WHERE id=?`, args: [Number(c.req.param(\"id\"))] });\n  return c.json({ ok: true });\n});\n\n// ---------------- Сделки ----------------\nconst DEAL_AGG = `\n  SELECT d.*,\n    COALESCE((SELECT SUM(amount) FROM pf_ops WHERE deal_id=d.id AND op_type='income' AND confirmed=1),0) AS received,\n    COALESCE((SELECT SUM(amount) FROM pf_ops WHERE deal_id=d.id AND op_type='income'),0) AS income_all,\n    COALESCE((SELECT SUM(amount) FROM pf_ops WHERE deal_id=d.id AND op_type='expense'),0) AS expense_all,\n    COALESCE((SELECT SUM(amount) FROM pf_ops WHERE deal_id=d.id AND op_type='expense' AND confirmed=1),0) AS expense_paid,\n    COALESCE((SELECT SUM(amount) FROM pf_shipments WHERE deal_id=d.id),0) AS shipped,\n    COALESCE((SELECT SUM(qty*price) FROM pf_deal_items WHERE deal_id=d.id),0) AS items_sum\n  FROM pf_deals d`;\n\napp.get(\"/api/deals\", async (c) => {\n  const dt = c.req.query(\"type\");\n  const r = dt\n    ? await sqlite.execute({ sql: `${DEAL_AGG} WHERE COALESCE(d.deal_type,'sale')=? ORDER BY d.created_at DESC, d.id DESC`, args: [dt] })\n    : await sqlite.execute(`${DEAL_AGG} ORDER BY d.created_at DESC, d.id DESC`);\n  return c.json(r.rows);\n});\napp.get(\"/api/deals/:id\", async (c) => {\n  const id = Number(c.req.param(\"id\"));\n  const d = (await sqlite.execute({ sql: `${DEAL_AGG} WHERE d.id=?`, args: [id] })).rows[0];\n  if (!d) return c.json({ error: \"not found\" }, 404);\n  const [ops, shipments, items, invoices] = await Promise.all([\n    sqlite.execute({\n      sql: `SELECT o.*, a.name account_name, cat.name category_name, ct.name contractor_name\n            FROM pf_ops o\n            LEFT JOIN pf_accounts a ON a.id=o.account_id\n            LEFT JOIN pf_categories cat ON cat.id=o.category_id\n            LEFT JOIN pf_contractors ct ON ct.id=o.contractor_id\n            WHERE o.deal_id=? ORDER BY o.date DESC, o.id DESC`,\n      args: [id],\n    }),\n    sqlite.execute({ sql: `SELECT * FROM pf_shipments WHERE deal_id=? ORDER BY date DESC, id DESC`, args: [id] }),\n    sqlite.execute({ sql: `SELECT * FROM pf_deal_items WHERE deal_id=? ORDER BY id`, args: [id] }),\n    sqlite.execute({ sql: `SELECT * FROM pf_invoices WHERE deal_id=? ORDER BY date DESC, id DESC`, args: [id] }),\n  ]);\n  const comments = await sqlite.execute({ sql: `SELECT * FROM pf_deal_comments WHERE deal_id=? ORDER BY id DESC`, args: [id] });\n  return c.json({ deal: d, ops: ops.rows, shipments: shipments.rows, items: items.rows, invoices: invoices.rows, comments: comments.rows });\n});\napp.post(\"/api/deals\", async (c) => {\n  const b = await c.req.json();\n  const r = await sqlite.execute({\n    sql: `INSERT INTO pf_deals (name,client,status,amount,created_at,comment,deal_type) VALUES (?,?,?,?,?,?,?)`,\n    args: [b.name || \"Сделка\", b.client || \"\", b.status || \"work\", num(b.amount), b.created_at || today(), b.comment || \"\", b.deal_type === \"purchase\" ? \"purchase\" : \"sale\"],\n  });\n  return c.json({ ok: true, id: Number(r.lastInsertRowid) });\n});\napp.put(\"/api/deals/:id\", async (c) => {\n  const b = await c.req.json();\n  await sqlite.execute({\n    sql: `UPDATE pf_deals SET name=?, client=?, status=?, amount=?, created_at=?, comment=? WHERE id=?`,\n    args: [b.name || \"Сделка\", b.client || \"\", b.status || \"work\", num(b.amount), b.created_at || today(), b.comment || \"\", Number(c.req.param(\"id\"))],\n  });\n  return c.json({ ok: true });\n});\n// отгрузки (акты) по сделке — метод начисления\napp.post(\"/api/deals/:id/shipments\", async (c) => {\n  const b = await c.req.json();\n  await sqlite.execute({\n    sql: `INSERT INTO pf_shipments (deal_id,date,amount,comment) VALUES (?,?,?,?)`,\n    args: [Number(c.req.param(\"id\")), b.date || today(), num(b.amount), b.comment || \"\"],\n  });\n  return c.json({ ok: true });\n});\napp.delete(\"/api/shipments/:id\", async (c) => {\n  await sqlite.execute({ sql: `DELETE FROM pf_shipments WHERE id=?`, args: [Number(c.req.param(\"id\"))] });\n  return c.json({ ok: true });\n});\n// позиции (товары и услуги) сделки\napp.post(\"/api/deals/:id/items\", async (c) => {\n  const b = await c.req.json();\n  await sqlite.execute({\n    sql: `INSERT INTO pf_deal_items (deal_id,name,qty,unit,price) VALUES (?,?,?,?,?)`,\n    args: [Number(c.req.param(\"id\")), b.name || \"Услуга\", num(b.qty) || 1, b.unit || \"шт\", num(b.price)],\n  });\n  return c.json({ ok: true });\n});\napp.delete(\"/api/items/:id\", async (c) => {\n  await sqlite.execute({ sql: `DELETE FROM pf_deal_items WHERE id=?`, args: [Number(c.req.param(\"id\"))] });\n  return c.json({ ok: true });\n});\napp.delete(\"/api/deals/:id\", async (c) => {\n  const id = Number(c.req.param(\"id\"));\n  await sqlite.batch([\n    { sql: `UPDATE pf_ops SET deal_id=NULL WHERE deal_id=?`, args: [id] },\n    { sql: `DELETE FROM pf_deals WHERE id=?`, args: [id] },\n  ]);\n  return c.json({ ok: true });\n});\n\n// ---------------- Выставленные счета ----------------\napp.get(\"/api/invoices\", async (c) => {\n  const r = await sqlite.execute(\n    `SELECT i.*, ct.name contractor_name, d.name deal_name\n     FROM pf_invoices i\n     LEFT JOIN pf_contractors ct ON ct.id=i.contractor_id\n     LEFT JOIN pf_deals d ON d.id=i.deal_id\n     ORDER BY i.date DESC, i.id DESC`,\n  );\n  return c.json(r.rows);\n});\napp.post(\"/api/invoices\", async (c) => {\n  const b = await c.req.json();\n  await sqlite.execute({\n    sql: `INSERT INTO pf_invoices (number,date,contractor_id,client,deal_id,amount,status,comment) VALUES (?,?,?,?,?,?,?,?)`,\n    args: [b.number || \"\", b.date || today(), b.contractor_id || null, b.client || \"\", b.deal_id || null, num(b.amount), b.status === \"paid\" ? \"paid\" : \"unpaid\", b.comment || \"\"],\n  });\n  return c.json({ ok: true });\n});\napp.put(\"/api/invoices/:id\", async (c) => {\n  const b = await c.req.json();\n  await sqlite.execute({\n    sql: `UPDATE pf_invoices SET number=?, date=?, contractor_id=?, client=?, deal_id=?, amount=?, status=?, comment=? WHERE id=?`,\n    args: [b.number || \"\", b.date || today(), b.contractor_id || null, b.client || \"\", b.deal_id || null, num(b.amount), b.status === \"paid\" ? \"paid\" : \"unpaid\", b.comment || \"\", Number(c.req.param(\"id\"))],\n  });\n  return c.json({ ok: true });\n});\napp.post(\"/api/invoices/:id/paid\", async (c) => {\n  await sqlite.execute({ sql: `UPDATE pf_invoices SET status='paid' WHERE id=?`, args: [Number(c.req.param(\"id\"))] });\n  return c.json({ ok: true });\n});\napp.delete(\"/api/invoices/:id\", async (c) => {\n  await sqlite.execute({ sql: `DELETE FROM pf_invoices WHERE id=?`, args: [Number(c.req.param(\"id\"))] });\n  return c.json({ ok: true });\n});\n\n// ---------------- Товары и услуги ----------------\napp.post(\"/api/products\", async (c) => {\n  const b = await c.req.json();\n  await sqlite.execute({\n    sql: `INSERT INTO pf_products (name,ptype,unit,price) VALUES (?,?,?,?)`,\n    args: [b.name || \"Услуга\", b.ptype === \"product\" ? \"product\" : \"service\", b.unit || \"шт\", num(b.price)],\n  });\n  return c.json({ ok: true });\n});\napp.put(\"/api/products/:id\", async (c) => {\n  const b = await c.req.json();\n  await sqlite.execute({\n    sql: `UPDATE pf_products SET name=?, ptype=?, unit=?, price=? WHERE id=?`,\n    args: [b.name || \"Услуга\", b.ptype === \"product\" ? \"product\" : \"service\", b.unit || \"шт\", num(b.price), Number(c.req.param(\"id\"))],\n  });\n  return c.json({ ok: true });\n});\napp.delete(\"/api/products/:id\", async (c) => {\n  await sqlite.execute({ sql: `DELETE FROM pf_products WHERE id=?`, args: [Number(c.req.param(\"id\"))] });\n  return c.json({ ok: true });\n});\n\n// ---------------- Мои юрлица ----------------\napp.post(\"/api/legal-entities\", async (c) => {\n  const b = await c.req.json();\n  await sqlite.execute({ sql: `INSERT INTO pf_legal_entities (name,inn,comment) VALUES (?,?,?)`, args: [b.name || \"Юрлицо\", b.inn || \"\", b.comment || \"\"] });\n  return c.json({ ok: true });\n});\napp.put(\"/api/legal-entities/:id\", async (c) => {\n  const b = await c.req.json();\n  await sqlite.execute({ sql: `UPDATE pf_legal_entities SET name=?, inn=?, comment=? WHERE id=?`, args: [b.name || \"Юрлицо\", b.inn || \"\", b.comment || \"\", Number(c.req.param(\"id\"))] });\n  return c.json({ ok: true });\n});\napp.delete(\"/api/legal-entities/:id\", async (c) => {\n  const id = Number(c.req.param(\"id\"));\n  await sqlite.batch([\n    { sql: `UPDATE pf_accounts SET legal_entity_id=NULL WHERE legal_entity_id=?`, args: [id] },\n    { sql: `DELETE FROM pf_legal_entities WHERE id=?`, args: [id] },\n  ]);\n  return c.json({ ok: true });\n});\n\n// ---------------- Показатели PRO ----------------\napp.get(\"/api/pro\", async (c) => {\n  const from = c.req.query(\"from\") || `${today().slice(0, 4)}-01-01`;\n  const to = c.req.query(\"to\") || today();\n  const byAccount = await sqlite.execute({\n    sql: `SELECT a.id, a.name,\n            SUM(CASE WHEN o.op_type='income' AND o.account_id=a.id THEN o.amount ELSE 0 END) inc,\n            SUM(CASE WHEN o.op_type='expense' AND o.account_id=a.id THEN o.amount ELSE 0 END) exp\n          FROM pf_accounts a\n          LEFT JOIN pf_ops o ON (o.account_id=a.id) AND o.confirmed=1 AND o.date>=? AND o.date<=?\n          WHERE a.active=1 GROUP BY a.id ORDER BY a.name`,\n    args: [from, to],\n  });\n  const topCats = await sqlite.execute({\n    sql: `SELECT cat.name, o.op_type, SUM(o.amount) s\n          FROM pf_ops o LEFT JOIN pf_categories cat ON cat.id=o.category_id\n          WHERE o.confirmed=1 AND o.op_type!='transfer' AND o.date>=? AND o.date<=?\n          GROUP BY o.category_id, o.op_type ORDER BY s DESC LIMIT 30`,\n    args: [from, to],\n  });\n  const topContr = await sqlite.execute({\n    sql: `SELECT ct.name, o.op_type, SUM(o.amount) s\n          FROM pf_ops o LEFT JOIN pf_contractors ct ON ct.id=o.contractor_id\n          WHERE o.confirmed=1 AND o.op_type!='transfer' AND o.date>=? AND o.date<=?\n          GROUP BY o.contractor_id, o.op_type ORDER BY s DESC LIMIT 30`,\n    args: [from, to],\n  });\n  return c.json({ from, to, by_account: byAccount.rows, top_categories: topCats.rows, top_contractors: topContr.rows });\n});\n\n// ---------------- Показатели ----------------\napp.get(\"/api/indicators\", async (c) => {\n  const from = c.req.query(\"from\") || `${today().slice(0, 4)}-01-01`;\n  const to = c.req.query(\"to\") || today();\n  const basis = c.req.query(\"basis\") === \"accrual\" ? \"accrual\" : \"cash\";\n  const months = basis === \"cash\"\n    ? await sqlite.execute({\n      sql: `SELECT substr(date,1,7) m,\n              SUM(CASE WHEN op_type='income' THEN amount ELSE 0 END) income,\n              SUM(CASE WHEN op_type='expense' THEN amount ELSE 0 END) expense\n            FROM pf_ops WHERE confirmed=1 AND op_type!='transfer' AND date>=? AND date<=?\n            GROUP BY substr(date,1,7) ORDER BY m`,\n      args: [from, to],\n    })\n    : await sqlite.execute({ // метод начисления: доход по отгрузкам, расход по операциям\n      sql: `SELECT m, SUM(income) income, SUM(expense) expense FROM (\n              SELECT substr(date,1,7) m, SUM(amount) income, 0 expense FROM pf_shipments WHERE date>=? AND date<=? GROUP BY substr(date,1,7)\n              UNION ALL\n              SELECT substr(date,1,7) m, 0 income, SUM(amount) expense FROM pf_ops WHERE confirmed=1 AND op_type='expense' AND date>=? AND date<=? GROUP BY substr(date,1,7)\n            ) GROUP BY m ORDER BY m`,\n      args: [from, to, from, to],\n    });\n  const bal = await accountBalances();\n  const acc = await sqlite.execute(`SELECT id,name,active FROM pf_accounts WHERE active=1 ORDER BY name`);\n  const accounts = (acc.rows as any[]).map((a) => ({ ...a, balance: bal[a.id] ?? 0 }));\n  const planned = await sqlite.execute(\n    `SELECT\n       SUM(CASE WHEN op_type='income' THEN amount ELSE 0 END) inc,\n       SUM(CASE WHEN op_type='expense' THEN amount ELSE 0 END) exp,\n       COUNT(*) n\n     FROM pf_ops WHERE confirmed=0`,\n  );\n  return c.json({\n    from, to,\n    months: months.rows,\n    accounts,\n    total_balance: accounts.reduce((s, a) => s + a.balance, 0),\n    planned: planned.rows[0],\n  });\n});\n\n// ---------------- Платёжный календарь ----------------\napp.get(\"/api/calendar\", async (c) => {\n  const year = c.req.query(\"year\") || today().slice(0, 4);\n  const r = await sqlite.execute({\n    sql: `SELECT substr(date,1,7) m,\n            SUM(CASE WHEN op_type='income'  AND confirmed=1 THEN amount ELSE 0 END) income_fact,\n            SUM(CASE WHEN op_type='expense' AND confirmed=1 THEN amount ELSE 0 END) expense_fact,\n            SUM(CASE WHEN op_type='income'  THEN amount ELSE 0 END) income_plan,\n            SUM(CASE WHEN op_type='expense' THEN amount ELSE 0 END) expense_plan\n          FROM pf_ops WHERE op_type!='transfer' AND substr(date,1,4)=?\n          GROUP BY substr(date,1,7) ORDER BY m`,\n    args: [year],\n  });\n  return c.json({ year, months: r.rows });\n});\n\n// ---------------- Отчёт ДДС ----------------\napp.get(\"/api/report/cashflow\", async (c) => {\n  const from = c.req.query(\"from\") || `${today().slice(0, 4)}-01-01`;\n  const to = c.req.query(\"to\") || today();\n  const byCat = await sqlite.execute({\n    sql: `SELECT substr(o.date,1,7) m, o.op_type, o.category_id, SUM(o.amount) s\n          FROM pf_ops o\n          WHERE o.confirmed=1 AND o.date>=? AND o.date<=? AND o.op_type!='transfer'\n          GROUP BY substr(o.date,1,7), o.op_type, o.category_id`,\n    args: [from, to],\n  });\n  const transfers = await sqlite.execute({\n    sql: `SELECT substr(date,1,7) m, SUM(amount) s FROM pf_ops\n          WHERE confirmed=1 AND op_type='transfer' AND date>=? AND date<=?\n          GROUP BY substr(date,1,7)`,\n    args: [from, to],\n  });\n  // остаток на конец каждого месяца: старт + все подтверждённые движения до конца месяца\n  const startTotal = (await sqlite.execute(`SELECT COALESCE(SUM(start_balance),0) s FROM pf_accounts WHERE active=1`)).rows[0] as any;\n  const flows = await sqlite.execute(\n    `SELECT substr(date,1,7) m,\n       SUM(CASE WHEN op_type='income' THEN amount WHEN op_type='expense' THEN -amount ELSE 0 END) net\n     FROM pf_ops WHERE confirmed=1 GROUP BY substr(date,1,7) ORDER BY m`,\n  );\n  const shipM = await sqlite.execute(\n    `SELECT substr(date,1,7) m, SUM(amount) s FROM pf_shipments GROUP BY substr(date,1,7) ORDER BY m`,\n  );\n  const recvM = await sqlite.execute(\n    `SELECT substr(date,1,7) m, SUM(amount) s FROM pf_ops WHERE confirmed=1 AND op_type='income' AND deal_id IS NOT NULL GROUP BY substr(date,1,7) ORDER BY m`,\n  );\n  return c.json({\n    from, to,\n    by_category: byCat.rows,\n    transfers: transfers.rows,\n    start_total: num(startTotal.s),\n    net_by_month: flows.rows,\n    shipments_by_month: shipM.rows,\n    deal_income_by_month: recvM.rows,\n  });\n});\n\n// ---------------- Демо-данные ----------------\napp.post(\"/api/demo\", async (c) => {\n  const { action } = await c.req.json();\n  if (action === \"clear\") {\n    await sqlite.batch([`DELETE FROM pf_ops`, `DELETE FROM pf_deals`]);\n    return c.json({ ok: true });\n  }\n  const m = today().slice(0, 7);\n  const d = (day: number) => `${m}-${String(day).padStart(2, \"0\")}`;\n  const acc = async (name: string) => {\n    const r = await sqlite.execute({ sql: `SELECT id FROM pf_accounts WHERE name=?`, args: [name] });\n    return (r.rows[0] as any)?.id ?? null;\n  };\n  const cat = async (name: string) => {\n    const r = await sqlite.execute({ sql: `SELECT id FROM pf_categories WHERE name=?`, args: [name] });\n    return (r.rows[0] as any)?.id ?? null;\n  };\n  const ctr = async (name: string) => {\n    const r = await sqlite.execute({ sql: `SELECT id FROM pf_contractors WHERE name LIKE ?`, args: [`%${name}%`] });\n    return (r.rows[0] as any)?.id ?? null;\n  };\n  const main = await acc(\"Основной расчетный счет\"), tbank = await acc(\"Т-Банк 5241\"), nalog = await acc(\"Налог\");\n  const kAgent = await cat(\"Контрагентские\"), kRuk = await cat(\"% руководителей\"), kBrok = await cat(\"Брокеры\"),\n    kAvito = await cat(\"Авито\"), kCeo = await cat(\"CEO\"), kNal = await cat(\"Налоги\"), kArenda = await cat(\"Аренда офиса\");\n  const upside = await ctr(\"АПСАЙД\"), park = await ctr(\"ПАРК\"), matel = await ctr(\"Мателевич\"), ded = await ctr(\"Дедерер\");\n  const deal = async (name: string, client: string, status: string, amount: number, day: number) => {\n    const r = await sqlite.execute({\n      sql: `INSERT INTO pf_deals (name,client,status,amount,created_at) VALUES (?,?,?,?,?)`,\n      args: [name, client, status, amount, d(day)],\n    });\n    return Number(r.lastInsertRowid);\n  };\n  const d1 = await deal(\"Мателевич №J1401\", \"Аужбикович Алла Михайловна\", \"done\", 662156, 2);\n  const d2 = await deal(\"Дедерер №J1402\", \"Симонов Михаил Юрьевич\", \"work\", 549000, 8);\n  const d3 = await deal(\"Тамбовцев (Екатерина)\", \"Зверева Екатерина Викторовна\", \"nuance\", 390000, 12);\n  const op = (o: any) =>\n    ({ sql: `INSERT INTO pf_ops (date,op_type,confirmed,amount,account_id,account2_id,category_id,contractor_id,deal_id,purpose) VALUES (?,?,?,?,?,?,?,?,?,?)`,\n       args: [o.date, o.t, o.conf ? 1 : 0, o.sum, o.a ?? null, o.a2 ?? null, o.cat ?? null, o.ctr ?? null, o.deal ?? null, o.p ?? \"\"] });\n  await sqlite.batch([\n    op({ date: d(5), t: \"income\", conf: 1, sum: 662156, a: main, cat: kAgent, ctr: upside, deal: d1, p: \"Оплата по УПД, вознаграждение за привлечение покупателей\" }),\n    op({ date: d(7), t: \"expense\", conf: 1, sum: 300000, a: main, cat: kRuk, ctr: matel, deal: d1, p: \"Агентское вознаграждение по договору\" }),\n    op({ date: d(25), t: \"income\", conf: 0, sum: 549000, a: main, cat: kAgent, ctr: park, deal: d2, p: \"Ожидаем оплату комиссии от застройщика\" }),\n    op({ date: d(28), t: \"expense\", conf: 0, sum: 164700, a: main, cat: kBrok, ctr: ded, deal: d2, p: \"Выплата брокеру после поступления\" }),\n    op({ date: d(3), t: \"expense\", conf: 1, sum: 65000, a: main, cat: kArenda, p: \"Аренда офиса\" }),\n    op({ date: d(4), t: \"expense\", conf: 1, sum: 45000, a: main, cat: kAvito, p: \"Реклама Авито\" }),\n    op({ date: d(5), t: \"expense\", conf: 1, sum: 150000, a: main, cat: kCeo, p: \"ФОТ дирекция\" }),\n    op({ date: d(10), t: \"transfer\", conf: 1, sum: 42000, a: main, a2: nalog, p: \"Перевод собственных средств (налоговая копилка)\" }),\n    op({ date: d(15), t: \"expense\", conf: 0, sum: 101601, a: nalog, cat: kNal, p: \"УСН авансовый платёж\" }),\n    op({ date: d(12), t: \"transfer\", conf: 1, sum: 30000, a: main, a2: tbank, p: \"Перевод собственных средств\" }),\n  ]);\n  return c.json({ ok: true });\n});\n\n// ---------------- Frontend ----------------\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n// собранный бандл хранится частями (лимит размера файла в API) и склеивается здесь\napp.get(\"/frontend/app.js\", async () => {\n  let out = \"\";\n  for (let i = 1; i <= 9; i++) {\n    try { out += await readFile(`/frontend/app.part${i}.txt`, import.meta.url); } catch (_e) { break; }\n  }\n  return new Response(out, { headers: { \"content-type\": \"text/javascript;charset=UTF-8\" } });\n});\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path));\napp.get(\"/\", (c) => serveFile(\"/frontend/index.html\"));\n\nexport default app.fetch;\n","label",[134],"1ca85b5c-d5d5-43a1-94d8-9ec8c1c79eb5","frontend","78bf61af-bb19-4b2c-900b-e43153ad4bbd",2,["D",1787239156729],"directory",[145],"pulls","branches",1,"forks","envVars",{"_159":63,"_161":63},"connections",{"_159":63,"_160":63},"count","unfilledCount","emptyCount",{"_43":144,"_32":145,"_30":146,"_135":-5,"_41":42,"_40":147,"_137":59,"_38":262,"_13":63,"_34":149,"_35":-5,"_24":25,"_142":-5,"_176":263,"_27":264},{"_43":257,"_32":220,"_30":214,"_135":146,"_41":42,"_40":258,"_137":59,"_38":259,"_13":63,"_34":149,"_35":-5,"_24":25,"_142":-5,"_176":260,"_27":261},{"_43":249,"_32":250,"_30":251,"_135":214,"_41":42,"_40":252,"_137":25,"_38":253,"_13":153,"_34":20,"_35":254,"_24":25,"_142":-5,"_176":255,"_27":256},{"_43":241,"_32":242,"_30":243,"_135":214,"_41":42,"_40":244,"_137":59,"_38":245,"_13":147,"_34":20,"_35":246,"_24":25,"_142":-5,"_176":247,"_27":248},{"_43":237,"_32":33,"_30":31,"_135":214,"_41":42,"_40":14,"_137":25,"_38":238,"_13":147,"_34":20,"_35":37,"_24":25,"_142":-5,"_176":239,"_27":240},{"_43":229,"_32":230,"_30":231,"_135":214,"_41":42,"_40":232,"_137":25,"_38":233,"_13":153,"_34":20,"_35":234,"_24":25,"_142":-5,"_176":235,"_27":236},{"_43":221,"_32":222,"_30":223,"_135":214,"_41":42,"_40":224,"_137":25,"_38":225,"_13":153,"_34":20,"_35":226,"_24":25,"_142":-5,"_176":227,"_27":228},{"_43":211,"_32":212,"_30":213,"_135":214,"_41":42,"_40":215,"_137":25,"_38":216,"_13":63,"_34":20,"_35":217,"_24":25,"_142":-5,"_176":218,"_27":219},{"_43":203,"_32":204,"_30":205,"_135":146,"_41":42,"_40":206,"_137":25,"_38":207,"_13":147,"_34":20,"_35":208,"_24":25,"_142":-5,"_176":209,"_27":210},{"_43":195,"_32":196,"_30":197,"_135":146,"_41":42,"_40":198,"_137":25,"_38":199,"_13":147,"_34":20,"_35":200,"_24":25,"_142":-5,"_176":201,"_27":202},{"_43":187,"_32":188,"_30":189,"_135":146,"_41":42,"_40":190,"_137":25,"_38":191,"_13":63,"_34":20,"_35":192,"_24":25,"_142":-5,"_176":193,"_27":194},{"_43":179,"_32":180,"_30":181,"_135":146,"_41":42,"_40":182,"_137":25,"_38":183,"_13":153,"_34":20,"_35":184,"_24":25,"_142":-5,"_176":185,"_27":186},{"_43":133,"_32":134,"_30":57,"_135":-5,"_41":42,"_40":136,"_137":25,"_38":175,"_13":139,"_34":140,"_35":141,"_24":25,"_142":-5,"_176":177,"_27":178},["D",1787307485693],"children",[],[134],"1b523b4d-0f70-4905-a3d5-c5bc5bbba0ec","index.html","822ee980-9caa-11f1-b817-1607ee4eb77e",5,["D",1787239923527],"<!DOCTYPE html>\n<html lang=\"ru\">\n<head>\n  <meta charset=\"UTF-8\" />\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n  <title>U.fin — финансы агентства</title>\n  <link rel=\"icon\" href=\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>💰</text></svg>\" />\n  <script src=\"https://cdn.twind.style\" crossorigin></script>\n  <script src=\"https://esm.town/v/std/catch\"></script>\n  <style>\n    body { font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif; background: #f4f5f7; }\n    input, select, textarea { outline: none; }\n  </style>\n</head>\n<body>\n  <div id=\"root\"></div>\n  <script type=\"module\" src=\"/frontend/app.js\"></script>\n</body>\n</html>\n",[],[145,180],"7f503976-f6a5-439a-9c1c-427ad4818f88","app.part3.txt","9931b834-9d49-11f1-94c5-1607ee4eb77e",31,["D",1787307485341],"lert(w.error);i(),c()},h={accounts:\"\\u0421\\u0447\\u0451\\u0442\",contractors:\"\\u041A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442\",categories:\"\\u0423\\u0447\\u0451\\u0442\\u043D\\u0430\\u044F \\u0441\\u0442\\u0430\\u0442\\u044C\\u044F\",\"legal-entities\":\"\\u042E\\u0440\\u043B\\u0438\\u0446\\u043E\",products:m.ptype===\"product\"?\"\\u0422\\u043E\\u0432\\u0430\\u0440\":\"\\u0423\\u0441\\u043B\\u0443\\u0433\\u0430\"};return e.createElement(X,{title:(m.id?\"\":\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C: \")+h[t],onClose:c},e.createElement(M,{label:\"\\u041D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435\"},e.createElement(B,{value:m.name,onChange:x=>a(\"name\",x.target.value)})),t===\"accounts\"&&e.createElement(\"div\",{className:\"grid grid-cols-2 gap-x-4\"},e.createElement(M,{label:\"\\u0422\\u0438\\u043F\"},e.createElement(L,{value:m.acc_type,onChange:x=>a(\"acc_type\",x.target.value)},[\"\\u0411\\u0435\\u0437\\u043D\\u0430\\u043B\\u0438\\u0447\\u043D\\u044B\\u0439\",\"\\u041D\\u0430\\u043B\\u0438\\u0447\\u043D\\u044B\\u0439\",\"\\u041A\\u0430\\u0440\\u0442\\u0430 \\u0444\\u0438\\u0437\\u043B\\u0438\\u0446\\u0430\",\"\\u042D\\u043B\\u0435\\u043A\\u0442\\u0440\\u043E\\u043D\\u043D\\u044B\\u0439\"].map(x=>e.createElement(\"option\",{key:x},x)))),e.createElement(M,{label:\"\\u042E\\u0440\\u043B\\u0438\\u0446\\u043E\"},e.createElement(L,{value:m.legal_entity_id||\"\",onChange:x=>a(\"legal_entity_id\",x.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u2014\"),(o.legal_entities||[]).map(x=>e.createElement(\"option\",{key:x.id,value:x.id},x.name)))),e.createElement(M,{label:\"\\u0413\\u0440\\u0443\\u043F\\u043F\\u0430\"},e.createElement(B,{value:m.grp,onChange:x=>a(\"grp\",x.target.value),placeholder:\"\\u041E\\u0441\\u043D\\u043E\\u0432\\u043D\\u043E\\u0439 \\u0441\\u0447\\u0435\\u0442 / \\u041D\\u0430\\u043B\\u043E\\u0433\\u043E\\u0432\\u044B\\u0439\\u2026\"})),e.createElement(M,{label:\"\\u0411\\u0430\\u043D\\u043A\"},e.createElement(B,{value:m.bank,onChange:x=>a(\"bank\",x.target.value)})),e.createElement(M,{label:\"\\u041D\\u043E\\u043C\\u0435\\u0440 \\u0441\\u0447\\u0451\\u0442\\u0430\"},e.createElement(B,{value:m.number,onChange:x=>a(\"number\",x.target.value)})),e.createElement(M,{label:\"\\u041D\\u0430\\u0447\\u0430\\u043B\\u044C\\u043D\\u044B\\u0439 \\u043E\\u0441\\u0442\\u0430\\u0442\\u043E\\u043A, \\u20BD\"},e.createElement(B,{type:\"number\",value:m.start_balance,onChange:x=>a(\"start_balance\",x.target.value)})),e.createElement(M,{label:\"\\u0414\\u0430\\u0442\\u0430 \\u043E\\u0441\\u0442\\u0430\\u0442\\u043A\\u0430\"},e.createElement(B,{type:\"date\",value:(m.start_date||\"\").slice(0,10),onChange:x=>a(\"start_date\",x.target.value)}))),t===\"contractors\"&&e.createElement(\"div\",{className:\"grid grid-cols-2 gap-x-4\"},e.createElement(M,{label:\"\\u0413\\u0440\\u0443\\u043F\\u043F\\u0430\"},e.createElement(L,{value:m.grp,onChange:x=>a(\"grp\",x.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u2014\"),[\"\\u0417\\u0430\\u0441\\u0442\\u0440\\u043E\\u0439\\u0449\\u0438\\u043A\",\"\\u0411\\u0440\\u043E\\u043A\\u0435\\u0440 (\\u0418\\u041F)\",\"\\u0411\\u0430\\u043D\\u043A\",\"\\u0421\\u043E\\u0442\\u0440\\u0443\\u0434\\u043D\\u0438\\u043A\",\"\\u041F\\u043E\\u043A\\u0443\\u043F\\u0430\\u0442\\u0435\\u043B\\u044C\",\"\\u041F\\u043E\\u0441\\u0442\\u0430\\u0432\\u0449\\u0438\\u043A\",\"\\u041F\\u0440\\u043E\\u0447\\u0435\\u0435\"].map(x=>e.createElement(\"option\",{key:x},x)))),e.createElement(M,{label:\"\\u0418\\u041D\\u041D\"},e.createElement(B,{value:m.inn,onChange:x=>a(\"inn\",x.target.value)})),e.createElement(M,{label:\"\\u041A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0439\"},e.createElement(B,{value:m.comment,onChange:x=>a(\"comment\",x.target.value)}))),t===\"legal-entities\"&&e.createElement(\"div\",{className:\"grid grid-cols-2 gap-x-4\"},e.createElement(M,{label:\"\\u0418\\u041D\\u041D\"},e.createElement(B,{value:m.inn,onChange:x=>a(\"inn\",x.target.value)})),e.createElement(M,{label:\"\\u041A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0439\"},e.createElement(B,{value:m.comment,onChange:x=>a(\"comment\",x.target.value)}))),t===\"products\"&&e.createElement(\"div\",{className:\"grid grid-cols-3 gap-x-4\"},e.createElement(M,{label:\"\\u0422\\u0438\\u043F\"},e.createElement(L,{value:m.ptype,onChange:x=>a(\"ptype\",x.target.value)},e.createElement(\"option\",{value:\"service\"},\"\\u0423\\u0441\\u043B\\u0443\\u0433\\u0430\"),e.createElement(\"option\",{value:\"product\"},\"\\u0422\\u043E\\u0432\\u0430\\u0440\"))),e.createElement(M,{label:\"\\u0415\\u0434\\u0438\\u043D\\u0438\\u0446\\u0430\"},e.createElement(B,{value:m.unit,onChange:x=>a(\"unit\",x.target.value)})),e.createElement(M,{label:\"\\u0426\\u0435\\u043D\\u0430, \\u20BD\"},e.createElement(B,{type:\"number\",value:m.price,onChange:x=>a(\"price\",x.target.value)}))),t===\"categories\"&&e.createElement(\"div\",{className:\"grid grid-cols-2 gap-x-4\"},e.createElement(M,{label:\"\\u0420\\u0430\\u0437\\u0434\\u0435\\u043B\"},e.createElement(L,{value:m.kind,onChange:x=>a(\"kind\",x.target.value),disabled:!!m.id},e.createElement(\"option\",{value:\"income\"},\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B\"),e.createElement(\"option\",{value:\"expense\"},\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\"))),e.createElement(M,{label:\"\\u0420\\u043E\\u0434\\u0438\\u0442\\u0435\\u043B\\u044C\\u0441\\u043A\\u0430\\u044F \\u0441\\u0442\\u0430\\u0442\\u044C\\u044F\"},e.createElement(L,{value:m.parent_id||\"\",onChange:x=>a(\"parent_id\",x.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u2014 (\\u043A\\u043E\\u0440\\u043D\\u0435\\u0432\\u0430\\u044F)\"),de(o.categories,m.kind).filter(x=>x.id!==m.id).map(x=>e.createElement(\"option\",{key:x.id,value:x.id},\" \".repeat(x.depth*3)+x.name))))),e.createElement(\"div\",{className:\"flex justify-end gap-2 mt-2\"},e.createElement(E,{kind:\"ghost\",onClick:c},\"\\u041E\\u0442\\u043C\\u0435\\u043D\\u0430\"),e.createElement(E,{onClick:N},\"\\u0421\\u043E\\u0445\\u0440\\u0430\\u043D\\u0438\\u0442\\u044C\")))}function at({meta:s,refreshMeta:o}){let[c,i]=C(\"\"),[t,p]=C(\"\"),[g,m]=C(s&&s.company_name||\"\"),[l,a]=C(\"\"),N=async()=>{await F(\"/settings/company\",\"POST\",{name:g}),a(\"\\u041D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435 \\u043A\\u043E\\u043C\\u043F\\u0430\\u043D\\u0438\\u0438 \\u0441\\u043E\\u0445\\u0440\\u0430\\u043D\\u0435\\u043D\\u043E\"),o()},h=async()=>{let w=await F(\"/settings/pin\",\"POST\",{oldPin:c,newPin:t});a(w.ok?\"PIN \\u0438\\u0437\\u043C\\u0435\\u043D\\u0451\\u043D\":w.error||\"\\u041E\\u0448\\u0438\\u0431\\u043A\\u0430\"),w.ok&&(ce(t),i(\"\"),p(\"\"))},x=async w=>{w===\"clear\"&&!window.confirm(\"\\u0423\\u0434\\u0430\\u043B\\u0438\\u0442\\u044C \\u0412\\u0421\\u0415 \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0438 \\u0438 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438?\")||(await F(\"/demo\",\"POST\",{action:w}),a(w===\"clear\"?\"\\u041E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0438 \\u0438 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438 \\u043E\\u0447\\u0438\\u0449\\u0435\\u043D\\u044B\":\"\\u0414\\u0435\\u043C\\u043E-\\u0434\\u0430\\u043D\\u043D\\u044B\\u0435 \\u0437\\u0430\\u0433\\u0440\\u0443\\u0436\\u0435\\u043D\\u044B\"),o())};return e.createElement(\"div\",{className:\"p-6 max-w-md\"},e.createElement(ae,null,\"\\u041D\\u0430\\u0441\\u0442\\u0440\\u043E\\u0439\\u043A\\u0438\"),e.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm mb-4\"},e.createElement(\"div\",{className:\"text-sm font-semibold text-[#22313f] mb-2\"},\"\\u041E\\u0431\\u0449\\u0438\\u0435 \\u043D\\u0430\\u0441\\u0442\\u0440\\u043E\\u0439\\u043A\\u0438\"),e.createElement(M,{label:\"\\u041D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435 \\u043A\\u043E\\u043C\\u043F\\u0430\\u043D\\u0438\\u0438\"},e.createElement(B,{value:g,onChange:w=>m(w.target.value)})),e.createElement(E,{onClick:N},\"\\u0421\\u043E\\u0445\\u0440\\u0430\\u043D\\u0438\\u0442\\u044C\")),e.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm mb-4\"},e.createElement(\"div\",{className:\"text-sm font-semibold text-[#22313f] mb-2\"},\"\\u0421\\u043C\\u0435\\u043D\\u0438\\u0442\\u044C PIN-\\u043A\\u043E\\u0434\"),e.createElement(M,{label:\"\\u0422\\u0435\\u043A\\u0443\\u0449\\u0438\\u0439 PIN\"},e.createElement(B,{type:\"password\",value:c,onChange:w=>i(w.target.value)})),e.createElement(M,{label:\"\\u041D\\u043E\\u0432\\u044B\\u0439 PIN (4\\u20138 \\u0446\\u0438\\u0444\\u0440)\"},e.createElement(B,{type:\"password\",value:t,onChange:w=>p(w.target.value)})),e.createElement(E,{onClick:h},\"\\u0421\\u043E\\u0445\\u0440\\u0430\\u043D\\u0438\\u0442\\u044C\")),e.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm mb-4\"},e.createElement(\"div\",{className:\"text-sm font-semibold text-[#22313f] mb-2\"},\"\\u0414\\u0430\\u043D\\u043D\\u044B\\u0435\"),e.createElement(\"div\",{className:\"flex gap-2 flex-wrap\"},e.createElement(E,{kind:\"ghost\",onClick:()=>x(\"load\")},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u0438\\u0442\\u044C \\u0434\\u0435\\u043C\\u043E-\\u0434\\u0430\\u043D\\u043D\\u044B\\u0435\"),e.createElement(E,{kind:\"danger\",onClick:()=>x(\"clear\")},\"\\u041E\\u0447\\u0438\\u0441\\u0442\\u0438\\u0442\\u044C \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0438 \\u0438 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438\"))),l&&e.createElement(\"div\",{className:\"text-sm text-[#2aa3af]\"},l),e.createElement(\"a\",{href:\"/source\",className:\"text-xs text-gray-300 hover:text-gray-400\"},\"view source\"))}function lt({onOk:s}){let[o,c]=C(\"\"),[i,t]=C(\"\");return e.createElement(\"div\",{className:\"min-h-screen flex items-center justify-center\",style:{background:\"#22313f\"}},e.createElement(\"form\",{onSubmit:async g=>{g.preventDefault(),(await F(\"/login\",\"POST\",{pin:o})).ok?(ce(o),s()):t(\"\\u041D\\u0435\\u0432\\u0435\\u0440\\u043D\\u044B\\u0439 PIN\")},className:\"bg-white rounded-xl shadow-xl p-8 w-80 text-center\"},e.createElement(\"div\",{className:\"w-12 h-12 rounded-lg mx-auto mb-3 flex items-center justify-center text-white font-bold text-lg\",style:{background:\"#2aa3af\"}},\"Uf\"),e.createElement(\"div\",{className:\"font-bold text-lg text-[#22313f]\"},\"U.fin\"),e.createElement(\"div\",{className:\"text-xs text-gray-400 mb-5\"},\"\\u0424\\u0438\\u043D\\u0430\\u043D\\u0441\\u044B \\u0430\\u0433\\u0435\\u043D\\u0442\\u0441\\u0442\\u0432\\u0430 \\u043D\\u0435\\u0434\\u0432\\u0438\\u0436\\u0438\\u043C\\u043E\\u0441\\u0442\\u0438\"),e.createElement(B,{type:\"password\",placeholder:\"PIN-\\u043A\\u043E\\u0434\",value:o,onChange:g=>c(g.target.value),className:\"text-center mb-3\"}),i&&e.createElement(\"div\",{className:\"text-rose-500 text-xs mb-2\"},i),e.createElement(\"button\",{className:\"w-full text-white rounded py-2 text-sm font-medium\",style:{background:\"#2aa3af\"}},\"\\u0412\\u043E\\u0439\\u0442\\u0438\")))}var Mt=[{key:\"indicators\",label:\"\\u041F\\u043E\\u043A\\u0430\\u0437\\u0430\\u0442\\u0435\\u043B\\u0438\",icon:D.chart,children:[[\"indicators\",\"\\u041F\\u043E\\u043A\\u0430\\u0437\\u0430\\u0442\\u0435\\u043B\\u0438\"],[\"pro\",\"\\u041F\\u043E\\u043A\\u0430\\u0437\\u0430\\u0442\\u0435\\u043B\\u0438 PRO\"]]},{key:\"ops\",label:\"\\u041E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0438\",icon:D.ops},{key:\"deals_sale\",label:\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0438\",icon:D.deals,children:[[\"deals_sale\",\"\\u041F\\u0440\\u043E\\u0434\\u0430\\u0436\\u0438\"],[\"deals_purchase\",\"\\u0417\\u0430\\u043A\\u0443\\u043F\\u043A\\u0438\"],[\"invoices\",\"\\u0412\\u044B\\u0441\\u0442\\u0430\\u0432\\u043B\\u0435\\u043D\\u043D\\u044B\\u0435 \\u0441\\u0447\\u0435\\u0442\\u0430\"]]},{key:\"plan_cal\",label:\"\\u041F\\u043B\\u0430\\u043D\",icon:D.plan,children:[[\"plan_cal\",\"\\u041F\\u043B\\u0430\\u0442\\u0451\\u0436\\u043D\\u044B\\u0439 \\u043A\\u0430\\u043B\\u0435\\u043D\\u0434\\u0430\\u0440\\u044C\"],[\"plan_bdr\",\"\\u0411\\u044E\\u0434\\u0436\\u0435\\u0442 \\u0434\\u043E\\u0445\\u043E\\u0434\\u043E\\u0432 \\u0438 \\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\\u043E\\u0432\"],[\"plan_bdds\",\"\\u0411\\u044E\\u0434\\u0436\\u0435\\u0442 \\u0434\\u0432\\u0438\\u0436\\u0435\\u043D\\u0438\\u044F \\u0434\\u0435\\u043D\\u0435\\u0433\"]]},{key:\"projects\",label:\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\\u044B\",icon:D.projects},{key:\"report_dds\",label:\"\\u041E\\u0442\\u0447\\u0451\\u0442\\u044B\",icon:D.reports,children:[[\"report_dds\",\"\\u0414\\u0414\\u0421\"],[\"report_pl\",\"\\u041E\\u041F\\u0438\\u0423\"],[\"report_bal\",\"\\u0411\\u0430\\u043B\\u0430\\u043D\\u0441\"]]},{key:\"refs_contractors\",label:\"\\u0421\\u043F\\u0440\\u0430\\u0432\\u043E\\u0447\\u043D\\u0438\\u043A\\u0438\",icon:D.refs,children:[[\"refs_contractors\",\"\\u041A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442\\u044B\"],[\"refs_categories\",\"\\u0423\\u0447\\u0451\\u0442\\u043D\\u044B\\u0435 \\u0441\\u0442\\u0430\\u0442\\u044C\\u0438\"],[\"refs_accounts\",\"\\u041C\\u043E\\u0438 \\u0441\\u0447\\u0435\\u0442\\u0430\"],[\"refs_les\",\"\\u041C\\u043E\\u0438 \\u044E\\u0440\\u043B\\u0438\\u0446\\u0430\"],[\"refs_products\",\"\\u0422\\u043E\\u0432\\u0430\\u0440\\u044B\"],[\"refs_services\",\"\\u0423\\u0441\\u043B\\u0443\\u0433\\u0438\"]]},{key:\"settings\",label:\"\\u041D\\u0430\\u0441\\u0442\\u0440\\u043E\\u0439\\u043A\\u0438\",icon:D.settings}];function St({item:s,page:o,go:c}){let i=(s.children||[]).map(([g])=>g),t=o===s.key||i.includes(o),p=s.icon;return e.createElement(\"div\",{className:\"relative group w-full flex justify-center\"},e.createElement(\"button\",{onClick:()=>c(s.key),className:\"w-[68px] rounded-md py-2 text-center transition-colors\",style:t?{background:\"rgba(255,255,255,0.08)\",color:\"#fff\",boxShadow:`inset 3px 0 0 ${ie.teal}`}:{color:\"#8b9bab\"}},e.createElement(\"div\",{className:\"flex justify-center\"},e.createElement(p,{size:20})),e.createElement(\"div\",{className:\"text-[10px] leading-tight mt-0.5\"},s.label)),s.children&&e.createElement(\"div\",{className:\"absolute left-full top-0 z-40 hidden group-hover:block\"},e.createElement(\"div\",{className:\"ml-1 rounded-md shadow-xl py-2 min-w-[230px]\",style:{background:ie.dark}},s.children.map(([g,m])=>e.createElement(\"button\",{key:g,onClick:()=>c(g),className:\"block w-full text-left px-4 py-2 text-[13px] transition-colors\",style:o===g?{color:\"#fff\",background:\"rgba(255,255,255,0.07)\"}:{color:\"#aebbc9\"},onMouseEnter:l=>{l.currentTarget.style.color=\"#4dd0da\"},onMouseLeave:l=>{l.currentTarget.style.color=o===g?\"#fff\":\"#aebbc9\"}},m)))))}function Tt({spark:s}){if(!s||s.length<2)return null;let o=Math.min(...s.map(m=>m.b)),c=Math.max(...s.map(m=>m.b)),i=120,t=28,p=m=>m/(s.length-1)*i,g=m=>t-(m-o)/(c-o||1)*(t-6)-3;return e.createElement(\"svg\",{width:i,height:t,className:\"hidden md:block\"},e.createElement(\"polyline\",{fill:\"none\",stroke:\"#4ade80\",strokeWidth:\"1.5\",points:s.map((m,l)=>`${p(l)},${g(m.b)}`).join(\" \")}))}function Ft(){let[s,o]=C(!!Oe()),[c,i]=C(\"indicators\"),[t,p]=C(null);qe(()=>{ce(\"\"),o(!1)});let g=()=>F(\"/meta\").then(p).catch(()=>{});if(W(()=>{s&&g()},[s]),!s)return e.createElement(lt,{onOk:()=>o(!0)});if(!t)return e.createElement(\"div\",{className:\"min-h-screen flex items-center justify-center text-gray-400\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");let m={indicators:e.createElement(Ge,{meta:t}),pro:e.createElement(Qe,{meta:t}),ops:e.createElement(Xe,{meta:t,refreshMeta:g}),deals_sale:e.createElement(Ae,{key:\"sale\",kind:\"sale\",meta:t,refreshMeta:g}),deals_purchase:e.createElement(Ae,{key:\"purchase\",kind:\"purchase\",meta:t,refreshMeta:g}),invoices:e.createElement(Re,{meta:t}),plan_cal:e.createElement(Se,{key:\"cal\",tab:\"cal\",meta:t}),plan_bdr:e.createElement(Se,{key:\"bdr\",tab:\"bdr\",meta:t}),plan_bdds:e.createElement(Se,{key:\"bdds\",tab:\"bdds\",meta:t}),projects:e.createElement(et,{refreshMeta:g}),report_dds:e.createElement(Te,{key:\"dds\",tab:\"dds\",meta:t}),report_pl:e.createElement(Te,{key:\"pl\",tab:\"pl\",meta:t}),report_bal:e.createElement(Te,{key:\"bal\",tab:\"bal\",meta:t}),refs_contractors:e.createElement(pe,{key:\"contractors\",tab:\"contractors\",meta:t,refreshMeta:g}),refs_categories:e.createElement(pe,{key:\"categories\",tab:\"categories\",meta:t,refreshMeta:g}),refs_accounts:e.createElement(pe,{key:\"accounts\",tab:\"accounts\",meta:t,refreshMeta:g}),refs_les:e.createElement(pe,{key:\"les\",tab:\"les\",meta:t,refreshMeta:g}),refs_products:e.createElement(pe,{key:\"products\",tab:\"products\",meta:t,refreshMeta:g}),refs_services:e.createElement(pe,{key:\"services\",tab:\"services\",meta:t,refreshMeta:g}),settings:e.createElement(at,{meta:t,refreshMeta:g})};return e.createElement(\"div\",{className:\"h-screen flex flex-col\"},e.createElement(\"div\",{className:\"text-white flex items-center px-4 py-2 gap-4 shrink-0 relative z-50\",style:{background:ie.dark}},e.createElement(\"div\",{className:\"flex items-center gap-2\"},e.createElement(\"div\",{className:\"w-7 h-7 rounded flex items-center justify-center font-bold text-sm\",style:{background:ie.teal}},\"Uf\"),e.createElement(\"div\",{className:\"font-bold hidden sm:block\"},\"Unlock\")),e.createElement(\"div\",{className:\"ml-auto flex items-center gap-4\"},e.createElement(\"div\",{className:\"relative group\"},e.createElement(\"div\",{className:\"text-right leading-tight cursor-pointer select-none\"},e.createElement(\"div\",{className:\"text-sm whitespace-nowrap\"},e.createElement(\"span\",{className:\"text-slate-400\"},\"\\u041D\\u0430 \\u0441\\u0447\\u0435\\u0442\\u0430\\u0445\"),\" \",e.createElement(\"b\",{style:{color:\"#ffd35c\"}},O(t.total_balance)),\" \",e.createElement(\"span\",{className:\"text-slate-500 text-xs\"},\"\\u25BE\")),t.gap&&e.createElement(\"div\",{className:\"text-[11px] whitespace-nowrap\",style:{color:\"#ffb04c\"}},\"\\u0420\\u0430\\u0437\\u0440\\u044B\\u0432 \\u0441 \",q(t.gap.from),\" \\u043F\\u043E \",q(t.gap.to))),e.createElement(\"div\",{className:\"absolute right-0 top-full z-50 hidden group-hover:block\"},e.createElement(\"div\",{className:\"mt-1 rounded-md shadow-xl py-2 px-4 min-w-[280px] text-sm\",style:{background:ie.dark}},t.accounts.filter(l=>l.active).map(l=>e.createElement(\"div\",{key:l.id,className:\"flex justify-between gap-6 py-1 border-b border-white/5 last:border-0\"},e.createElement(\"span\",{className:\"text-slate-300 truncate\"},l.name),e.createElement(\"span\",{className:\"whitespace-nowrap\",style:{color:l.balance<0?\"#ff8a8a\":\"#fff\"}},A(l.balance)))),e.createElement(\"div\",{className:\"flex justify-between gap-6 pt-2 font-bold\"},e.createElement(\"span\",{className:\"text-slate-200\"},\"\\u0418\\u0442\\u043E\\u0433\\u043E\"),e.createElement(\"span\",{style:{color:\"#ffd35c\"}},O(t.total_balance)))))),e.createElement(Tt,{spark:t.spark}),e.createElement(\"button\",{className:\"text-slate-400 hover:text-white text-xs\",onClick:()=>{ce(\"\"),o(!1)}},\"\\u0412\\u044B\\u0439\\u0442\\u0438\"))),e.createElement(\"div\",{className:\"flex flex-1 min-h-0\"},e.createElement(\"div\",{className:\"w-[76px] flex flex-col items-center py-2 gap-0.5 shrink-0\",style:{background:ie.darker,overflow:\"visible\"}},Mt.map(l=>e.createElement(St,{key:l.key,item:l,page:c,go:i}))),e.createElement(\"div\",{className:\"flex-1 overflow-y-auto min-w-0\",style:{background:\"#eef1f4\"}},m[c])))}Ct(document.getElementById(\"root\")).render(e.createElement(Ft,null));\n",[],[145,188],"46704013-5d4a-420b-8efb-f1802ab2bf53","app.part2.txt","156232da-9d40-11f1-a4dd-1607ee4eb77e",30,["D",1787307484623],"ment(E,{kind:\"ghost\",onClick:()=>u(null)},\"\\u041E\\u0442\\u043C\\u0435\\u043D\\u0430\"),e.createElement(E,{onClick:async()=>{await F(`/deals/${s}/shipments`,\"POST\",w),u(null),j()}},\"\\u0421\\u043E\\u0445\\u0440\\u0430\\u043D\\u0438\\u0442\\u044C\"))),n&&e.createElement(X,{title:\"\\u041F\\u043E\\u0437\\u0438\\u0446\\u0438\\u044F: \\u0442\\u043E\\u0432\\u0430\\u0440 \\u0438\\u043B\\u0438 \\u0443\\u0441\\u043B\\u0443\\u0433\\u0430\",onClose:()=>r(null)},e.createElement(M,{label:\"\\u041D\\u0430\\u0438\\u043C\\u0435\\u043D\\u043E\\u0432\\u0430\\u043D\\u0438\\u0435 (\\u0438\\u0437 \\u0441\\u043F\\u0440\\u0430\\u0432\\u043E\\u0447\\u043D\\u0438\\u043A\\u0430 \\u0438\\u043B\\u0438 \\u0441\\u0432\\u043E\\u0451)\"},e.createElement(L,{value:n.name,onChange:_=>r({...n,name:_.target.value})},o.products.map(_=>e.createElement(\"option\",{key:_.id,value:_.name},_.name)),e.createElement(\"option\",{value:\"\"},\"\\u2014 \\u0441\\u0432\\u043E\\u0451 \\u043D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435 \\u2014\"))),n.name===\"\"&&e.createElement(M,{label:\"\\u0421\\u0432\\u043E\\u0451 \\u043D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435\"},e.createElement(B,{value:n.custom||\"\",onChange:_=>r({...n,custom:_.target.value})})),e.createElement(\"div\",{className:\"grid grid-cols-3 gap-x-4\"},e.createElement(M,{label:\"\\u041A\\u043E\\u043B-\\u0432\\u043E\"},e.createElement(B,{type:\"number\",value:n.qty,onChange:_=>r({...n,qty:_.target.value})})),e.createElement(M,{label:\"\\u0415\\u0434\\u0438\\u043D\\u0438\\u0446\\u0430\"},e.createElement(B,{value:n.unit,onChange:_=>r({...n,unit:_.target.value})})),e.createElement(M,{label:\"\\u0426\\u0435\\u043D\\u0430 \\u0437\\u0430 \\u0435\\u0434., \\u20BD\"},e.createElement(B,{type:\"number\",value:n.price,onChange:_=>r({...n,price:_.target.value})}))),e.createElement(\"div\",{className:\"flex justify-end gap-2\"},e.createElement(E,{kind:\"ghost\",onClick:()=>r(null)},\"\\u041E\\u0442\\u043C\\u0435\\u043D\\u0430\"),e.createElement(E,{onClick:async()=>{let _=n.name||n.custom;if(!_)return alert(\"\\u0423\\u043A\\u0430\\u0436\\u0438\\u0442\\u0435 \\u043D\\u0430\\u0438\\u043C\\u0435\\u043D\\u043E\\u0432\\u0430\\u043D\\u0438\\u0435\");await F(`/deals/${s}/items`,\"POST\",{...n,name:_}),r(null),j()}},\"\\u0421\\u043E\\u0445\\u0440\\u0430\\u043D\\u0438\\u0442\\u044C\"))),f&&e.createElement(X,{title:\"\\u0412\\u044B\\u0441\\u0442\\u0430\\u0432\\u0438\\u0442\\u044C \\u0441\\u0447\\u0451\\u0442\",onClose:()=>d(null)},e.createElement(\"div\",{className:\"grid grid-cols-2 gap-x-4\"},e.createElement(M,{label:\"\\u041D\\u043E\\u043C\\u0435\\u0440 \\u0441\\u0447\\u0451\\u0442\\u0430\"},e.createElement(B,{value:f.number,onChange:_=>d({...f,number:_.target.value})})),e.createElement(M,{label:\"\\u0414\\u0430\\u0442\\u0430\"},e.createElement(B,{type:\"date\",value:f.date,onChange:_=>d({...f,date:_.target.value})})),e.createElement(M,{label:\"\\u041A\\u043B\\u0438\\u0435\\u043D\\u0442\"},e.createElement(B,{value:f.client,onChange:_=>d({...f,client:_.target.value})})),e.createElement(M,{label:\"\\u0421\\u0443\\u043C\\u043C\\u0430, \\u20BD\"},e.createElement(B,{type:\"number\",value:f.amount,onChange:_=>d({...f,amount:_.target.value})}))),e.createElement(\"div\",{className:\"flex justify-end gap-2\"},e.createElement(E,{kind:\"ghost\",onClick:()=>d(null)},\"\\u041E\\u0442\\u043C\\u0435\\u043D\\u0430\"),e.createElement(E,{onClick:async()=>{await F(\"/invoices\",\"POST\",{...f,deal_id:s}),d(null),j()}},\"\\u0421\\u043E\\u0445\\u0440\\u0430\\u043D\\u0438\\u0442\\u044C\"))))}function Ae({kind:s,meta:o,refreshMeta:c}){let[i,t]=C([]),[p,g]=C(!1),[m,l]=C(null),[a,N]=C(\"accrual\"),[h,x]=C({status:\"\",client:\"\",from:\"\",to:\"\",sumFrom:\"\",sumTo:\"\",pFrom:\"\",pTo:\"\"}),[w,u]=C(\"\"),n=()=>{F(\"/deals?type=\"+s).then(t)};W(()=>{n()},[s]);let r=(v,y)=>x(T=>({...T,[v]:y})),f=v=>a===\"accrual\"?Number(v.shipped)-Number(v.expense_all):Number(v.received)-Number(v.expense_paid);if(m)return e.createElement(ct,{id:m,meta:o,refreshMeta:c,kindTitle:Ze[s],onBack:()=>{l(null),n()}});let d=i;h.status&&(d=d.filter(v=>v.status===h.status)),h.client&&(d=d.filter(v=>(v.client||\"\").toLowerCase().includes(h.client.toLowerCase()))),h.from&&(d=d.filter(v=>(v.created_at||\"\")>=h.from)),h.to&&(d=d.filter(v=>(v.created_at||\"\")<=h.to)),h.sumFrom&&(d=d.filter(v=>Number(v.amount)>=Number(h.sumFrom))),h.sumTo&&(d=d.filter(v=>Number(v.amount)<=Number(h.sumTo))),h.pFrom&&(d=d.filter(v=>f(v)>=Number(h.pFrom))),h.pTo&&(d=d.filter(v=>f(v)<=Number(h.pTo))),w&&(d=d.filter(v=>(v.name+\" \"+v.client).toLowerCase().includes(w.toLowerCase())));let k=d.reduce((v,y)=>v+Number(y.amount||0),0),P=d.reduce((v,y)=>v+f(y),0),j=async v=>{window.confirm(\"\\u0423\\u0434\\u0430\\u043B\\u0438\\u0442\\u044C \\u0441\\u0434\\u0435\\u043B\\u043A\\u0443? \\u041E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0438 \\u043E\\u0441\\u0442\\u0430\\u043D\\u0443\\u0442\\u0441\\u044F \\u0431\\u0435\\u0437 \\u043F\\u0440\\u0438\\u0432\\u044F\\u0437\\u043A\\u0438.\")&&(await F(\"/deals/\"+v,\"DELETE\"),n())},S=()=>{let v=\"\\u0414\\u0430\\u0442\\u0430;\\u041D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435;\\u041A\\u043B\\u0438\\u0435\\u043D\\u0442;\\u0421\\u0442\\u0430\\u0442\\u0443\\u0441;\\u0421\\u0443\\u043C\\u043C\\u0430 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438;\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u0438\\u043B\\u043E %;\\u041E\\u0442\\u0433\\u0440\\u0443\\u0436\\u0435\\u043D\\u043E %;\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C\",y=d.map(U=>{let V=U.amount>0?Math.round(Number(U.received)/Number(U.amount)*100):0,ee=U.amount>0?Math.round(Number(U.shipped)/Number(U.amount)*100):0;return[q(U.created_at),U.name,U.client,(re[U.status]||{}).label,U.amount,V+\"%\",ee+\"%\",f(U)].join(\";\")}),T=new Blob([\"\\uFEFF\"+[v,...y].join(`\\r\n`)],{type:\"text/csv;charset=utf-8\"}),z=document.createElement(\"a\");z.href=URL.createObjectURL(T),z.download=(s===\"purchase\"?\"\\u0437\\u0430\\u043A\\u0443\\u043F\\u043A\\u0438\":\"\\u0441\\u0434\\u0435\\u043B\\u043A\\u0438\")+\".csv\",z.click()};return e.createElement(\"div\",{className:\"flex h-full\"},e.createElement(\"div\",{className:\"w-60 shrink-0 bg-white border-r border-gray-100 p-4 text-sm overflow-y-auto\"},e.createElement(\"div\",{className:\"font-semibold text-[#22313f] mb-3\"},\"\\u0424\\u0438\\u043B\\u044C\\u0442\\u0440\\u044B\"),e.createElement(\"div\",{className:\"text-xs text-gray-400 mb-1\"},\"\\u041F\\u0430\\u0440\\u0430\\u043C\\u0435\\u0442\\u0440\\u044B \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438\"),e.createElement(M,{label:\"\\u0421\\u0442\\u0430\\u0442\\u0443\\u0441 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438\"},e.createElement(L,{value:h.status,onChange:v=>r(\"status\",v.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u0412\\u0441\\u0435\"),Object.entries(re).map(([v,y])=>e.createElement(\"option\",{key:v,value:v},y.label)))),e.createElement(M,{label:\"\\u041A\\u043B\\u0438\\u0435\\u043D\\u0442\\u044B\"},e.createElement(B,{value:h.client,onChange:v=>r(\"client\",v.target.value),placeholder:\"\\u0418\\u043C\\u044F \\u043A\\u043B\\u0438\\u0435\\u043D\\u0442\\u0430\\u2026\"})),e.createElement(M,{label:\"\\u0414\\u0430\\u0442\\u0430 \\u0441\\u043E\\u0437\\u0434\\u0430\\u043D\\u0438\\u044F \\u0441\"},e.createElement(B,{type:\"date\",value:h.from,onChange:v=>r(\"from\",v.target.value)})),e.createElement(M,{label:\"\\u043F\\u043E\"},e.createElement(B,{type:\"date\",value:h.to,onChange:v=>r(\"to\",v.target.value)})),e.createElement(\"div\",{className:\"text-xs text-gray-400 mb-1 mt-3\"},\"\\u0421\\u0443\\u043C\\u043C\\u0430 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438\"),e.createElement(\"div\",{className:\"flex gap-2 mb-3\"},e.createElement(B,{type:\"number\",placeholder:\"\\u041E\\u0442\",value:h.sumFrom,onChange:v=>r(\"sumFrom\",v.target.value)}),e.createElement(B,{type:\"number\",placeholder:\"\\u0434\\u043E\",value:h.sumTo,onChange:v=>r(\"sumTo\",v.target.value)})),e.createElement(\"div\",{className:\"text-xs text-gray-400 mb-1\"},\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438\"),e.createElement(\"div\",{className:\"flex gap-2\"},e.createElement(B,{type:\"number\",placeholder:\"\\u041E\\u0442\",value:h.pFrom,onChange:v=>r(\"pFrom\",v.target.value)}),e.createElement(B,{type:\"number\",placeholder:\"\\u0434\\u043E\",value:h.pTo,onChange:v=>r(\"pTo\",v.target.value)}))),e.createElement(\"div\",{className:\"flex-1 flex flex-col min-w-0\"},e.createElement(\"div\",{className:\"flex items-center gap-2 p-4 pb-2 flex-wrap\"},e.createElement(\"h1\",{className:\"text-[22px] font-bold text-[#22313f] mr-1\"},Ze[s]),e.createElement(E,{onClick:()=>g(!0)},\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C\"),e.createElement(\"div\",{className:\"ml-auto flex items-center gap-2\"},e.createElement(\"label\",{className:\"text-xs text-gray-400\"},\"\\u0423\\u0447\\u0435\\u0442\",e.createElement(\"br\",null),e.createElement(L,{value:a,onChange:v=>N(v.target.value),className:\"!w-44\"},e.createElement(\"option\",{value:\"accrual\"},\"\\u041C\\u0435\\u0442\\u043E\\u0434 \\u043D\\u0430\\u0447\\u0438\\u0441\\u043B\\u0435\\u043D\\u0438\\u044F\"),e.createElement(\"option\",{value:\"cash\"},\"\\u041A\\u0430\\u0441\\u0441\\u043E\\u0432\\u044B\\u0439 \\u043C\\u0435\\u0442\\u043E\\u0434\"))),e.createElement(E,{kind:\"ghost\",onClick:S},\"\\u2B07 .xls\"),e.createElement(\"input\",{className:\"border border-gray-200 rounded px-3 py-1.5 text-sm w-64\",placeholder:\"\\u041F\\u043E\\u0438\\u0441\\u043A \\u043F\\u043E \\u043D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u044E \\u0438\\u043B\\u0438 \\u043A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442\\u0443\",value:w,onChange:v=>u(v.target.value)}))),e.createElement(\"div\",{className:\"flex-1 overflow-y-auto px-4\"},e.createElement(\"table\",{className:\"w-full text-sm bg-white rounded-lg shadow-sm\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3 w-6\"},e.createElement(\"input\",{type:\"checkbox\",disabled:!0})),e.createElement(\"th\",{className:\"p-2\"},\"\\u0414\\u0430\\u0442\\u0430 \\u25B4\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u041D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435\"),e.createElement(\"th\",{className:\"p-2\"},s===\"purchase\"?\"\\u041F\\u043E\\u0441\\u0442\\u0430\\u0432\\u0449\\u0438\\u043A\":\"\\u041A\\u043B\\u0438\\u0435\\u043D\\u0442\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0421\\u0442\\u0430\\u0442\\u0443\\u0441\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0421\\u0443\\u043C\\u043C\\u0430 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438, \\u20BD\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u0438\\u043B\\u043E\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u041E\\u0442\\u0433\\u0440\\u0443\\u0436\\u0435\\u043D\\u043E\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C, \\u20BD\"),e.createElement(\"th\",{className:\"p-2\"}))),e.createElement(\"tbody\",null,d.map(v=>{let y=re[v.status]||re.work,T=v.amount>0?Math.min(100,Math.round(Number(v.received)/Number(v.amount)*100)):0,z=v.amount>0?Math.min(100,Math.round(Number(v.shipped)/Number(v.amount)*100)):0,U=f(v);return e.createElement(\"tr\",{key:v.id,className:\"border-t border-gray-50 hover:bg-slate-50 cursor-pointer\",onClick:()=>l(v.id)},e.createElement(\"td\",{className:\"p-2 pl-3\",onClick:V=>V.stopPropagation()},e.createElement(\"input\",{type:\"checkbox\",className:\"accent-[#2aa3af]\"})),e.createElement(\"td\",{className:\"p-2 text-gray-500 whitespace-nowrap\"},q(v.created_at)),e.createElement(\"td\",{className:\"p-2 font-medium text-[#22313f]\"},v.name),e.createElement(\"td\",{className:\"p-2 text-gray-700\"},v.client||\"\\u2014\"),e.createElement(\"td\",{className:\"p-2\"},e.createElement(\"span\",{className:\"text-xs px-2 py-0.5 rounded whitespace-nowrap \"+y.cls},y.label)),e.createElement(\"td\",{className:\"p-2 text-right font-medium whitespace-nowrap\"},O(v.amount)),e.createElement(\"td\",{className:\"p-2 text-right text-gray-600\"},T,\"%\"),e.createElement(\"td\",{className:\"p-2 text-right text-gray-600\"},z,\"%\"),e.createElement(\"td\",{className:\"p-2 text-right font-medium whitespace-nowrap \"+(U>=0?\"text-emerald-600\":\"text-rose-500\")},O(U)),e.createElement(\"td\",{className:\"p-2 text-right\",onClick:V=>V.stopPropagation()},e.createElement(H,{icon:D.trash,danger:!0,onClick:()=>j(v.id)})))}),d.length===0&&e.createElement(\"tr\",null,e.createElement(\"td\",{colSpan:10,className:\"p-8 text-center text-gray-400\"},\"\\u0421\\u0434\\u0435\\u043B\\u043E\\u043A \\u043D\\u0435\\u0442 \\u2014 \\u043D\\u0430\\u0436\\u043C\\u0438\\u0442\\u0435 \\xAB\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C\\xBB\")))),e.createElement(\"div\",{className:\"h-3\"})),e.createElement(\"div\",{className:\"border-t border-gray-100 bg-white px-4 py-2 text-xs text-gray-500 flex gap-4\"},e.createElement(\"span\",null,d.length,\" \",s===\"purchase\"?\"\\u0437\\u0430\\u043A\\u0443\\u043F\\u043E\\u043A\":\"\\u043F\\u0440\\u043E\\u0434\\u0430\\u0436\",\" \\u043D\\u0430 \\u0441\\u0443\\u043C\\u043C\\u0443: \",e.createElement(\"b\",{className:\"text-[#22313f]\"},O(k))),e.createElement(\"span\",null,\"\\u041E\\u0431\\u0449\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C: \",e.createElement(\"b\",{className:\"text-emerald-600\"},O(P))))),p&&e.createElement(Ke,{kind:s,onClose:()=>g(!1),onSaved:n}))}function Re({meta:s}){let[o,c]=C([]),[i,t]=C(null),p=()=>{F(\"/invoices\").then(c)};W(()=>{p()},[]);let g=async l=>{let a={...l,amount:Number(l.amount)||0,contractor_id:Number(l.contractor_id)||null};l.id?await F(\"/invoices/\"+l.id,\"PUT\",a):await F(\"/invoices\",\"POST\",a),t(null),p()},m=o.filter(l=>l.status!==\"paid\").reduce((l,a)=>l+Number(a.amount),0);return o.length===0&&!i?e.createElement(\"div\",{className:\"p-6\"},e.createElement(ae,null,\"\\u0412\\u044B\\u0441\\u0442\\u0430\\u0432\\u043B\\u0435\\u043D\\u043D\\u044B\\u0435 \\u0441\\u0447\\u0435\\u0442\\u0430\"),e.createElement(\"div\",{className:\"text-center pt-24\"},e.createElement(\"div\",{className:\"text-xl font-bold text-[#37474f] mb-2\"},\"\\u0412\\u044B\\u0441\\u0442\\u0430\\u0432\\u043B\\u044F\\u0439\\u0442\\u0435 \\u0441\\u0447\\u0435\\u0442\\u0430 \\u0432 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0430\\u0445\",e.createElement(\"br\",null),\"\\u043F\\u0440\\u043E\\u0434\\u0430\\u0436 \\u0441 \\u0432\\u0430\\u0448\\u0438\\u043C\\u0438 \\u043A\\u043B\\u0438\\u0435\\u043D\\u0442\\u0430\\u043C\\u0438\"),e.createElement(\"div\",{className:\"text-sm text-gray-400 mb-3\"},\"\\u0417\\u0434\\u0435\\u0441\\u044C \\u043E\\u0442\\u043E\\u0431\\u0440\\u0430\\u0437\\u0438\\u0442\\u0441\\u044F \\u0441\\u043F\\u0438\\u0441\\u043E\\u043A \\u0432\\u044B\\u0441\\u0442\\u0430\\u0432\\u043B\\u0435\\u043D\\u043D\\u044B\\u0445 \\u0441\\u0447\\u0435\\u0442\\u043E\\u0432,\",e.createElement(\"br\",null),\"\\u043A\\u043E\\u0442\\u043E\\u0440\\u044B\\u0435 \\u0432\\u044B \\u0441\\u043E\\u0437\\u0434\\u0430\\u0434\\u0438\\u0442\\u0435 \\u0432 \\u0440\\u0430\\u043C\\u043A\\u0430\\u0445 \\u0441\\u0434\\u0435\\u043B\\u043E\\u043A \\u043F\\u0440\\u043E\\u0434\\u0430\\u0436.\"),e.createElement(\"button\",{className:\"text-[#2aa3af] text-sm\",onClick:()=>t({number:\"\",date:Y(),client:\"\",contractor_id:\"\",amount:\"\",status:\"unpaid\",comment:\"\"})},\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C \\u0441\\u0447\\u0451\\u0442\"))):e.createElement(\"div\",{className:\"p-6\"},e.createElement(ae,{right:e.createElement(E,{onClick:()=>t({number:\"\",date:Y(),client:\"\",contractor_id:\"\",amount:\"\",status:\"unpaid\",comment:\"\"})},\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C\")},\"\\u0412\\u044B\\u0441\\u0442\\u0430\\u0432\\u043B\\u0435\\u043D\\u043D\\u044B\\u0435 \\u0441\\u0447\\u0435\\u0442\\u0430\"),e.createElement(\"table\",{className:\"w-full text-sm bg-white rounded-lg shadow-sm\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3\"},\"\\u2116\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0414\\u0430\\u0442\\u0430\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u041A\\u043B\\u0438\\u0435\\u043D\\u0442 / \\u041A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0430\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0421\\u0443\\u043C\\u043C\\u0430, \\u20BD\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0421\\u0442\\u0430\\u0442\\u0443\\u0441\"),e.createElement(\"th\",{className:\"p-2\"}))),e.createElement(\"tbody\",null,o.map(l=>e.createElement(\"tr\",{key:l.id,className:\"border-t border-gray-50 hover:bg-slate-50\"},e.createElement(\"td\",{className:\"p-2 pl-3 font-medium text-[#22313f]\"},l.number||\"\\u0431/\\u043D\"),e.createElement(\"td\",{className:\"p-2 text-gray-500 whitespace-nowrap\"},q(l.date)),e.createElement(\"td\",{className:\"p-2 text-gray-700\"},l.contractor_name||l.client||\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},l.deal_name||\"\"),e.createElement(\"td\",{className:\"p-2 text-right font-medium whitespace-nowrap\"},O(l.amount)),e.createElement(\"td\",{className:\"p-2\"},l.status===\"paid\"?e.createElement(\"span\",{className:\"text-xs px-2 py-0.5 rounded bg-emerald-100 text-emerald-700\"},\"\\u041E\\u043F\\u043B\\u0430\\u0447\\u0435\\u043D\"):e.createElement(\"button\",{className:\"text-xs px-2 py-0.5 rounded bg-amber-100 text-amber-700\",onClick:async()=>{await F(`/invoices/${l.id}/paid`,\"POST\",{}),p()}},\"\\u041D\\u0435 \\u043E\\u043F\\u043B\\u0430\\u0447\\u0435\\u043D \\u2192 \\u043E\\u043F\\u043B\\u0430\\u0442\\u0438\\u0442\\u044C\")),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},e.createElement(H,{icon:D.edit,onClick:()=>t(l)}),e.createElement(H,{icon:D.trash,danger:!0,onClick:async()=>{window.confirm(\"\\u0423\\u0434\\u0430\\u043B\\u0438\\u0442\\u044C \\u0441\\u0447\\u0451\\u0442?\")&&(await F(\"/invoices/\"+l.id,\"DELETE\"),p())}})))))),e.createElement(\"div\",{className:\"text-xs text-gray-500 mt-2\"},o.length,\" \\u0441\\u0447\\u0435\\u0442\\u043E\\u0432 \\xB7 \\u041D\\u0435 \\u043E\\u043F\\u043B\\u0430\\u0447\\u0435\\u043D\\u043E: \",e.createElement(\"b\",{className:\"text-amber-600\"},O(m))),i&&e.createElement(X,{title:i.id?\"\\u0421\\u0447\\u0451\\u0442\":\"\\u0412\\u044B\\u0441\\u0442\\u0430\\u0432\\u0438\\u0442\\u044C \\u0441\\u0447\\u0451\\u0442\",onClose:()=>t(null)},e.createElement(\"div\",{className:\"grid grid-cols-2 gap-x-4\"},e.createElement(M,{label:\"\\u041D\\u043E\\u043C\\u0435\\u0440\"},e.createElement(B,{value:i.number,onChange:l=>t({...i,number:l.target.value})})),e.createElement(M,{label:\"\\u0414\\u0430\\u0442\\u0430\"},e.createElement(B,{type:\"date\",value:(i.date||\"\").slice(0,10),onChange:l=>t({...i,date:l.target.value})})),e.createElement(M,{label:\"\\u041A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442\"},e.createElement(L,{value:i.contractor_id||\"\",onChange:l=>t({...i,contractor_id:l.target.value})},e.createElement(\"option\",{value:\"\"},\"\\u2014\"),s.contractors.map(l=>e.createElement(\"option\",{key:l.id,value:l.id},l.name)))),e.createElement(M,{label:\"\\u041A\\u043B\\u0438\\u0435\\u043D\\u0442 (\\u0442\\u0435\\u043A\\u0441\\u0442\\u043E\\u043C)\"},e.createElement(B,{value:i.client,onChange:l=>t({...i,client:l.target.value})})),e.createElement(M,{label:\"\\u0421\\u0443\\u043C\\u043C\\u0430, \\u20BD\"},e.createElement(B,{type:\"number\",value:i.amount,onChange:l=>t({...i,amount:l.target.value})})),e.createElement(M,{label:\"\\u0421\\u0442\\u0430\\u0442\\u0443\\u0441\"},e.createElement(L,{value:i.status,onChange:l=>t({...i,status:l.target.value})},e.createElement(\"option\",{value:\"unpaid\"},\"\\u041D\\u0435 \\u043E\\u043F\\u043B\\u0430\\u0447\\u0435\\u043D\"),e.createElement(\"option\",{value:\"paid\"},\"\\u041E\\u043F\\u043B\\u0430\\u0447\\u0435\\u043D\")))),e.createElement(\"div\",{className:\"flex justify-end gap-2\"},e.createElement(E,{kind:\"ghost\",onClick:()=>t(null)},\"\\u041E\\u0442\\u043C\\u0435\\u043D\\u0430\"),e.createElement(E,{onClick:()=>g(i)},\"\\u0421\\u043E\\u0445\\u0440\\u0430\\u043D\\u0438\\u0442\\u044C\"))))}var Le={plan:{label:\"\\u041F\\u043B\\u0430\\u043D\\u043E\\u0432\\u044B\\u0439\",cls:\"bg-sky-100 text-sky-700\"},work:{label:\"\\u0412 \\u0440\\u0430\\u0431\\u043E\\u0442\\u0435\",cls:\"bg-amber-100 text-amber-700\"},done:{label:\"\\u0417\\u0430\\u0432\\u0435\\u0440\\u0448\\u0435\\u043D\",cls:\"bg-emerald-100 text-emerald-700\"}};function et({refreshMeta:s}){let[o,c]=C([]),[i,t]=C(null),[p,g]=C({plan:!0,work:!0,done:!0,q:\"\"}),m=()=>{F(\"/projects\").then(c)};W(()=>{m()},[]);let l=async u=>{window.confirm(\"\\u0423\\u0434\\u0430\\u043B\\u0438\\u0442\\u044C \\u043F\\u0440\\u043E\\u0435\\u043A\\u0442? \\u041E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0438 \\u043E\\u0441\\u0442\\u0430\\u043D\\u0443\\u0442\\u0441\\u044F \\u0431\\u0435\\u0437 \\u043F\\u0440\\u0438\\u0432\\u044F\\u0437\\u043A\\u0438.\")&&(await F(\"/projects/\"+u,\"DELETE\"),m(),s())},a=async u=>{u.id?await F(\"/projects/\"+u.id,\"PUT\",u):await F(\"/projects\",\"POST\",u),t(null),m(),s()},N=o.filter(u=>p[u.status||\"work\"]!==!1);p.q&&(N=N.filter(u=>(u.name+\" \"+(u.comment||\"\")).toLowerCase().includes(p.q.toLowerCase())));let h=N.reduce((u,n)=>u+Number(n.income),0),x=N.reduce((u,n)=>u+Number(n.expense),0),w=h-x;return e.createElement(\"div\",{className:\"flex h-full\"},e.createElement(\"div\",{className:\"w-56 shrink-0 bg-white border-r border-gray-100 p-4 text-sm overflow-y-auto\"},e.createElement(\"div\",{className:\"font-semibold text-[#22313f] mb-2\"},\"\\u0424\\u0438\\u043B\\u044C\\u0442\\u0440\\u044B\"),e.createElement(\"div\",{className:\"text-xs text-gray-400 mb-1\"},\"\\u0421\\u0442\\u0430\\u0442\\u0443\\u0441 \\u043F\\u0440\\u043E\\u0435\\u043A\\u0442\\u0430\"),e.createElement(Q,{label:\"\\u041F\\u043B\\u0430\\u043D\\u043E\\u0432\\u044B\\u0439\",checked:p.plan,onChange:u=>g({...p,plan:u})}),e.createElement(Q,{label:\"\\u0412 \\u0440\\u0430\\u0431\\u043E\\u0442\\u0435\",checked:p.work,onChange:u=>g({...p,work:u})}),e.createElement(Q,{label:\"\\u0417\\u0430\\u0432\\u0435\\u0440\\u0448\\u0435\\u043D\",checked:p.done,onChange:u=>g({...p,done:u})})),e.createElement(\"div\",{className:\"flex-1 flex flex-col min-w-0\"},e.createElement(\"div\",{className:\"flex items-center gap-2 p-4 pb-2 flex-wrap\"},e.createElement(\"h1\",{className:\"text-[22px] font-bold text-[#22313f] mr-1\"},\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\\u044B\"),e.createElement(E,{onClick:()=>t({name:\"\",grp:\"\",status:\"work\",comment:\"\",date_start:\"\",date_end:\"\"})},\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C\"),e.createElement(\"div\",{className:\"ml-auto flex items-center gap-2\"},e.createElement(\"label\",{className:\"text-xs text-gray-400\"},\"\\u041F\\u043E\\u043A\\u0430\\u0437\\u0430\\u0442\\u0435\\u043B\\u044C \\u0434\\u043B\\u044F \\u0430\\u043D\\u0430\\u043B\\u0438\\u0437\\u0430\",e.createElement(\"br\",null),e.createElement(L,{className:\"!w-56\"},e.createElement(\"option\",null,\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C \\u043A\\u0430\\u0441\\u0441\\u043E\\u0432\\u044B\\u043C \\u043C\\u0435\\u0442\\u043E\\u0434\\u043E\\u043C\"))),e.createElement(\"input\",{className:\"border border-gray-200 rounded px-3 py-1.5 text-sm w-64\",placeholder:\"\\u041F\\u043E\\u0438\\u0441\\u043A \\u043F\\u043E \\u043D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u044E \\u0438\\u043B\\u0438 \\u043A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u044E\",value:p.q,onChange:u=>g({...p,q:u.target.value})}))),e.createElement(\"div\",{className:\"flex-1 overflow-y-auto px-4\"},e.createElement(\"table\",{className:\"w-full text-sm bg-white rounded-lg shadow-sm\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3\"},\"\\u041D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435 \\u043F\\u0440\\u043E\\u0435\\u043A\\u0442\\u0430 \\u25BE\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0413\\u0440\\u0443\\u043F\\u043F\\u0430\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u041D\\u0430\\u0447\\u0430\\u043B\\u043E / \\u041A\\u043E\\u043D\\u0435\\u0446\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0421\\u0442\\u0430\\u0442\\u0443\\u0441\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B, \\u20BD\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B, \\u20BD\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C, \\u20BD\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0420\\u0435\\u043D\\u0442\\u0430\\u0431\\u0435\\u043B\\u044C\\u043D\\u043E\\u0441\\u0442\\u044C\"),e.createElement(\"th\",{className:\"p-2\"}))),e.createElement(\"tbody\",null,N.map(u=>{let n=Le[u.status]||Le.work,r=Number(u.income)-Number(u.expense),f=Number(u.income)?Math.round(r/Number(u.income)*1e3)/10:0;return e.createElement(\"tr\",{key:u.id,className:\"border-t border-gray-50 hover:bg-slate-50 \"+(u.active?\"\":\"opacity-40\")},e.createElement(\"td\",{className:\"p-2 pl-3 font-medium text-[#22313f]\"},u.name),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},u.grp||\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-gray-500 text-xs whitespace-nowrap\"},q(u.date_start),e.createElement(\"br\",null),q(u.date_end)),e.createElement(\"td\",{className:\"p-2\"},e.createElement(\"span\",{className:\"text-xs px-2 py-0.5 rounded whitespace-nowrap \"+n.cls},n.label)),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},Number(u.income)?O(u.income):\"\\u2013\"),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},Number(u.expense)?O(u.expense):\"\\u2013\"),e.createElement(\"td\",{className:\"p-2 text-right font-medium whitespace-nowrap \"+(r>=0?\"text-emerald-600\":\"text-rose-600\")},A(r)),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},Number(u.income)?e.createElement(\"span\",{className:\"text-emerald-600 font-medium\"},f,\"%\"):\"\\u2013\"),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},e.createElement(H,{icon:D.edit,onClick:()=>t(u)}),e.createElement(H,{icon:D.trash,danger:!0,onClick:()=>l(u.id)})))}),N.length===0&&e.createElement(\"tr\",null,e.createElement(\"td\",{colSpan:9,className:\"p-8 text-center text-gray-400\"},\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\\u043E\\u0432 \\u043D\\u0435\\u0442\")))),e.createElement(\"div\",{className:\"h-3\"})),e.createElement(\"div\",{className:\"border-t border-gray-100 bg-white px-4 py-2 text-xs text-gray-500 flex gap-4 flex-wrap\"},e.createElement(\"span\",null,N.length,\" \\u043F\\u0440\\u043E\\u0435\\u043A\\u0442\\u043E\\u0432\"),e.createElement(\"span\",null,\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B: \",e.createElement(\"b\",{className:\"text-[#22313f]\"},O(h))),e.createElement(\"span\",null,\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B: \",e.createElement(\"b\",{className:\"text-rose-500\"},\"\\u2212\",O(x))),e.createElement(\"span\",null,\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C: \",e.createElement(\"b\",{className:\"text-emerald-600\"},O(w))),e.createElement(\"span\",null,\"\\u0420\\u0435\\u043D\\u0442\\u0430\\u0431\\u0435\\u043B\\u044C\\u043D\\u043E\\u0441\\u0442\\u044C: \",e.createElement(\"b\",{className:\"text-amber-500\"},h?Math.round(w/h*1e3)/10:0,\"%\")))),i&&e.createElement(X,{title:i.id?\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\":\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u043D\\u0438\\u0435 \\u043F\\u0440\\u043E\\u0435\\u043A\\u0442\\u0430\",onClose:()=>t(null)},e.createElement(M,{label:\"\\u041D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435\"},e.createElement(B,{value:i.name,onChange:u=>t({...i,name:u.target.value})})),e.createElement(\"div\",{className:\"grid grid-cols-2 gap-x-4\"},e.createElement(M,{label:\"\\u0413\\u0440\\u0443\\u043F\\u043F\\u0430\"},e.createElement(B,{value:i.grp||\"\",onChange:u=>t({...i,grp:u.target.value}),placeholder:\"\\u0412\\u0442\\u043E\\u0440\\u0438\\u0447\\u043D\\u0430\\u044F \\u043D\\u0435\\u0434\\u0432\\u0438\\u0436\\u0438\\u043C\\u043E\\u0441\\u0442\\u044C\\u2026\"})),e.createElement(M,{label:\"\\u0421\\u0442\\u0430\\u0442\\u0443\\u0441\"},e.createElement(L,{value:i.status||\"work\",onChange:u=>t({...i,status:u.target.value})},Object.entries(Le).map(([u,n])=>e.createElement(\"option\",{key:u,value:u},n.label)))),e.createElement(M,{label:\"\\u041D\\u0430\\u0447\\u0430\\u043B\\u043E\"},e.createElement(B,{type:\"date\",value:(i.date_start||\"\").slice(0,10),onChange:u=>t({...i,date_start:u.target.value})})),e.createElement(M,{label:\"\\u041A\\u043E\\u043D\\u0435\\u0446\"},e.createElement(B,{type:\"date\",value:(i.date_end||\"\").slice(0,10),onChange:u=>t({...i,date_end:u.target.value})}))),e.createElement(M,{label:\"\\u041A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0439\"},e.createElement(B,{value:i.comment||\"\",onChange:u=>t({...i,comment:u.target.value})})),e.createElement(\"div\",{className:\"flex justify-end gap-2\"},e.createElement(E,{kind:\"ghost\",onClick:()=>t(null)},\"\\u041E\\u0442\\u043C\\u0435\\u043D\\u0430\"),e.createElement(E,{onClick:()=>a(i)},\"\\u0421\\u043E\\u0445\\u0440\\u0430\\u043D\\u0438\\u0442\\u044C\"))))}function gt(){let[s,o]=C(Z()),[c,i]=C(null);if(W(()=>{F(\"/calendar?year=\"+s).then(i)},[s]),!c)return e.createElement(\"div\",{className:\"text-gray-400 text-sm\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");let t={};for(let a of c.months)t[a.m]=a;let p=ge(s),g=(a,N)=>Number((t[a]||{})[N]||0),m=a=>p.reduce((N,h)=>N+g(h,a),0),l=({label:a,k1:N,k2:h,bold:x,colorFn:w})=>e.createElement(\"tr\",{className:\"border-t border-gray-50 \"+(x?\"font-semibold bg-slate-50\":\"\")},e.createElement(\"td\",{className:\"p-2 pl-3 whitespace-nowrap sticky left-0 bg-inherit\"},a),p.map(u=>{let n=h?g(u,N)-g(u,h):g(u,N);return e.createElement(\"td\",{key:u,className:\"p-2 text-right whitespace-nowrap \"+(w?w(n):\"\")},n?A(n):\"\\u2014\")}),(()=>{let u=h?m(N)-m(h):m(N);return e.createElement(\"td\",{className:\"p-2 text-right font-semibold whitespace-nowrap \"+(w?w(u):\"\")},u?A(u):\"\\u2014\")})());return e.createElement(\"div\",null,e.createElement(\"div\",{className:\"flex items-center gap-3 mb-3\"},e.createElement(ye,{value:s,onChange:o}),e.createElement(\"div\",{className:\"text-xs text-gray-400\"},\"\\u0444\\u0430\\u043A\\u0442 \\u2014 \\u043F\\u043E\\u0434\\u0442\\u0432\\u0435\\u0440\\u0436\\u0434\\u0451\\u043D\\u043D\\u044B\\u0435 \\u043E\\u043F\\u043B\\u0430\\u0442\\u044B; \\u043F\\u043B\\u0430\\u043D \\u2014 \\u0432\\u0441\\u0435, \\u0432\\u043A\\u043B\\u044E\\u0447\\u0430\\u044F \\u043D\\u0435\\u043F\\u043E\\u0434\\u0442\\u0432\\u0435\\u0440\\u0436\\u0434\\u0451\\u043D\\u043D\\u044B\\u0435\")),e.createElement(\"div\",{className:\"overflow-x-auto bg-white rounded-lg shadow-sm\"},e.createElement(\"table\",{className:\"text-sm min-w-full\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3 text-left sticky left-0 bg-white\"},\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B \\u0438 \\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B, \\u20BD\"),p.map(a=>e.createElement(\"th\",{key:a,className:\"p-2 text-right\"},R(a))),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0418\\u0442\\u043E\\u0433\\u043E\"))),e.createElement(\"tbody\",null,e.createElement(l,{label:\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B (\\u0444\\u0430\\u043A\\u0442)\",k1:\"income_fact\",colorFn:()=>\"text-emerald-600\"}),e.createElement(l,{label:\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B (\\u043F\\u043B\\u0430\\u043D)\",k1:\"income_plan\",colorFn:()=>\"text-emerald-600/60\"}),e.createElement(l,{label:\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B (\\u0444\\u0430\\u043A\\u0442)\",k1:\"expense_fact\",colorFn:()=>\"text-rose-500\"}),e.createElement(l,{label:\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B (\\u043F\\u043B\\u0430\\u043D)\",k1:\"expense_plan\",colorFn:()=>\"text-rose-500/60\"}),e.createElement(l,{label:\"\\u0427\\u0438\\u0441\\u0442\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C (\\u0444\\u0430\\u043A\\u0442)\",k1:\"income_fact\",k2:\"expense_fact\",bold:!0,colorFn:a=>a<0?\"text-rose-600\":\"text-[#22313f]\"}),e.createElement(l,{label:\"\\u0427\\u0438\\u0441\\u0442\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C (\\u043F\\u043B\\u0430\\u043D)\",k1:\"income_plan\",k2:\"expense_plan\",bold:!0,colorFn:a=>a<0?\"text-rose-600\":\"text-slate-500\"})))))}function ht(s,o,c){let i={};for(let t of o){let p=t.category_id?he(c,t.category_id):null,g=(p?.name||\"\").toLowerCase(),m=!1;s.startsWith(\"inc_\")?m=t.op_type===\"income\"&&p&&p.id===Number(s.slice(4)):s.startsWith(\"out_\")?m=t.op_type===\"expense\"&&p&&p.id===Number(s.slice(4)):s===\"var\"?m=t.op_type===\"expense\"&&g.includes(\"\\u043F\\u0435\\u0440\\u0435\\u043C\\u0435\\u043D\\u043D\\u044B\\u0435\"):s===\"fix\"?m=t.op_type===\"expense\"&&g.includes(\"\\u043F\\u043E\\u0441\\u0442\\u043E\\u044F\\u043D\\u043D\\u044B\\u0435\"):s===\"tax\"?m=t.op_type===\"expense\"&&g.includes(\"\\u043D\\u0430\\u043B\\u043E\\u0433\"):s===\"int\"?m=t.op_type===\"expense\"&&(g.includes(\"\\u043A\\u0440\\u0435\\u0434\\u0438\\u0442\")||g.includes(\"\\u043E\\u0432\\u0435\\u0440\\u0434\\u0440\\u0430\\u0444\\u0442\")):s===\"oi\"?m=t.op_type===\"income\"&&g.includes(\"\\u043F\\u0440\\u043E\\u0447\\u0438\\u0435\"):s===\"oe\"&&(m=t.op_type===\"expense\"&&(g.includes(\"\\u043D\\u0435\\u0440\\u0430\\u0441\\u043F\\u0440\\u0435\\u0434\\u0435\\u043B\\u0435\\u043D\")||g.includes(\"\\u043F\\u0440\\u043E\\u0447\\u0438\\u0435\"))),m&&(i[t.m]=(i[t.m]||0)+Number(t.s))}return i}function xt({id:s,meta:o,onBack:c,btype:i}){let[t,p]=C(null),[g,m]=C(!0),l=()=>{F(\"/budgets/\"+s).then(p)};if(W(()=>{l()},[s]),!t)return e.createElement(\"div\",{className:\"text-gray-400 text-sm\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");let a=t.budget,N=ge(String(a.year)),h={};for(let d of t.values)(h[d.row_key]=h[d.row_key]||{})[d.period]=Number(d.amount);let x=async(d,k,P)=>{await F(`/budgets/${s}/value`,\"PUT\",{row_key:d,period:k,amount:Number(P)||0})},w=o.categories.filter(d=>d.kind===\"income\"&&!d.parent_id),u=o.categories.filter(d=>d.kind===\"expense\"&&!d.parent_id),n=a.btype===\"bdds\"?[{key:\"_hdr_in\",label:\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F\",hdr:!0},...w.map(d=>({key:\"in_\"+d.id,fkey:\"inc_\"+d.id,label:d.name})),{key:\"_hdr_out\",label:\"\\u0412\\u044B\\u043F\\u043B\\u0430\\u0442\\u044B\",hdr:!0},...u.map(d=>({key:\"out_\"+d.id,fkey:\"out_\"+d.id,label:d.name})),{key:\"_net\",label:\"\\u0427\\u0418\\u0421\\u0422\\u042B\\u0419 \\u041F\\u041E\\u0422\\u041E\\u041A\",calc:!0}]:[{key:\"_hdr_rev\",label:\"\\u0412\\u044B\\u0440\\u0443\\u0447\\u043A\\u0430\",hdr:!0},...w.filter(d=>!d.name.toLowerCase().includes(\"\\u043F\\u0440\\u043E\\u0447\\u0438\\u0435\")).map(d=>({key:\"inc_\"+d.id,fkey:\"inc_\"+d.id,label:d.name})),{key:\"var\",label:\"\\u041F\\u0435\\u0440\\u0435\\u043C\\u0435\\u043D\\u043D\\u044B\\u0435 \\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\"},{key:\"_marg\",label:\"\\u041C\\u0430\\u0440\\u0436\\u0438\\u043D\\u0430\\u043B\\u044C\\u043D\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C\",calc:!0},{key:\"fix\",label:\"\\u041F\\u043E\\u0441\\u0442\\u043E\\u044F\\u043D\\u043D\\u044B\\u0435 \\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\"},{key:\"oi\",label:\"\\u041F\\u0440\\u043E\\u0447\\u0438\\u0435 \\u0434\\u043E\\u0445\\u043E\\u0434\\u044B\"},{key:\"oe\",label:\"\\u041F\\u0440\\u043E\\u0447\\u0438\\u0435 \\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\"},{key:\"dep\",label:\"\\u0410\\u043C\\u043E\\u0440\\u0442\\u0438\\u0437\\u0430\\u0446\\u0438\\u044F\"},{key:\"int\",label:\"\\u041F\\u0440\\u043E\\u0446\\u0435\\u043D\\u0442\\u044B \\u043F\\u043E \\u043A\\u0440\\u0435\\u0434\\u0438\\u0442\\u0430\\u043C \\u0438 \\u0437\\u0430\\u0439\\u043C\\u0430\\u043C\"},{key:\"tax\",label:\"\\u041D\\u0430\\u043B\\u043E\\u0433 \\u043D\\u0430 \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C (\\u0434\\u043E\\u0445\\u043E\\u0434\\u044B)\"},{key:\"_np\",label:\"\\u0427\\u0438\\u0441\\u0442\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C (\\u0443\\u0431\\u044B\\u0442\\u043E\\u043A)\",calc:!0}],r=(d,k)=>Number(h[d]?.[k]||0),f=(d,k)=>{if(a.btype===\"bdds\"){let S=w.reduce((y,T)=>y+r(\"in_\"+T.id,k),0),v=u.reduce((y,T)=>y+r(\"out_\"+T.id,k),0);return S-v}let j=w.filter(S=>!S.name.toLowerCase().includes(\"\\u043F\\u0440\\u043E\\u0447\\u0438\\u0435\")).reduce((S,v)=>S+r(\"inc_\"+v.id,k),0)-r(\"var\",k);return d===\"_marg\"?j:j-r(\"fix\",k)+r(\"oi\",k)-r(\"oe\",k)-r(\"dep\",k)-r(\"int\",k)-r(\"tax\",k)};return e.createElement(\"div\",null,e.createElement(\"button\",{className:\"text-sm text-[#2aa3af] mb-2\",onClick:c},\"\\u2190 \\u0421\\u043F\\u0438\\u0441\\u043E\\u043A \\u0431\\u044E\\u0434\\u0436\\u0435\\u0442\\u043E\\u0432\"),e.createElement(\"div\",{className:\"flex items-center gap-3 mb-3 flex-wrap\"},e.createElement(\"h2\",{className:\"text-xl font-bold text-[#22313f]\"},a.name),e.createElement(\"span\",{className:\"text-xs bg-slate-100 text-slate-600 rounded px-2 py-0.5\"},a.btype===\"bdds\"?\"\\u0411\\u0414\\u0414\\u0421\":\"\\u0411\\u0414\\u0420\"),e.createElement(\"span\",{className:\"text-xs bg-slate-100 text-slate-600 rounded px-2 py-0.5\"},\"\\u042F\\u043D\\u0432 '\",String(a.year).slice(2),\" \\u2014 \\u0434\\u0435\\u043A '\",String(a.year).slice(2)),e.createElement(\"span\",{className:\"text-xs bg-slate-100 text-slate-600 rounded px-2 py-0.5\"},\"RUB\"),a.project_name&&e.createElement(\"span\",{className:\"text-xs bg-teal-50 text-teal-700 rounded px-2 py-0.5\"},a.project_name),e.createElement(Q,{label:\"\\u0424\\u0430\\u043A\\u0442\",checked:g,onChange:m})),e.createElement(\"div\",{className:\"overflow-x-auto bg-white rounded-lg shadow-sm\"},e.createElement(\"table\",{className:\"text-sm min-w-full\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3 text-left sticky left-0 bg-white min-w-[210px]\"}),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0418\\u0442\\u043E\\u0433\\u043E\"),N.map(d=>e.createElement(\"th\",{key:d,className:\"p-2 text-right min-w-[90px]\"},R(d))))),e.createElement(\"tbody\",null,n.map(d=>{if(d.hdr)return e.createElement(\"tr\",{key:d.key,className:\"bg-slate-50\"},e.createElement(\"td\",{colSpan:14,className:\"p-2 pl-3 font-semibold text-[#22313f]\"},d.label));if(d.calc){let j=N.reduce((S,v)=>S+f(d.key,v),0);return e.createElement(\"tr\",{key:d.key,className:\"border-t border-gray-100 bg-slate-50 font-semibold\"},e.createElement(\"td\",{className:\"p-2 pl-3 sticky left-0 bg-slate-50 whitespace-nowrap\"},d.label),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap \"+(j<0?\"text-rose-600\":\"\")},j?A(j):\"\\u2014\"),N.map(S=>{let v=f(d.key,S);return e.createElement(\"td\",{key:S,className:\"p-2 text-right whitespace-nowrap \"+(v<0?\"text-rose-600\":\"\")},v?A(v):\"\\u2014\")}))}let k=ht(d.fkey||d.key,t.facts,o.categories),P=N.reduce((j,S)=>j+r(d.key,S),0);return e.createElement(\"tr\",{key:d.key,className:\"border-t border-gray-50\"},e.createElement(\"td\",{className:\"p-2 pl-5 text-gray-600 sticky left-0 bg-white whitespace-nowrap\"},d.label),e.createElement(\"td\",{className:\"p-2 text-right text-[#1e88e5] whitespace-nowrap font-medium\"},P?A(P):\"\\u2014\"),N.map(j=>e.createElement(\"td\",{key:j,className:\"p-1 text-right align-top\"},e.createElement(\"input\",{className:\"w-20 border border-transparent hover:border-gray-200 focus:border-[#2aa3af] rounded px-1 py-0.5 text-right text-xs text-[#1e88e5]\",defaultValue:r(d.key,j)||\"\",onBlur:S=>{let v=S.target.value;String(r(d.key,j)||\"\")!==v&&x(d.key,j,v)},placeholder:\"\\u2014\"}),g&&e.createElement(\"div\",{className:\"text-[10px] text-gray-400 pr-1\"},k[j]?A(k[j]):\"\"))))})))),e.createElement(\"div\",{className:\"text-xs text-gray-400 mt-2\"},\"\\u041F\\u043B\\u0430\\u043D \\u0432\\u0432\\u043E\\u0434\\u0438\\u0442\\u0441\\u044F \\u0432 \\u044F\\u0447\\u0435\\u0439\\u043A\\u0438 (\\u0441\\u0438\\u043D\\u0438\\u043C)\",g?\"; \\u0441\\u0435\\u0440\\u044B\\u043C \\u043F\\u043E\\u0434 \\u044F\\u0447\\u0435\\u0439\\u043A\\u043E\\u0439 \\u2014 \\u0444\\u0430\\u043A\\u0442 \\u043F\\u043E \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u044F\\u043C\":\"\",\".\"))}function tt({meta:s,btype:o}){let[c,i]=C(null),[t,p]=C(null),[g,m]=C(null),l=()=>{F(\"/budgets?type=\"+o).then(i)};if(W(()=>{p(null),l()},[o]),c===null)return e.createElement(\"div\",{className:\"text-gray-400 text-sm\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");if(t)return e.createElement(xt,{id:t,meta:s,btype:o,onBack:()=>{p(null),l()}});let a=async N=>{let h=await F(\"/budgets\",\"POST\",{...N,btype:o,project_id:Number(N.project_id)||null});m(null),p(h.id)};return c.length===0?e.createElement(\"div\",{className:\"text-center pt-20\"},e.createElement(\"div\",{className:\"text-xl font-bold text-[#37474f] mb-2\"},\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u0439\\u0442\\u0435 \",o===\"bdds\"?\"\\u0431\\u044E\\u0434\\u0436\\u0435\\u0442 \\u0434\\u0432\\u0438\\u0436\\u0435\\u043D\\u0438\\u044F \\u0434\\u0435\\u043D\\u0435\\u0433\":\"\\u0431\\u044E\\u0434\\u0436\\u0435\\u0442 \\u0434\\u043E\\u0445\\u043E\\u0434\\u043E\\u0432 \\u0438 \\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\\u043E\\u0432\"),e.createElement(\"div\",{className:\"text-sm text-gray-400 mb-4\"},\"\\u041F\\u043B\\u0430\\u043D\\u0438\\u0440\\u0443\\u0439\\u0442\\u0435 \",o===\"bdds\"?\"\\u043F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F \\u0438 \\u0432\\u044B\\u043F\\u043B\\u0430\\u0442\\u044B\":\"\\u0434\\u043E\\u0445\\u043E\\u0434\\u044B \\u0438 \\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\",\" \\u0432 \\u0432\\u0430\\u0448\\u0435\\u043C \\u0431\\u0438\\u0437\\u043D\\u0435\\u0441\\u0435.\",e.createElement(\"br\",null),\"\\u041E\\u0442\\u0441\\u043B\\u0435\\u0436\\u0438\\u0432\\u0430\\u0439\\u0442\\u0435 \\u0434\\u0438\\u043D\\u0430\\u043C\\u0438\\u043A\\u0443 \\u0438 \\u043E\\u0442\\u043A\\u043B\\u043E\\u043D\\u0435\\u043D\\u0438\\u0435 \\u043E\\u0442 \\u043F\\u043B\\u0430\\u043D\\u0430 \\u0432 \\u0440\\u0435\\u0436\\u0438\\u043C\\u0435 \\u0440\\u0435\\u0430\\u043B\\u044C\\u043D\\u043E\\u0433\\u043E \\u0432\\u0440\\u0435\\u043C\\u0435\\u043D\\u0438.\"),e.createElement(E,{onClick:()=>m({name:\"\",year:Z(),project_id:\"\"})},\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C\"),g&&e.createElement(st,{meta:s,modal:g,setModal:m,onCreate:a})):e.createElement(\"div\",null,e.createElement(\"div\",{className:\"mb-3\"},e.createElement(E,{onClick:()=>m({name:\"\",year:Z(),project_id:\"\"})},\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C\")),e.createElement(\"table\",{className:\"w-full text-sm bg-white rounded-lg shadow-sm\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3\"},\"\\u041D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435 \\u25BE\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0412\\u0430\\u043B\\u044E\\u0442\\u0430\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u041F\\u0435\\u0440\\u0438\\u043E\\u0434\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0414\\u0430\\u0442\\u0430 \\u0438\\u0437\\u043C\\u0435\\u043D\\u0435\\u043D\\u0438\\u044F\"),e.createElement(\"th\",{className:\"p-2\"}))),e.createElement(\"tbody\",null,c.map(N=>e.createElement(\"tr\",{key:N.id,className:\"border-t border-gray-50 hover:bg-slate-50 cursor-pointer\",onClick:()=>p(N.id)},e.createElement(\"td\",{className:\"p-2 pl-3 font-medium text-[#22313f]\"},N.name),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},\"RUB\"),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},N.project_name||\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},\"\\u042F\\u043D\\u0432 '\",String(N.year).slice(2),\" \\u2014 \\u0434\\u0435\\u043A '\",String(N.year).slice(2)),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},q(N.updated_at)),e.createElement(\"td\",{className:\"p-2 text-right\",onClick:h=>h.stopPropagation()},e.createElement(H,{icon:D.trash,danger:!0,onClick:async()=>{window.confirm(\"\\u0423\\u0434\\u0430\\u043B\\u0438\\u0442\\u044C \\u0431\\u044E\\u0434\\u0436\\u0435\\u0442?\")&&(await F(\"/budgets/\"+N.id,\"DELETE\"),l())}})))))),g&&e.createElement(st,{meta:s,modal:g,setModal:m,onCreate:a}))}function st({meta:s,modal:o,setModal:c,onCreate:i}){return e.createElement(X,{title:\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u043D\\u0438\\u0435 \\u0431\\u044E\\u0434\\u0436\\u0435\\u0442\\u0430\",onClose:()=>c(null)},e.createElement(M,{label:\"\\u041D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435 (\\u043D\\u0430\\u043F\\u0440\\u0438\\u043C\\u0435\\u0440: \\u041E\\u0442\\u0434\\u0435\\u043B \\u043F\\u0440\\u043E\\u0434\\u0430\\u0436)\"},e.createElement(B,{value:o.name,onChange:t=>c({...o,name:t.target.value})})),e.createElement(\"div\",{className:\"grid grid-cols-2 gap-x-4\"},e.createElement(M,{label:\"\\u0413\\u043E\\u0434\"},e.createElement(L,{value:o.year,onChange:t=>c({...o,year:t.target.value})},[0,1,-1].map(t=>{let p=String(Number(Z())+t);return e.createElement(\"option\",{key:p,value:p},p)}))),e.createElement(M,{label:\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442 (\\u043D\\u0435\\u043E\\u0431\\u044F\\u0437\\u0430\\u0442\\u0435\\u043B\\u044C\\u043D\\u043E)\"},e.createElement(L,{value:o.project_id,onChange:t=>c({...o,project_id:t.target.value})},e.createElement(\"option\",{value:\"\"},\"\\u0411\\u0435\\u0437 \\u043F\\u0440\\u043E\\u0435\\u043A\\u0442\\u0430\"),(s.projects||[]).map(t=>e.createElement(\"option\",{key:t.id,value:t.id},t.name))))),e.createElement(\"div\",{className:\"flex justify-end gap-2\"},e.createElement(E,{kind:\"ghost\",onClick:()=>c(null)},\"\\u041E\\u0442\\u043C\\u0435\\u043D\\u0430\"),e.createElement(E,{onClick:()=>{if(!o.name)return alert(\"\\u0423\\u043A\\u0430\\u0436\\u0438\\u0442\\u0435 \\u043D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435\");i(o)}},\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C\")))}function Se({tab:s,meta:o}){return e.createElement(\"div\",{className:\"p-6\"},e.createElement(ae,null,{cal:\"\\u041F\\u043B\\u0430\\u0442\\u0451\\u0436\\u043D\\u044B\\u0439 \\u043A\\u0430\\u043B\\u0435\\u043D\\u0434\\u0430\\u0440\\u044C\",bdr:\"\\u0411\\u044E\\u0434\\u0436\\u0435\\u0442 \\u0434\\u043E\\u0445\\u043E\\u0434\\u043E\\u0432 \\u0438 \\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\\u043E\\u0432\",bdds:\"\\u0411\\u044E\\u0434\\u0436\\u0435\\u0442 \\u0434\\u0432\\u0438\\u0436\\u0435\\u043D\\u0438\\u044F \\u0434\\u0435\\u043D\\u0435\\u0433\"}[s]),s===\"cal\"&&e.createElement(gt,null),s===\"bdr\"&&e.createElement(tt,{meta:o,btype:\"bdr\"}),s===\"bdds\"&&e.createElement(tt,{meta:o,btype:\"bdds\"}))}function bt({meta:s}){let[o,c]=C(Z()),[i,t]=C(null);if(W(()=>{F(`/report/cashflow?from=${o}-01-01&to=${o}-12-31`).then(t)},[o]),!i)return e.createElement(\"div\",{className:\"text-gray-400 text-sm\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");let p=ge(o),g={},m={};for(let n of i.by_category){let r=n.category_id?he(s.categories,n.category_id):null,f=r?\"c\"+r.id:\"none_\"+n.op_type;g[f]={name:r?r.name:\"\\u041D\\u0435\\u0440\\u0430\\u0441\\u043F\\u0440\\u0435\\u0434\\u0435\\u043B\\u0435\\u043D\\u043D\\u044B\\u0435\",kind:n.op_type},(m[f]=m[f]||{})[n.m]=(m[f][n.m]||0)+Number(n.s)}let l=n=>Object.entries(g).filter(([,r])=>r.kind===n),a=(n,r)=>l(n).reduce((f,[d])=>f+Number((m[d]||{})[r]||0),0),N={};for(let n of i.transfers)N[n.m]=Number(n.s);let h={};for(let n of i.net_by_month)h[n.m]=Number(n.net);let x=Object.keys(h).sort(),w=n=>{let r=Number(i.start_total||0);for(let f of x)f<=n&&(r+=h[f]);return r},u=({v:n,cls:r})=>e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap \"+(r||\"\")},n?A(n):\"\\u2014\");return e.createElement(\"div\",null,e.createElement(\"div\",{className:\"mb-3\"},e.createElement(ye,{value:o,onChange:c})),e.createElement(\"div\",{className:\"overflow-x-auto bg-white rounded-lg shadow-sm\"},e.createElement(\"table\",{className:\"text-sm min-w-full\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3 text-left sticky left-0 bg-white\"},\"\\u041F\\u043E \\u0441\\u0442\\u0430\\u0442\\u044C\\u044F\\u043C \\u0443\\u0447\\u0451\\u0442\\u0430\"),p.map(n=>e.createElement(\"th\",{key:n,className:\"p-2 text-right\"},R(n))),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0418\\u0442\\u043E\\u0433\\u043E\"))),e.createElement(\"tbody\",null,e.createElement(\"tr\",{className:\"bg-slate-50 font-semibold border-t border-gray-100\"},e.createElement(\"td\",{className:\"p-2 pl-3 sticky left-0 bg-slate-50\"},\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F\"),p.map(n=>e.createElement(u,{key:n,v:a(\"income\",n),cls:\"text-emerald-600\"})),e.createElement(u,{v:p.reduce((n,r)=>n+a(\"income\",r),0),cls:\"text-emerald-600\"})),l(\"income\").map(([n,r])=>e.createElement(\"tr\",{key:n,className:\"border-t border-gray-50\"},e.createElement(\"td\",{className:\"p-2 pl-6 text-gray-600 sticky left-0 bg-white\"},r.name),p.map(f=>e.createElement(u,{key:f,v:(m[n]||{})[f]})),e.createElement(u,{v:p.reduce((f,d)=>f+Number((m[n]||{})[d]||0),0)}))),e.createElement(\"tr\",{className:\"bg-slate-50 font-semibold border-t border-gray-100\"},e.createElement(\"td\",{className:\"p-2 pl-3 sticky left-0 bg-slate-50\"},\"\\u0412\\u044B\\u043F\\u043B\\u0430\\u0442\\u044B\"),p.map(n=>e.createElement(u,{key:n,v:a(\"expense\",n),cls:\"text-rose-500\"})),e.createElement(u,{v:p.reduce((n,r)=>n+a(\"expense\",r),0),cls:\"text-rose-500\"})),l(\"expense\").map(([n,r])=>e.createElement(\"tr\",{key:n,className:\"border-t border-gray-50\"},e.createElement(\"td\",{className:\"p-2 pl-6 text-gray-600 sticky left-0 bg-white\"},r.name),p.map(f=>e.createElement(u,{key:f,v:(m[n]||{})[f]})),e.createElement(u,{v:p.reduce((f,d)=>f+Number((m[n]||{})[d]||0),0)}))),e.createElement(\"tr\",{className:\"border-t border-gray-100\"},e.createElement(\"td\",{className:\"p-2 pl-3 text-gray-600 sticky left-0 bg-white\"},\"\\u041F\\u0435\\u0440\\u0435\\u043C\\u0435\\u0449\\u0435\\u043D\\u0438\\u044F\"),p.map(n=>e.createElement(u,{key:n,v:N[n],cls:\"text-gray-500\"})),e.createElement(u,{v:Object.values(N).reduce((n,r)=>n+r,0),cls:\"text-gray-500\"})),e.createElement(\"tr\",{className:\"bg-slate-100 font-bold border-t border-gray-200\"},e.createElement(\"td\",{className:\"p-2 pl-3 sticky left-0 bg-slate-100\"},\"\\u041E\\u0431\\u0449\\u0438\\u0439 \\u0434\\u0435\\u043D\\u0435\\u0436\\u043D\\u044B\\u0439 \\u043F\\u043E\\u0442\\u043E\\u043A\"),p.map(n=>{let r=a(\"income\",n)-a(\"expense\",n);return e.createElement(u,{key:n,v:r,cls:r<0?\"text-rose-600\":\"\"})}),(()=>{let n=p.reduce((r,f)=>r+a(\"income\",f)-a(\"expense\",f),0);return e.createElement(u,{v:n,cls:n<0?\"text-rose-600\":\"\"})})()),e.createElement(\"tr\",{className:\"font-semibold border-t border-gray-100\"},e.createElement(\"td\",{className:\"p-2 pl-3 sticky left-0 bg-white\"},\"\\u041E\\u0441\\u0442\\u0430\\u0442\\u043A\\u0438 \\u043D\\u0430 \\u043A\\u043E\\u043D\\u0435\\u0446 \\u043F\\u0435\\u0440\\u0438\\u043E\\u0434\\u0430\"),p.map(n=>e.createElement(u,{key:n,v:w(n)})),e.createElement(u,{v:w(p[11])}))))))}function vt(s,o){let c=(s?.name||\"\").toLowerCase();return o===\"income\"?c.includes(\"\\u043F\\u0440\\u043E\\u0447\\u0438\\u0435\")?\"oi\":\"rev\":c.includes(\"\\u043F\\u043E\\u0441\\u0442\\u043E\\u044F\\u043D\\u043D\\u044B\\u0435\")?\"fix\":c.includes(\"\\u043D\\u0430\\u043B\\u043E\\u0433\")?\"tax\":c.includes(\"\\u043A\\u0440\\u0435\\u0434\\u0438\\u0442\")||c.includes(\"\\u043E\\u0432\\u0435\\u0440\\u0434\\u0440\\u0430\\u0444\\u0442\")?\"int\":c.includes(\"\\u0434\\u0438\\u0432\\u0438\\u0434\\u0435\\u043D\\u0434\")?\"div\":c.includes(\"\\u043D\\u0435\\u0440\\u0430\\u0441\\u043F\\u0440\\u0435\\u0434\\u0435\\u043B\\u0435\\u043D\")||c.includes(\"\\u043F\\u0440\\u043E\\u0447\\u0438\\u0435\")?\"oe\":\"var\"}function ft({meta:s}){let[o,c]=C(Z()),[i,t]=C(\"accrual\"),[p,g]=C(null);if(W(()=>{F(`/report/cashflow?from=${o}-01-01&to=${o}-12-31`).then(g)},[o]),!p)return e.createElement(\"div\",{className:\"text-gray-400 text-sm\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");let m=ge(o),l={rev:{},oi:{},var:{},fix:{},tax:{},int:{},oe:{},div:{}};for(let r of p.by_category){let f=r.category_id?he(s.categories,r.category_id):null,d=vt(f,r.op_type);l[d][r.m]=(l[d][r.m]||0)+Number(r.s)}let a={};for(let r of p.shipments_by_month||[])a[r.m]=Number(r.s);let N=(r,f)=>Number(l[r][f]||0),h=r=>i===\"accrual\"&&Object.keys(a).length?a[r]||0:N(\"rev\",r),x=r=>{let f=h(r),d=N(\"var\",r),k=f-d,P=N(\"fix\",r),j=k-P,S=N(\"oi\",r),v=N(\"oe\",r),y=j+S-v,T=y,z=N(\"int\",r),U=T-z,V=N(\"tax\",r),ee=U-V;return{rev:f,var:d,marg:k,margP:f?k/f*100:0,fix:P,oper:j,operP:f?j/f*100:0,oi:S,oe:v,ebitda:y,ebitdaP:f?y/f*100:0,dep:0,ebit:T,ebitP:f?T/f*100:0,int:z,ebt:U,ebtP:f?U/f*100:0,tax:V,np:ee}},w={};for(let r of m){let f=x(r);for(let d in f)w[d]=(w[d]||0)+f[d]}for(let r of[\"margP\",\"operP\",\"ebitdaP\",\"ebitP\",\"ebtP\"])w[r]=w.rev?w[r.slice(0,-1)]/w.rev*100:0;let u=[[\"rev\",\"\\u0412\\u044B\\u0440\\u0443\\u0447\\u043A\\u0430\",\"\",!1],[\"var\",\"\\u041F\\u0435\\u0440\\u0435\\u043C\\u0435\\u043D\\u043D\\u044B\\u0435 \\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\",\"\",!1],[\"marg\",\"\\u041C\\u0430\\u0440\\u0436\\u0438\\u043D\\u0430\\u043B\\u044C\\u043D\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C\",\"font-semibold\",!1],[\"margP\",\"\\u041C\\u0430\\u0440\\u0436\\u0438\\u043D\\u0430\\u043B\\u044C\\u043D\\u043E\\u0441\\u0442\\u044C\",\"\",!0],[\"fix\",\"\\u041F\\u043E\\u0441\\u0442\\u043E\\u044F\\u043D\\u043D\\u044B\\u0435 \\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\",\"\",!1],[\"oper\",\"\\u041E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u043E\\u043D\\u043D\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C\",\"font-semibold\",!1],[\"operP\",\"\\u041E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u043E\\u043D\\u043D\\u0430\\u044F \\u0440\\u0435\\u043D\\u0442\\u0430\\u0431\\u0435\\u043B\\u044C\\u043D\\u043E\\u0441\\u0442\\u044C\",\"\",!0],[\"oi\",\"\\u041F\\u0440\\u043E\\u0447\\u0438\\u0435 \\u0434\\u043E\\u0445\\u043E\\u0434\\u044B\",\"\",!1],[\"oe\",\"\\u041F\\u0440\\u043E\\u0447\\u0438\\u0435 \\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\",\"\",!1],[\"ebitda\",\"EBITDA\",\"font-semibold\",!1],[\"ebitdaP\",\"\\u0420\\u0435\\u043D\\u0442\\u0430\\u0431\\u0435\\u043B\\u044C\\u043D\\u043E\\u0441\\u0442\\u044C \\u043F\\u043E EBITDA\",\"\",!0],[\"dep\",\"\\u0410\\u043C\\u043E\\u0440\\u0442\\u0438\\u0437\\u0430\\u0446\\u0438\\u044F\",\"\",!1],[\"ebit\",\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C \\u0434\\u043E \\u043F\\u0440\\u043E\\u0446\\u0435\\u043D\\u0442\\u043E\\u0432 \\u0438 \\u043D\\u0430\\u043B\\u043E\\u0433\\u043E\\u0432 (EBIT)\",\"font-semibold\",!1],[\"ebitP\",\"\\u0420\\u0435\\u043D\\u0442\\u0430\\u0431\\u0435\\u043B\\u044C\\u043D\\u043E\\u0441\\u0442\\u044C \\u043F\\u043E EBIT\",\"\",!0],[\"int\",\"\\u041F\\u0440\\u043E\\u0446\\u0435\\u043D\\u0442\\u044B \\u043F\\u043E \\u043A\\u0440\\u0435\\u0434\\u0438\\u0442\\u0430\\u043C \\u0438 \\u0437\\u0430\\u0439\\u043C\\u0430\\u043C\",\"\",!1],[\"ebt\",\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C \\u0434\\u043E \\u043D\\u0430\\u043B\\u043E\\u0433\\u043E\\u0432 (EBT)\",\"font-semibold\",!1],[\"ebtP\",\"\\u0420\\u0435\\u043D\\u0442\\u0430\\u0431\\u0435\\u043B\\u044C\\u043D\\u043E\\u0441\\u0442\\u044C \\u043F\\u043E EBT\",\"\",!0],[\"tax\",\"\\u041D\\u0430\\u043B\\u043E\\u0433 \\u043D\\u0430 \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C (\\u0434\\u043E\\u0445\\u043E\\u0434\\u044B)\",\"\",!1],[\"np\",\"\\u0427\\u0438\\u0441\\u0442\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C (\\u0443\\u0431\\u044B\\u0442\\u043E\\u043A)\",\"font-bold\",!1]],n=(r,f)=>f?r?r.toFixed(1)+\"%\":\"\\u2014\":r?A(r):\"\\u2014\";return e.createElement(\"div\",null,e.createElement(\"div\",{className:\"flex items-center gap-3 mb-3\"},e.createElement(ye,{value:o,onChange:c}),e.createElement(\"label\",{className:\"text-xs text-gray-400\"},\"\\u0423\\u0447\\u0435\\u0442\",e.createElement(\"br\",null),e.createElement(L,{value:i,onChange:r=>t(r.target.value),className:\"!w-44\"},e.createElement(\"option\",{value:\"accrual\"},\"\\u041C\\u0435\\u0442\\u043E\\u0434 \\u043D\\u0430\\u0447\\u0438\\u0441\\u043B\\u0435\\u043D\\u0438\\u044F\"),e.createElement(\"option\",{value:\"cash\"},\"\\u041A\\u0430\\u0441\\u0441\\u043E\\u0432\\u044B\\u0439 \\u043C\\u0435\\u0442\\u043E\\u0434\"))),e.createElement(\"div\",{className:\"text-xs text-gray-400\"},\"\\u043D\\u0430\\u0447\\u0438\\u0441\\u043B\\u0435\\u043D\\u0438\\u0435: \\u0432\\u044B\\u0440\\u0443\\u0447\\u043A\\u0430 \\u043F\\u043E \\u043E\\u0442\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u043C \\u0432 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0430\\u0445\")),e.createElement(\"div\",{className:\"overflow-x-auto bg-white rounded-lg shadow-sm\"},e.createElement(\"table\",{className:\"text-sm min-w-full\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3 text-left sticky left-0 bg-white\"},\"\\u041F\\u043E \\u0441\\u0442\\u0430\\u0442\\u044C\\u044F\\u043C \\u0443\\u0447\\u0435\\u0442\\u0430\"),m.map(r=>e.createElement(\"th\",{key:r,className:\"p-2 text-right\"},R(r))),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0418\\u0442\\u043E\\u0433\\u043E\"))),e.createElement(\"tbody\",null,u.map(([r,f,d,k])=>e.createElement(\"tr\",{key:r,className:\"border-t border-gray-50 \"+(d.includes(\"font\")?\"bg-slate-50\":\"\")},e.createElement(\"td\",{className:\"p-2 pl-3 sticky left-0 bg-inherit whitespace-nowrap \"+d},f),m.map(P=>{let j=x(P)[r];return e.createElement(\"td\",{key:P,className:\"p-2 text-right whitespace-nowrap \"+d+(j<0?\" text-rose-600\":\"\")},n(j,k))}),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap font-semibold \"+(w[r]<0?\"text-rose-600\":\"\")},n(w[r],k))))))))}function yt({meta:s}){let[o,c]=C(Z()),[i,t]=C(null);if(W(()=>{F(`/report/cashflow?from=${o}-01-01&to=${o}-12-31`).then(t)},[o]),!i)return e.createElement(\"div\",{className:\"text-gray-400 text-sm\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");let p=Y().slice(0,7),g=ge(o).filter(n=>n<=p).slice(-3),m={};for(let n of i.net_by_month)m[n.m]=Number(n.net);let l={};for(let n of i.shipments_by_month||[])l[n.m]=Number(n.s);let a={};for(let n of i.deal_income_by_month||[])a[n.m]=Number(n.s);let N=[...new Set([...Object.keys(m),...Object.keys(l),...Object.keys(a)])].sort(),h=n=>{let r=Number(i.start_total||0);for(let f of N)f<=n&&m[f]&&(r+=m[f]);return r},x=(n,r)=>N.reduce((f,d)=>d<=r&&n[d]?f+n[d]:f,0),w=n=>{let r=h(n),f=x(l,n),d=x(a,n),k=Math.max(0,f-d),P=Math.max(0,d-f),j=r+k,S=j-P;return{receivable:k,cash:r,assetsCur:j,assets:j,payable:P,shortTerm:P,capital:S,retained:S,liabilities:P+S}},u=({label:n,k:r,lvl:f=0,bold:d})=>e.createElement(\"tr\",{className:\"border-t border-gray-50 \"+(d?\"font-semibold bg-slate-50\":\"\")},e.createElement(\"td\",{className:\"p-2 whitespace-nowrap sticky left-0 bg-inherit\",style:{paddingLeft:12+f*16}},n),g.map(k=>{let P=w(k)[r];return e.createElement(\"td\",{key:k,className:\"p-2 text-right whitespace-nowrap \"+(P<0?\"text-rose-600\":\"\")},P?A(P):\"\\u2014\")}));return e.createElement(\"div\",null,e.createElement(\"div\",{className:\"flex items-center gap-3 mb-3\"},e.createElement(ye,{value:o,onChange:c}),e.createElement(\"div\",{className:\"text-xs text-gray-400\"},\"\\u0443\\u043F\\u0440\\u0430\\u0432\\u043B\\u0435\\u043D\\u0447\\u0435\\u0441\\u043A\\u0438\\u0439 \\u0431\\u0430\\u043B\\u0430\\u043D\\u0441 \\u043F\\u043E \\u0434\\u0430\\u043D\\u043D\\u044B\\u043C \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0439 \\u0438 \\u043E\\u0442\\u0433\\u0440\\u0443\\u0437\\u043E\\u043A (\\u043F\\u043E\\u0441\\u043B\\u0435\\u0434\\u043D\\u0438\\u0435 3 \\u043C\\u0435\\u0441\\u044F\\u0446\\u0430)\")),e.createElement(\"div\",{className:\"overflow-x-auto bg-white rounded-lg shadow-sm max-w-3xl\"},e.createElement(\"table\",{className:\"text-sm min-w-full\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3 text-left sticky left-0 bg-white\"},\"\\u0421\\u0442\\u0430\\u0442\\u044C\\u0438 \\u0431\\u0430\\u043B\\u0430\\u043D\\u0441\\u0430\"),g.map(n=>e.createElement(\"th\",{key:n,className:\"p-2 text-right min-w-[130px]\"},R(n))))),e.createElement(\"tbody\",null,e.createElement(\"tr\",{className:\"bg-slate-50 font-bold\"},e.createElement(\"td\",{colSpan:4,className:\"p-2 pl-3\"},\"\\u0410\\u043A\\u0442\\u0438\\u0432\\u044B\")),e.createElement(u,{label:\"\\u041E\\u0431\\u043E\\u0440\\u043E\\u0442\\u043D\\u044B\\u0435 \\u0430\\u043A\\u0442\\u0438\\u0432\\u044B\",k:\"assetsCur\",lvl:1,bold:!0}),e.createElement(u,{label:\"\\u0414\\u0435\\u0431\\u0438\\u0442\\u043E\\u0440\\u0441\\u043A\\u0430\\u044F \\u0437\\u0430\\u0434\\u043E\\u043B\\u0436\\u0435\\u043D\\u043D\\u043E\\u0441\\u0442\\u044C\",k:\"receivable\",lvl:2}),e.createElement(u,{label:\"\\u0414\\u0435\\u043D\\u0435\\u0436\\u043D\\u044B\\u0435 \\u0441\\u0440\\u0435\\u0434\\u0441\\u0442\\u0432\\u0430\",k:\"cash\",lvl:2}),e.createElement(u,{label:\"\\u0418\\u0422\\u041E\\u0413\\u041E \\u0410\\u041A\\u0422\\u0418\\u0412\\u042B\",k:\"assets\",bold:!0}),e.createElement(\"tr\",{className:\"bg-slate-50 font-bold\"},e.createElement(\"td\",{colSpan:4,className:\"p-2 pl-3\"},\"\\u041F\\u0430\\u0441\\u0441\\u0438\\u0432\\u044B\")),e.createElement(u,{label:\"\\u041A\\u0440\\u0430\\u0442\\u043A\\u043E\\u0441\\u0440\\u043E\\u0447\\u043D\\u044B\\u0435 \\u043E\\u0431\\u044F\\u0437\\u0430\\u0442\\u0435\\u043B\\u044C\\u0441\\u0442\\u0432\\u0430\",k:\"shortTerm\",lvl:1,bold:!0}),e.createElement(u,{label:\"\\u041A\\u0440\\u0435\\u0434\\u0438\\u0442\\u043E\\u0440\\u0441\\u043A\\u0430\\u044F \\u0437\\u0430\\u0434\\u043E\\u043B\\u0436\\u0435\\u043D\\u043D\\u043E\\u0441\\u0442\\u044C (\\u0430\\u0432\\u0430\\u043D\\u0441\\u044B)\",k:\"payable\",lvl:2}),e.createElement(u,{label:\"\\u041A\\u0430\\u043F\\u0438\\u0442\\u0430\\u043B\",k:\"capital\",lvl:1,bold:!0}),e.createElement(u,{label:\"\\u041D\\u0435\\u0440\\u0430\\u0441\\u043F\\u0440\\u0435\\u0434\\u0435\\u043B\\u0435\\u043D\\u043D\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C\",k:\"retained\",lvl:2}),e.createElement(u,{label:\"\\u0418\\u0422\\u041E\\u0413\\u041E \\u041F\\u0410\\u0421\\u0421\\u0418\\u0412\\u042B\",k:\"liabilities\",bold:!0})))))}function Te({tab:s,meta:o}){return e.createElement(\"div\",{className:\"p-6\"},e.createElement(ae,null,{dds:\"\\u041E\\u0442\\u0447\\u0451\\u0442 \\u043E \\u0434\\u0432\\u0438\\u0436\\u0435\\u043D\\u0438\\u0438 \\u0434\\u0435\\u043D\\u0435\\u0436\\u043D\\u044B\\u0445 \\u0441\\u0440\\u0435\\u0434\\u0441\\u0442\\u0432\",pl:\"\\u041E\\u0442\\u0447\\u0451\\u0442 \\u043E \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044F\\u0445 \\u0438 \\u0443\\u0431\\u044B\\u0442\\u043A\\u0430\\u0445\",bal:\"\\u0411\\u0430\\u043B\\u0430\\u043D\\u0441\\u043E\\u0432\\u044B\\u0439 \\u043E\\u0442\\u0447\\u0451\\u0442\"}[s]),s===\"dds\"&&e.createElement(bt,{meta:o}),s===\"pl\"&&e.createElement(ft,{meta:o}),s===\"bal\"&&e.createElement(yt,{meta:o}))}var Nt={contractors:\"\\u041A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442\\u044B\",categories:\"\\u0423\\u0447\\u0451\\u0442\\u043D\\u044B\\u0435 \\u0441\\u0442\\u0430\\u0442\\u044C\\u0438\",accounts:\"\\u041C\\u043E\\u0438 \\u0441\\u0447\\u0435\\u0442\\u0430\",les:\"\\u041C\\u043E\\u0438 \\u044E\\u0440\\u043B\\u0438\\u0446\\u0430\",products:\"\\u0422\\u043E\\u0432\\u0430\\u0440\\u044B\",services:\"\\u0423\\u0441\\u043B\\u0443\\u0433\\u0438\"};function pe({tab:s,meta:o,refreshMeta:c}){let[i,t]=C(null),p=async(a,N)=>{if(!window.confirm(\"\\u0423\\u0434\\u0430\\u043B\\u0438\\u0442\\u044C?\"))return;let h=await F(`/${a}/${N}`,\"DELETE\");h.error?alert(h.error):c()},g=Object.fromEntries((o.legal_entities||[]).map(a=>[a.id,a.name])),m=(o.products||[]).filter(a=>s===\"products\"?a.ptype===\"product\":a.ptype===\"service\"),l={contractors:{type:\"contractors\"},categories:{type:\"categories\"},accounts:{type:\"accounts\"},les:{type:\"legal-entities\"},products:{type:\"products\",data0:{ptype:\"product\"}},services:{type:\"products\",data0:{ptype:\"service\"}}};return e.createElement(\"div\",{className:\"p-6\"},e.createElement(ae,{right:e.createElement(E,{onClick:()=>t(l[s])},\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C\")},Nt[s]),s===\"accounts\"&&e.createElement(\"table\",{className:\"w-full text-sm bg-white rounded-lg shadow-sm\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3\"},\"\\u041D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u042E\\u0440\\u043B\\u0438\\u0446\\u043E\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0413\\u0440\\u0443\\u043F\\u043F\\u0430\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0422\\u0438\\u043F\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0411\\u0430\\u043D\\u043A\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u041D\\u0430\\u0447\\u0430\\u043B\\u044C\\u043D\\u044B\\u0439 \\u043E\\u0441\\u0442\\u0430\\u0442\\u043E\\u043A\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0422\\u0435\\u043A\\u0443\\u0449\\u0438\\u0439 \\u043E\\u0441\\u0442\\u0430\\u0442\\u043E\\u043A\"),e.createElement(\"th\",{className:\"p-2\"}))),e.createElement(\"tbody\",null,o.accounts.map(a=>e.createElement(\"tr\",{key:a.id,className:\"border-t border-gray-50 \"+(a.active?\"\":\"opacity-40\")},e.createElement(\"td\",{className:\"p-2 pl-3 font-medium text-[#22313f]\"},a.name),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},g[a.legal_entity_id]||\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},a.grp||\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},a.acc_type),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},a.bank||\"\\u2014\",e.createElement(\"div\",{className:\"text-xs text-gray-400\"},a.number)),e.createElement(\"td\",{className:\"p-2 text-right text-gray-600 whitespace-nowrap\"},O(a.start_balance),e.createElement(\"div\",{className:\"text-xs text-gray-400\"},q(a.start_date))),e.createElement(\"td\",{className:\"p-2 text-right font-medium whitespace-nowrap \"+(a.balance<0?\"text-rose-600\":\"text-[#22313f]\")},O(a.balance)),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},e.createElement(H,{icon:D.edit,onClick:()=>t({type:\"accounts\",data:a})}),e.createElement(H,{icon:D.trash,danger:!0,onClick:()=>p(\"accounts\",a.id)}))))),e.createElement(\"tfoot\",null,e.createElement(\"tr\",{className:\"border-t border-gray-100 font-semibold\"},e.createElement(\"td\",{className:\"p-2 pl-3\",colSpan:6},o.accounts.length,\" \\u0441\\u0447\\u0435\\u0442\\u043E\\u0432 \\xB7 \\u0422\\u0435\\u043A\\u0443\\u0449\\u0438\\u0439 \\u043E\\u0441\\u0442\\u0430\\u0442\\u043E\\u043A:\"),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},O(o.total_balance)),e.createElement(\"td\",null)))),s===\"contractors\"&&e.createElement(wt,{meta:o,onEdit:a=>t({type:\"contractors\",data:a}),onDel:a=>p(\"contractors\",a)}),s===\"categories\"&&e.createElement(kt,{meta:o,onEdit:a=>t({type:\"categories\",data:a}),onDel:a=>p(\"categories\",a)}),s===\"les\"&&e.createElement(\"table\",{className:\"w-full text-sm bg-white rounded-lg shadow-sm max-w-3xl\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3\"},\"\\u041D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0418\\u041D\\u041D\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0421\\u0447\\u0435\\u0442\\u043E\\u0432\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u041A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0439\"),e.createElement(\"th\",{className:\"p-2\"}))),e.createElement(\"tbody\",null,(o.legal_entities||[]).map(a=>e.createElement(\"tr\",{key:a.id,className:\"border-t border-gray-50\"},e.createElement(\"td\",{className:\"p-2 pl-3 font-medium text-[#22313f]\"},a.name),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},a.inn||\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},o.accounts.filter(N=>N.legal_entity_id===a.id).length),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},a.comment||\"\"),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},e.createElement(H,{icon:D.edit,onClick:()=>t({type:\"legal-entities\",data:a})}),e.createElement(H,{icon:D.trash,danger:!0,onClick:()=>p(\"legal-entities\",a.id)})))))),(s===\"products\"||s===\"services\")&&e.createElement(\"table\",{className:\"w-full text-sm bg-white rounded-lg shadow-sm max-w-3xl\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3\"},\"\\u041D\\u0430\\u0438\\u043C\\u0435\\u043D\\u043E\\u0432\\u0430\\u043D\\u0438\\u0435\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0415\\u0434\\u0438\\u043D\\u0438\\u0446\\u0430\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0426\\u0435\\u043D\\u0430, \\u20BD\"),e.createElement(\"th\",{className:\"p-2\"}))),e.createElement(\"tbody\",null,m.map(a=>e.createElement(\"tr\",{key:a.id,className:\"border-t border-gray-50\"},e.createElement(\"td\",{className:\"p-2 pl-3 font-medium text-[#22313f]\"},a.name),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},a.unit),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},Number(a.price)?O(a.price):\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},e.createElement(H,{icon:D.edit,onClick:()=>t({type:\"products\",data:a})}),e.createElement(H,{icon:D.trash,danger:!0,onClick:()=>p(\"products\",a.id)})))),m.length===0&&e.createElement(\"tr\",null,e.createElement(\"td\",{colSpan:4,className:\"p-6 text-center text-gray-400\"},\"\\u041F\\u043E\\u043A\\u0430 \\u043F\\u0443\\u0441\\u0442\\u043E \\u2014 \\u043D\\u0430\\u0436\\u043C\\u0438\\u0442\\u0435 \\xAB\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C\\xBB\")))),i&&e.createElement(_t,{modal:i,meta:o,onClose:()=>t(null),onSaved:c}))}function wt({meta:s,onEdit:o,onDel:c}){let[i,t]=C([]);W(()=>{F(\"/contractors/stats\").then(t)},[s.contractors]);let p=l=>{let a=Number(l.income),N=Number(l.expense);return a&&N?\"\\u0421\\u043C\\u0435\\u0448\\u0430\\u043D\\u043D\\u044B\\u0439\":a?\"\\u041F\\u043B\\u0430\\u0442\\u0435\\u043B\\u044C\\u0449\\u0438\\u043A\":N?\"\\u041F\\u043E\\u043B\\u0443\\u0447\\u0430\\u0442\\u0435\\u043B\\u044C\":\"\\u2014\"},g=i.reduce((l,a)=>l+Number(a.income),0),m=i.reduce((l,a)=>l+Number(a.expense),0);return e.createElement(\"div\",null,e.createElement(\"table\",{className:\"w-full text-sm bg-white rounded-lg shadow-sm\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3\"},\"\\u041A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442 \\u25B4\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0422\\u0438\\u043F\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0413\\u0440\\u0443\\u043F\\u043F\\u0430\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0418\\u041D\\u041D\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u041E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0439\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F, \\u20BD\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0412\\u044B\\u043F\\u043B\\u0430\\u0442\\u044B, \\u20BD\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0420\\u0430\\u0437\\u043D\\u0438\\u0446\\u0430, \\u20BD\"),e.createElement(\"th\",{className:\"p-2\"}))),e.createElement(\"tbody\",null,i.map(l=>{let a=Number(l.income)-Number(l.expense);return e.createElement(\"tr\",{key:l.id,className:\"border-t border-gray-50 hover:bg-slate-50\"},e.createElement(\"td\",{className:\"p-2 pl-3 font-medium text-[#22313f]\"},l.name),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},p(l)),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},l.grp||\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},l.inn||\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-right text-gray-600\"},l.n),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},Number(l.income)?O(l.income):\"0.00\"),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},Number(l.expense)?O(l.expense):\"0.00\"),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap font-medium \"+(a>0?\"text-emerald-600\":a<0?\"text-rose-500\":\"text-gray-500\")},a>0?\"+\":\"\",O(a)),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},e.createElement(H,{icon:D.edit,onClick:()=>o(s.contractors.find(N=>N.id===l.id)||l)}),e.createElement(H,{icon:D.trash,danger:!0,onClick:()=>c(l.id)})))}))),e.createElement(\"div\",{className:\"text-xs text-gray-500 mt-2 flex gap-4\"},e.createElement(\"span\",null,i.length,\" \\u043A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442\\u043E\\u0432\"),e.createElement(\"span\",null,\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F: \",e.createElement(\"b\",null,O(g))),e.createElement(\"span\",null,\"\\u0412\\u044B\\u043F\\u043B\\u0430\\u0442\\u044B: \",e.createElement(\"b\",null,O(m))),e.createElement(\"span\",null,\"\\u0420\\u0430\\u0437\\u043D\\u0438\\u0446\\u0430: \",e.createElement(\"b\",{className:g-m>=0?\"text-emerald-600\":\"text-rose-500\"},g-m>=0?\"+\":\"\",O(g-m)))))}function kt({meta:s,onEdit:o,onDel:c}){let[i,t]=C(\"income\"),p=de(s.categories,i);return e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4 max-w-2xl\"},e.createElement(me,{tabs:[[\"income\",\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B\"],[\"expense\",\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\"]],value:i,onChange:t}),e.createElement(\"div\",{className:\"mt-3\"}),p.map(g=>e.createElement(\"div\",{key:g.id,className:\"flex items-center justify-between py-1.5 border-b border-gray-50 text-sm\",style:{paddingLeft:g.depth*20}},e.createElement(\"span\",{className:g.depth===0?\"font-medium text-[#22313f]\":\"text-gray-600\"},g.name),e.createElement(\"span\",{className:\"whitespace-nowrap\"},e.createElement(H,{icon:D.edit,onClick:()=>o(g)}),e.createElement(H,{icon:D.trash,danger:!0,onClick:()=>c(g.id)})))))}function _t({modal:s,meta:o,onClose:c,onSaved:i}){let{type:t,data:p,data0:g}=s,[m,l]=C(p||(t===\"accounts\"?{name:\"\",acc_type:\"\\u0411\\u0435\\u0437\\u043D\\u0430\\u043B\\u0438\\u0447\\u043D\\u044B\\u0439\",bank:\"\",number:\"\",grp:\"\",start_balance:\"\",start_date:Y(),legal_entity_id:(o.legal_entities[0]||{}).id||\"\"}:t===\"contractors\"?{name:\"\",grp:\"\",inn:\"\",comment:\"\"}:t===\"legal-entities\"?{name:\"\",inn:\"\",comment:\"\"}:t===\"products\"?{name:\"\",ptype:(g||{}).ptype||\"service\",unit:\"\\u0448\\u0442\",price:\"\"}:{name:\"\",kind:\"income\",parent_id:\"\"})),a=(x,w)=>l(u=>({...u,[x]:w})),N=async()=>{if(!m.name)return alert(\"\\u0423\\u043A\\u0430\\u0436\\u0438\\u0442\\u0435 \\u043D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435\");let x=\"/\"+t+(m.id?\"/\"+m.id:\"\"),w=await F(x,m.id?\"PUT\":\"POST\",{...m,parent_id:m.parent_id?Number(m.parent_id):null,active:m.active!==0});if(w.error)return a",[],[145,196],"15e14667-39c7-4ff0-b5cc-a522a01fac55","app.part1.txt","14f5557a-9d40-11f1-a464-1607ee4eb77e",29,["D",1787307484015],"import{createRoot as Ct}from\"https://esm.sh/react-dom@18.2.0/client\";import e,{useEffect as W,useMemo as Pt,useState as C}from\"https://esm.sh/react@18.2.0\";var je=\"ufin_pin\",Oe=()=>{try{return localStorage.getItem(je)||\"\"}catch{return\"\"}},ce=s=>{try{s?localStorage.setItem(je,s):localStorage.removeItem(je)}catch{}},We=()=>{},qe=s=>{We=s};async function F(s,o=\"GET\",c){let i=await fetch(\"/api\"+s,{method:o,headers:{\"content-type\":\"application/json\",\"x-pin\":Oe()},body:c===void 0?void 0:JSON.stringify(c)});if(i.status===401&&s!==\"/login\")throw We(),new Error(\"unauthorized\");return i.json()}var O=s=>new Intl.NumberFormat(\"ru-RU\",{maximumFractionDigits:2}).format(s||0)+\" \\u20BD\",A=s=>new Intl.NumberFormat(\"ru-RU\",{maximumFractionDigits:0}).format(s||0)+\" \\u20BD\";var Ee=s=>(s=s||0,Math.abs(s)>=1e6?(s/1e6).toLocaleString(\"ru-RU\",{maximumFractionDigits:1})+\" \\u043C\\u043B\\u043D\":Math.abs(s)>=1e3?(s/1e3).toLocaleString(\"ru-RU\",{maximumFractionDigits:0})+\" \\u0442\\u044B\\u0441\":String(Math.round(s))),Y=()=>new Date().toISOString().slice(0,10),Z=()=>Y().slice(0,4),q=s=>s?s.slice(0,10).split(\"-\").reverse().join(\".\"):\"\\u2014\",it=[\"\\u042F\\u043D\\u0432\\u0430\\u0440\\u044C\",\"\\u0424\\u0435\\u0432\\u0440\\u0430\\u043B\\u044C\",\"\\u041C\\u0430\\u0440\\u0442\",\"\\u0410\\u043F\\u0440\\u0435\\u043B\\u044C\",\"\\u041C\\u0430\\u0439\",\"\\u0418\\u044E\\u043D\\u044C\",\"\\u0418\\u044E\\u043B\\u044C\",\"\\u0410\\u0432\\u0433\\u0443\\u0441\\u0442\",\"\\u0421\\u0435\\u043D\\u0442\\u044F\\u0431\\u0440\\u044C\",\"\\u041E\\u043A\\u0442\\u044F\\u0431\\u0440\\u044C\",\"\\u041D\\u043E\\u044F\\u0431\\u0440\\u044C\",\"\\u0414\\u0435\\u043A\\u0430\\u0431\\u0440\\u044C\"],R=s=>{let[o,c]=s.split(\"-\");return it[Number(c)-1].slice(0,3).toLowerCase()+\" '\"+o.slice(2)},ge=s=>Array.from({length:12},(o,c)=>`${s}-${String(c+1).padStart(2,\"0\")}`),re={work:{label:\"\\u0412 \\u0440\\u0430\\u0431\\u043E\\u0442\\u0435\",cls:\"bg-sky-100 text-sky-700\"},nuance:{label:\"\\u041D\\u044E\\u0430\\u043D\\u0441\\u044B\",cls:\"bg-amber-100 text-amber-700\"},done:{label:\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0430 \\u0437\\u0430\\u0432\\u0435\\u0440\\u0448\\u0435\\u043D\\u0430\",cls:\"bg-emerald-100 text-emerald-700\"},fail:{label:\"\\u0421\\u043E\\u0440\\u0432\\u0430\\u043B\\u0430\\u0441\\u044C\",cls:\"bg-rose-100 text-rose-700\"}},ie={dark:\"#22313f\",darker:\"#1b2735\",teal:\"#2aa3af\",tealD:\"#238e99\",green:\"#27ae60\",red:\"#e74c3c\",amber:\"#f2c94c\"};function de(s,o){let c={};for(let p of s.filter(g=>g.kind===o)){let g=p.parent_id||0;(c[g]=c[g]||[]).push(p)}let i=[],t=(p,g)=>{for(let m of c[p]||[])i.push({...m,depth:g}),t(m.id,g+1)};return t(0,0),i}function he(s,o){let c={};for(let t of s)c[t.id]=t;let i=c[o];for(;i&&i.parent_id;)i=c[i.parent_id];return i||null}var G=(s,o=null)=>c=>e.createElement(\"svg\",{viewBox:\"0 0 24 24\",width:c.size||20,height:c.size||20,fill:\"none\",stroke:\"currentColor\",strokeWidth:\"1.8\",strokeLinecap:\"round\",strokeLinejoin:\"round\"},e.createElement(\"path\",{d:s}),o),D={chart:G(\"M4 20V10 M10 20V4 M16 20v-7 M22 20H2\"),ops:G(\"M4 7h13l-3-3 M20 17H7l3 3\"),deals:G(\"M3 8h18v12H3z M8 8V5a2 2 0 012-2h4a2 2 0 012 2v3 M3 13h18\"),plan:G(\"M5 4h14a1 1 0 011 1v15a1 1 0 01-1 1H5a1 1 0 01-1-1V5a1 1 0 011-1z M4 9h16 M9 2v4 M15 2v4 M8 14l2.5 2.5L16 11\"),projects:G(\"M3 6a1 1 0 011-1h5l2 2h9a1 1 0 011 1v11a1 1 0 01-1 1H4a1 1 0 01-1-1V6z\"),reports:G(\"M7 3h10a1 1 0 011 1v16a1 1 0 01-1 1H7a1 1 0 01-1-1V4a1 1 0 011-1z M9 8h6 M9 12h6 M9 16h4\"),refs:G(\"M4 4h5a2 2 0 012 2v14H6a2 2 0 01-2-2V4z M20 4h-5a2 2 0 00-2 2v14h5a2 2 0 002-2V4z\"),settings:G(\"M12 9a3 3 0 100 6 3 3 0 000-6z M19 12a7 7 0 00-.1-1.2l2-1.5-2-3.5-2.4 1a7 7 0 00-2-1.2L14 3h-4l-.4 2.6a7 7 0 00-2 1.2l-2.5-1-2 3.5 2 1.5A7 7 0 005 12a7 7 0 00.1 1.2l-2 1.5 2 3.5 2.4-1a7 7 0 002 1.2L10 21h4l.4-2.6a7 7 0 002-1.2l2.5 1 2-3.5-2-1.5A7 7 0 0019 12z\"),arrowIn:G(\"M20 12H4 M10 6l-6 6 6 6\"),arrowOut:G(\"M4 12h16 M14 6l6 6-6 6\"),swap:G(\"M4 7h13l-3-3 M20 17H7l3 3\"),x:G(\"M6 6l12 12 M18 6L6 18\"),edit:G(\"M4 20h4L19 9l-4-4L4 16v4z\"),trash:G(\"M4 7h16 M9 7V5a1 1 0 011-1h4a1 1 0 011 1v2 M6 7l1 13h10l1-13 M10 11v5 M14 11v5\"),plus:G(\"M12 5v14 M5 12h14\")};function X({title:s,onClose:o,children:c,wide:i}){return e.createElement(\"div\",{className:\"fixed inset-0 bg-black/40 flex items-start justify-center z-50 overflow-y-auto py-10\",onClick:o},e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-xl w-full \"+(i?\"max-w-3xl\":\"max-w-lg\"),onClick:t=>t.stopPropagation()},e.createElement(\"div\",{className:\"flex items-center justify-between px-5 py-3 border-b border-gray-100\"},e.createElement(\"div\",{className:\"font-semibold text-gray-800\"},s),e.createElement(\"button\",{className:\"text-gray-400 hover:text-gray-600 text-xl leading-none\",onClick:o},\"\\xD7\")),e.createElement(\"div\",{className:\"p-5\"},c)))}function M({label:s,children:o}){return e.createElement(\"label\",{className:\"block mb-3\"},e.createElement(\"div\",{className:\"text-xs text-gray-500 mb-1\"},s),o)}var Ve=\"w-full border border-gray-200 rounded px-3 py-2 text-sm focus:border-[#2aa3af]\";function B(s){return e.createElement(\"input\",{...s,className:Ve+\" \"+(s.className||\"\")})}function L(s){return e.createElement(\"select\",{...s,className:Ve+\" bg-white \"+(s.className||\"\")})}function Q({label:s,checked:o,onChange:c}){return e.createElement(\"label\",{className:\"flex items-center gap-2 text-sm text-gray-700 py-0.5 cursor-pointer select-none\"},e.createElement(\"input\",{type:\"checkbox\",checked:o,onChange:i=>c(i.target.checked),className:\"accent-[#2aa3af]\"}),s)}function E({children:s,onClick:o,kind:c=\"primary\",small:i,type:t}){let p=(i?\"px-3 py-1.5 text-xs\":\"px-4 py-2 text-sm\")+\" rounded font-medium transition-colors \";return e.createElement(\"button\",{type:t||\"button\",onClick:o,className:p+(c===\"primary\"?\"text-white bg-[#2aa3af] hover:bg-[#238e99]\":c===\"dark\"?\"text-white bg-[#22313f] hover:bg-[#1b2735]\":c===\"danger\"?\"bg-rose-50 text-rose-600 hover:bg-rose-100\":\"bg-white border border-gray-200 text-gray-700 hover:bg-gray-50\")},s)}function H({icon:s,onClick:o,danger:c,title:i}){return e.createElement(\"button\",{title:i,onClick:o,className:\"p-1 rounded text-gray-300 \"+(c?\"hover:text-rose-500\":\"hover:text-gray-500\")},e.createElement(s,{size:15}))}function ae({children:s,right:o}){return e.createElement(\"div\",{className:\"flex items-center gap-3 mb-4 flex-wrap\"},e.createElement(\"h1\",{className:\"text-[22px] font-bold text-[#22313f]\"},s),o)}function me({tabs:s,value:o,onChange:c}){return e.createElement(\"div\",{className:\"inline-flex border border-gray-200 rounded overflow-hidden bg-white\"},s.map(([i,t])=>e.createElement(\"button\",{key:i,onClick:()=>c(i),className:\"px-4 py-1.5 text-sm border-r border-gray-200 last:border-0 \"+(o===i?\"text-[#2aa3af] font-semibold bg-teal-50/40\":\"text-gray-600 hover:bg-gray-50\")},t)))}function ye({value:s,onChange:o}){return e.createElement(L,{value:s,onChange:c=>o(c.target.value),className:\"!w-28\"},[0,1,2].map(c=>{let i=String(Number(Z())-c);return e.createElement(\"option\",{key:i,value:i},i)}))}var I={blue:\"#4FC3F7\",orange:\"#FFB74D\",green:\"#43A047\",purple:\"#AB47BC\",areaFill:\"#C8E6C9\",grid:\"#eceff1\",axis:\"#90a4ae\"};function Ne({data:s,bars:o,lines:c,height:i=260,labelKey:t=\"label\"}){let p=Math.max(680,s.length*110),g=i,m=56,l=34,a=12,N=s.flatMap(d=>[...o.map(k=>Number(d[k.key]||0)),...c.map(k=>Number(d[k.key]||0))]),h=Math.max(1,...N),x=Math.min(0,...N),w=h-x||1,u=d=>a+(g-l-a)*(1-(d-x)/w),n=Math.min(34,(p-m)/Math.max(1,s.length)/(o.length+1.2)),r=d=>m+(p-m)/Math.max(1,s.length)*(d+.5),f=[];for(let d=0;d<=4;d++)f.push(x+w*d/4);return e.createElement(\"svg\",{viewBox:`0 0 ${p} ${g}`,className:\"w-full\",style:{maxHeight:g}},f.map((d,k)=>e.createElement(\"g\",{key:k},e.createElement(\"line\",{x1:m,x2:p-4,y1:u(d),y2:u(d),stroke:I.grid}),e.createElement(\"text\",{x:m-6,y:u(d)+3,textAnchor:\"end\",fontSize:\"10\",fill:I.axis},Ee(d)))),s.map((d,k)=>e.createElement(\"g\",{key:k},o.map((P,j)=>{let S=Number(d[P.key]||0),v=r(k)-o.length*n/2+j*n;return e.createElement(\"rect\",{key:P.key,x:v,y:Math.min(u(0),u(S)),width:n-2,height:Math.abs(u(S)-u(0))||1,fill:P.color,rx:\"1.5\"})}),e.createElement(\"text\",{x:r(k),y:g-l+16,textAnchor:\"middle\",fontSize:\"11\",fill:I.axis},d[t]))),c.map(d=>e.createElement(\"g\",{key:d.key},e.createElement(\"polyline\",{fill:\"none\",stroke:d.color,strokeWidth:\"2\",points:s.map((k,P)=>`${r(P)},${u(Number(k[d.key]||0))}`).join(\" \")}),s.map((k,P)=>e.createElement(\"circle\",{key:P,cx:r(P),cy:u(Number(k[d.key]||0)),r:\"3\",fill:d.color})))))}function le({items:s}){return e.createElement(\"div\",{className:\"flex gap-5 text-xs text-gray-600 mt-1 flex-wrap justify-center\"},s.map(([o,c,i])=>e.createElement(\"span\",{key:o,className:\"flex items-center gap-1.5\"},i?e.createElement(\"span\",{className:\"inline-block w-4 h-0.5 rounded\",style:{background:c}}):e.createElement(\"span\",{className:\"inline-block w-3 h-3 rounded-sm\",style:{background:c}}),o)))}function Ie({points:s,height:o=240}){let i=o,t=64,p=26,g=8;if(!s.length)return e.createElement(\"div\",{className:\"text-gray-400 text-sm py-8 text-center\"},\"\\u041D\\u0435\\u0442 \\u0434\\u0430\\u043D\\u043D\\u044B\\u0445\");let m=s.map(r=>r.b),l=Math.max(...m,1),a=Math.min(...m,0),N=l-a||1,h=r=>t+(900-t-8)*r/Math.max(1,s.length-1),x=r=>g+(i-p-g)*(1-(r-a)/N),w=[];for(let r=0;r<=4;r++)w.push(a+N*r/4);let u=s.map((r,f)=>`${h(f)},${x(r.b)}`).join(\" \"),n=Math.max(1,Math.floor(s.length/8));return e.createElement(\"svg\",{viewBox:`0 0 900 ${i}`,className:\"w-full\",style:{maxHeight:i}},w.map((r,f)=>e.createElement(\"g\",{key:f},e.createElement(\"line\",{x1:t,x2:896,y1:x(r),y2:x(r),stroke:I.grid}),e.createElement(\"text\",{x:t-6,y:x(r)+3,textAnchor:\"end\",fontSize:\"10\",fill:I.axis},Ee(r)))),e.createElement(\"polygon\",{points:`${h(0)},${x(Math.max(a,0))} ${u} ${h(s.length-1)},${x(Math.max(a,0))}`,fill:I.areaFill,opacity:\"0.7\"}),e.createElement(\"polyline\",{fill:\"none\",stroke:I.green,strokeWidth:\"2\",points:u}),s.map((r,f)=>f%n===0?e.createElement(\"text\",{key:f,x:h(f),y:i-p+15,textAnchor:\"middle\",fontSize:\"9.5\",fill:I.axis},q(r.d).slice(0,5)):null))}var oe=[\"#42A5F5\",\"#1E4B8F\",\"#2C6BC9\",\"#7EC8F5\",\"#0D2F63\",\"#5B9BD5\",\"#9AD1F5\",\"#3F7FBF\"];function Ye({parts:s,size:o=190}){let c=s.reduce((m,l)=>m+l.value,0)||1,i=o/2,t=i*.55,p=-Math.PI/2,g=s.map((m,l)=>{let a=p+m.value/c*Math.PI*2,N=a-p>Math.PI?1:0,h=`M ${i+i*Math.cos(p)} ${i+i*Math.sin(p)} A ${i} ${i} 0 ${N} 1 ${i+i*Math.cos(a)} ${i+i*Math.sin(a)} L ${i+t*Math.cos(a)} ${i+t*Math.sin(a)} A ${t} ${t} 0 ${N} 0 ${i+t*Math.cos(p)} ${i+t*Math.sin(p)} Z`;return p=a,e.createElement(\"path\",{key:l,d:h,fill:m.color||oe[l%oe.length],stroke:\"#fff\",strokeWidth:\"1\"})});return e.createElement(\"svg\",{width:o,height:o,viewBox:`0 0 ${o} ${o}`},g)}function $e({rows:s,height:o=300,threshold:c=.8,showLine:i=!0,barColor:t=null}){let p=Math.max(700,s.length*64),g=o,m=56,l=90,a=10,N=44;if(!s.length)return e.createElement(\"div\",{className:\"text-gray-400 text-sm py-8 text-center\"},\"\\u041D\\u0435\\u0442 \\u0434\\u0430\\u043D\\u043D\\u044B\\u0445\");let h=s.reduce((k,P)=>k+P.value,0)||1,x=Math.max(...s.map(k=>k.value),1),w=k=>a+(g-l-a)*(1-k/x),u=k=>a+(g-l-a)*(1-k),n=k=>m+(p-m-N)/s.length*(k+.5),r=Math.min(36,(p-m-N)/s.length-10),f=0,d=s.map(k=>(f+=k.value)/h);return e.createElement(\"svg\",{viewBox:`0 0 ${p} ${g}`,className:\"w-full\",style:{maxHeight:g}},[0,.25,.5,.75,1].map((k,P)=>e.createElement(\"g\",{key:P},e.createElement(\"line\",{x1:m,x2:p-N,y1:u(k),y2:u(k),stroke:I.grid}),e.createElement(\"text\",{x:p-N+4,y:u(k)+3,fontSize:\"10\",fill:I.axis},Math.round(k*100),\"%\"),e.createElement(\"text\",{x:m-6,y:u(k)+3,textAnchor:\"end\",fontSize:\"10\",fill:I.axis},Ee(x*k)))),s.map((k,P)=>e.createElement(\"g\",{key:P},e.createElement(\"rect\",{x:n(P)-r/2,y:w(Math.max(0,k.value)),width:r,height:Math.abs(g-l-w(Math.max(0,k.value)))||1,fill:t||(d[P]<=c?I.blue:I.purple),rx:\"2\"}),e.createElement(\"text\",{x:n(P),y:g-l+10,textAnchor:\"end\",fontSize:\"9\",fill:\"#546e7a\",transform:`rotate(-35 ${n(P)} ${g-l+10})`},k.name.length>26?k.name.slice(0,25)+\"\\u2026\":k.name))),i&&e.createElement(\"polyline\",{fill:\"none\",stroke:\"#3949AB\",strokeWidth:\"2\",points:s.map((k,P)=>`${n(P)},${u(d[P])}`).join(\" \")}),i&&s.map((k,P)=>e.createElement(\"circle\",{key:P,cx:n(P),cy:u(d[P]),r:\"3\",fill:\"#fff\",stroke:\"#3949AB\",strokeWidth:\"1.5\"})))}var dt=[\"\\u044F\\u043D\\u0432\\u0430\\u0440\\u044F\",\"\\u0444\\u0435\\u0432\\u0440\\u0430\\u043B\\u044F\",\"\\u043C\\u0430\\u0440\\u0442\\u0430\",\"\\u0430\\u043F\\u0440\\u0435\\u043B\\u044F\",\"\\u043C\\u0430\\u044F\",\"\\u0438\\u044E\\u043D\\u044F\",\"\\u0438\\u044E\\u043B\\u044F\",\"\\u0430\\u0432\\u0433\\u0443\\u0441\\u0442\\u0430\",\"\\u0441\\u0435\\u043D\\u0442\\u044F\\u0431\\u0440\\u044F\",\"\\u043E\\u043A\\u0442\\u044F\\u0431\\u0440\\u044F\",\"\\u043D\\u043E\\u044F\\u0431\\u0440\\u044F\",\"\\u0434\\u0435\\u043A\\u0430\\u0431\\u0440\\u044F\"],mt=[\"\\u0432\\u043E\\u0441\\u043A\\u0440\\u0435\\u0441\\u0435\\u043D\\u044C\\u0435\",\"\\u043F\\u043E\\u043D\\u0435\\u0434\\u0435\\u043B\\u044C\\u043D\\u0438\\u043A\",\"\\u0432\\u0442\\u043E\\u0440\\u043D\\u0438\\u043A\",\"\\u0441\\u0440\\u0435\\u0434\\u0430\",\"\\u0447\\u0435\\u0442\\u0432\\u0435\\u0440\\u0433\",\"\\u043F\\u044F\\u0442\\u043D\\u0438\\u0446\\u0430\",\"\\u0441\\u0443\\u0431\\u0431\\u043E\\u0442\\u0430\"];function pt(){let s=new Date;return`${s.getDate()} ${dt[s.getMonth()]} ${s.getFullYear()} \\u0433\\u043E\\u0434\\u0430, ${mt[s.getDay()]}`}var Je=(s,o)=>{let c=[],[i,t]=s.split(\"-\").map(Number),[p,g]=o.split(\"-\").map(Number);for(;i<p||i===p&&t<=g;)c.push(`${i}-${String(t).padStart(2,\"0\")}`),t++,t>12&&(t=1,i++);return c.slice(0,24)};function ne({label:s,value:o,plan:c,unit:i=\" \\u20BD\",color:t}){return e.createElement(\"div\",{className:\"mb-5\"},e.createElement(\"div\",{className:\"text-[13px] text-gray-500 mb-0.5\"},s),e.createElement(\"div\",{className:\"text-[26px] leading-tight font-bold whitespace-nowrap \"+(t||\"text-[#37474f]\")},o,i===\"%\"?\"%\":\"\"),e.createElement(\"div\",{className:\"text-xs text-[#1e88e5] whitespace-nowrap\"},c,i===\"%\"?\"%\":\"\",\" \",e.createElement(\"span\",{className:\"text-gray-400\"},\"- \\u043F\\u043E \\u043F\\u043B\\u0430\\u043D\\u0443\")))}function Ge({meta:s}){let o=Y().slice(0,7),[c,i]=C(Z()+\"-01\"),[t,p]=C(o),[g,m]=C(\"cash\"),[l,a]=C(\"all\"),[N,h]=C(\"dr\"),[x,w]=C({account:\"\",project:\"\",deal:\"\"}),[u,n]=C([]),[r,f]=C(null);if(W(()=>{F(\"/deals\").then(n)},[]),W(()=>{let b=new URLSearchParams({from:c+\"-01\",to:t+\"-31\",basis:g});x.account&&b.set(\"account\",x.account),x.project&&b.set(\"project\",x.project),x.deal&&b.set(\"deal\",x.deal),F(\"/dashboard2?\"+b.toString()).then(f)},[c,t,g,JSON.stringify(x)]),!r)return e.createElement(\"div\",{className:\"p-6 text-gray-400 text-sm\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");let d=Je(c,t),k={};for(let b of r.months)k[b.m]=b;let P={},j={};for(let b of r.plans)b.period<c||b.period>t||(String(b.row_key).startsWith(\"inc_\")?P[b.period]=(P[b.period]||0)+Number(b.s):j[b.period]=(j[b.period]||0)+Number(b.s));let S={},v={},y={},T={},z={},U={};for(let b of r.struct){let $=b.category_id?he(s.categories,b.category_id):null,J=$?$.name:\"\\u041D\\u0435\\u0440\\u0430\\u0441\\u043F\\u0440\\u0435\\u0434\\u0435\\u043B\\u0435\\u043D\\u043D\\u044B\\u0435\",Ce=J.toLowerCase().includes(\"\\u043A\\u0440\\u0435\\u0434\\u0438\\u0442\")||J.toLowerCase().includes(\"\\u043E\\u0432\\u0435\\u0440\\u0434\\u0440\\u0430\\u0444\\u0442\"),Me=v[b.m]=v[b.m]||{in_oper:0,out_oper:0,in_fin:0,out_fin:0};b.op_type===\"income\"?(Me[Ce?\"in_fin\":\"in_oper\"]+=Number(b.s),(y[J]=y[J]||{name:J,value:0,byM:{}}).value+=Number(b.s),y[J].byM[b.m]=(y[J].byM[b.m]||0)+Number(b.s),z[b.m]=(z[b.m]||0)+Number(b.s)):(Me[Ce?\"out_fin\":\"out_oper\"]+=Number(b.s),(T[J]=T[J]||{name:J,value:0,byM:{}}).value+=Number(b.s),T[J].byM[b.m]=(T[J].byM[b.m]||0)+Number(b.s),U[b.m]=(U[b.m]||0)+Number(b.s)),J===\"\\u0414\\u0438\\u0432\\u0438\\u0434\\u0435\\u043D\\u0434\\u044B\"&&(S[b.m]=(S[b.m]||0)+Number(b.s))}let V=d.reduce((b,$)=>b+Number(k[$]?.income||0),0),ee=d.reduce((b,$)=>b+Number(k[$]?.expense||0),0),xe=V-ee,we=V?Math.round(xe/V*1e3)/10:0,be=Object.values(S).reduce((b,$)=>b+$,0),ue=d.reduce((b,$)=>b+(P[$]||0),0)||V,ke=d.reduce((b,$)=>b+(j[$]||0),0)||ee,_=ue-ke,te=ue?Math.round(_/ue*1e3)/10:0,K=d.map(b=>({label:R(b),income:Number(k[b]?.income||0),expense:Number(k[b]?.expense||0),np:Number(k[b]?.income||0)-Number(k[b]?.expense||0),div:S[b]||0})),Fe=b=>{let $=v[b]||{};return l===\"all\"?($.in_oper||0)+($.in_fin||0):l===\"oper\"?$.in_oper||0:l===\"fin\"&&$.in_fin||0},Be=b=>{let $=v[b]||{};return l===\"all\"?($.out_oper||0)+($.out_fin||0):l===\"oper\"?$.out_oper||0:l===\"fin\"&&$.out_fin||0},nt=d.map(b=>({label:R(b),inflow:Fe(b),outflow:Be(b),net:Fe(b)-Be(b)})),ve=d.reduce((b,$)=>b+Fe($),0),fe=d.reduce((b,$)=>b+Be($),0),Ue=Object.values(y).sort((b,$)=>$.value-b.value),ze=Object.values(T).sort((b,$)=>$.value-b.value),ot=Ue.reduce((b,$)=>b+$.value,0)||1,rt=ze.reduce((b,$)=>b+$.value,0)||1,He=({title:b,parts:$,total:J,totByM:Ce,barColor:Me})=>e.createElement(\"div\",{className:\"mb-6\"},e.createElement(\"div\",{className:\"text-sm font-semibold text-[#37474f] mb-2\"},b),e.createElement(\"div\",{className:\"grid lg:grid-cols-2 gap-4 items-center\"},e.createElement(\"div\",{className:\"flex items-center gap-5 flex-wrap\"},e.createElement(Ye,{parts:$.slice(0,8).map((se,Pe)=>({...se,color:oe[Pe%oe.length]}))}),e.createElement(\"div\",{className:\"text-[13px]\"},$.slice(0,8).map((se,Pe)=>e.createElement(\"div\",{key:se.name,className:\"flex items-center gap-2 py-0.5\"},e.createElement(\"span\",{className:\"inline-block w-3 h-3 rounded-sm\",style:{background:oe[Pe%oe.length]}}),e.createElement(\"span\",{className:\"text-gray-600\"},se.name),e.createElement(\"b\",{className:\"text-[#37474f] whitespace-nowrap\"},A(se.value)),e.createElement(\"span\",{className:\"text-gray-400\"},\"(\",(se.value/J*100).toFixed(2),\"%)\"))))),e.createElement(Ne,{data:d.map(se=>({label:R(se),v:Ce[se]||0})),bars:[{key:\"v\",color:Me}],lines:[],height:190}))),_e=\"border border-gray-200 rounded px-3 py-2 text-sm bg-white text-gray-600\";return e.createElement(\"div\",{className:\"p-6\"},e.createElement(\"div\",{className:\"flex items-end gap-4 flex-wrap mb-5\"},e.createElement(\"div\",{className:\"mr-2\"},e.createElement(\"div\",{className:\"text-[24px] font-bold text-[#37474f] leading-tight\"},s.company_name),e.createElement(\"div\",{className:\"text-xs text-gray-400\"},pt())),e.createElement(\"label\",{className:\"text-xs text-gray-400\"},\"\\u041F\\u0435\\u0440\\u0438\\u043E\\u0434\",e.createElement(\"br\",null),e.createElement(\"span\",{className:\"inline-flex items-center gap-1 border border-gray-200 rounded px-2 py-1 bg-white\"},e.createElement(\"input\",{type:\"month\",className:\"text-sm text-gray-700\",value:c,onChange:b=>i(b.target.value)}),\"\\u2014\",e.createElement(\"input\",{type:\"month\",className:\"text-sm text-gray-700\",value:t,onChange:b=>p(b.target.value)}))),e.createElement(\"label\",{className:\"text-xs text-gray-400\"},\"\\u041E\\u0442\\u043E\\u0431\\u0440\\u0430\\u0436\\u0435\\u043D\\u0438\\u0435\",e.createElement(\"br\",null),e.createElement(\"select\",{className:_e},e.createElement(\"option\",null,\"\\u041F\\u043E \\u043C\\u0435\\u0441\\u044F\\u0446\\u0430\\u043C\"))),e.createElement(\"label\",{className:\"text-xs text-gray-400\"},\"\\u042E\\u0440\\u043B\\u0438\\u0446\\u0430 \\u0438 \\u0441\\u0447\\u0435\\u0442\\u0430\",e.createElement(\"br\",null),e.createElement(\"select\",{className:_e,value:x.account,onChange:b=>w({...x,account:b.target.value})},e.createElement(\"option\",{value:\"\"},\"\\u042E\\u0440\\u043B\\u0438\\u0446\\u0430 \\u0438 \\u0441\\u0447\\u0435\\u0442\\u0430\"),s.accounts.filter(b=>b.active).map(b=>e.createElement(\"option\",{key:b.id,value:b.id},b.name)))),e.createElement(\"label\",{className:\"text-xs text-gray-400\"},\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\\u044B\",e.createElement(\"br\",null),e.createElement(\"select\",{className:_e,value:x.project,onChange:b=>w({...x,project:b.target.value})},e.createElement(\"option\",{value:\"\"},\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\\u044B\"),(s.projects||[]).map(b=>e.createElement(\"option\",{key:b.id,value:b.id},b.name)))),e.createElement(\"label\",{className:\"text-xs text-gray-400\"},\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0438\",e.createElement(\"br\",null),e.createElement(\"select\",{className:_e,value:x.deal,onChange:b=>w({...x,deal:b.target.value})},e.createElement(\"option\",{value:\"\"},\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0438\"),u.map(b=>e.createElement(\"option\",{key:b.id,value:b.id},b.name)))),(x.account||x.project||x.deal)&&e.createElement(\"button\",{className:\"text-gray-400 hover:text-gray-600 text-lg pb-1\",title:\"\\u0421\\u0431\\u0440\\u043E\\u0441\\u0438\\u0442\\u044C \\u0444\\u0438\\u043B\\u044C\\u0442\\u0440\\u044B\",onClick:()=>w({account:\"\",project:\"\",deal:\"\"})},\"\\u2715\")),e.createElement(\"div\",{className:\"flex items-center gap-3 mb-3\"},e.createElement(\"div\",{className:\"font-bold text-[#37474f]\"},\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C, \\u20BD\"),e.createElement(me,{tabs:[[\"accrual\",\"\\u041C\\u0435\\u0442\\u043E\\u0434 \\u043D\\u0430\\u0447\\u0438\\u0441\\u043B\\u0435\\u043D\\u0438\\u044F\"],[\"cash\",\"\\u041A\\u0430\\u0441\\u0441\\u043E\\u0432\\u044B\\u0439 \\u043C\\u0435\\u0442\\u043E\\u0434\"]],value:g,onChange:m})),e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4 mb-6\"},e.createElement(\"div\",{className:\"grid\",style:{gridTemplateColumns:\"300px 1fr\",gap:16}},e.createElement(\"div\",{className:\"border-r border-gray-50 pr-4\"},e.createElement(ne,{label:\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B\",value:A(V),plan:A(ue)}),e.createElement(ne,{label:\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\",value:A(ee),plan:A(ke)}),e.createElement(ne,{label:\"\\u0427\\u0438\\u0441\\u0442\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C\",value:A(xe),plan:A(_),color:xe<0?\"text-rose-600\":void 0}),e.createElement(ne,{label:\"\\u0420\\u0435\\u043D\\u0442\\u0430\\u0431\\u0435\\u043B\\u044C\\u043D\\u043E\\u0441\\u0442\\u044C, %\",value:we,plan:te,unit:\"%\"}),e.createElement(ne,{label:\"\\u0414\\u0438\\u0432\\u0438\\u0434\\u0435\\u043D\\u0434\\u044B\",value:A(be),plan:A(be)})),e.createElement(\"div\",{className:\"min-w-0\"},e.createElement(Ne,{data:K,bars:[{key:\"income\",color:I.blue},{key:\"expense\",color:I.orange}],lines:[{key:\"np\",color:I.green},{key:\"div\",color:I.purple}],height:330}),e.createElement(le,{items:[[\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B\",I.blue],[\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\",I.orange],[\"\\u0427\\u0438\\u0441\\u0442\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C\",I.green,!0],[\"\\u0414\\u0438\\u0432\\u0438\\u0434\\u0435\\u043D\\u0434\\u044B\",I.purple,!0]]})))),e.createElement(\"div\",{className:\"flex items-center gap-3 mb-3\"},e.createElement(\"div\",{className:\"font-bold text-[#37474f]\"},\"\\u0414\\u0435\\u043D\\u0435\\u0436\\u043D\\u044B\\u0439 \\u043F\\u043E\\u0442\\u043E\\u043A, \\u20BD\"),e.createElement(me,{tabs:[[\"all\",\"\\u041E\\u0431\\u0449\\u0438\\u0439\"],[\"oper\",\"\\u041E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u043E\\u043D\\u043D\\u044B\\u0439\"],[\"invest\",\"\\u0418\\u043D\\u0432\\u0435\\u0441\\u0442\\u0438\\u0446\\u0438\\u043E\\u043D\\u043D\\u044B\\u0439\"],[\"fin\",\"\\u0424\\u0438\\u043D\\u0430\\u043D\\u0441\\u043E\\u0432\\u044B\\u0439\"]],value:l,onChange:a})),e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4 mb-6\"},e.createElement(\"div\",{className:\"grid\",style:{gridTemplateColumns:\"300px 1fr\",gap:16}},e.createElement(\"div\",{className:\"border-r border-gray-50 pr-4\"},e.createElement(ne,{label:\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F\",value:A(ve),plan:A(ve)}),e.createElement(ne,{label:\"\\u0412\\u044B\\u043F\\u043B\\u0430\\u0442\\u044B\",value:A(fe),plan:A(fe)}),e.createElement(ne,{label:\"\\u0427\\u0438\\u0441\\u0442\\u044B\\u0439 \\u043F\\u043E\\u0442\\u043E\\u043A\",value:A(ve-fe),plan:A(ve-fe),color:ve-fe<0?\"text-rose-600\":void 0})),e.createElement(\"div\",{className:\"min-w-0\"},e.createElement(Ne,{data:nt,bars:[{key:\"inflow\",color:I.blue},{key:\"outflow\",color:I.orange}],lines:[{key:\"net\",color:I.green}],height:280}),e.createElement(le,{items:[[\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F\",I.blue],[\"\\u0412\\u044B\\u043F\\u043B\\u0430\\u0442\\u044B\",I.orange],[\"\\u0427\\u0438\\u0441\\u0442\\u044B\\u0439 \\u043F\\u043E\\u0442\\u043E\\u043A\",I.green,!0]]})))),e.createElement(\"div\",{className:\"font-bold text-[#37474f] mb-3\"},\"\\u041E\\u0441\\u0442\\u0430\\u0442\\u043A\\u0438 \\u043D\\u0430 \\u0441\\u0447\\u0435\\u0442\\u0430\\u0445, \\u20BD\"),e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4 mb-6\"},e.createElement(Ie,{points:r.daily,height:250}),e.createElement(le,{items:[[\"\\u041E\\u0431\\u0449\\u0438\\u0439 \\u043E\\u0441\\u0442\\u0430\\u0442\\u043E\\u043A\",I.green]]})),e.createElement(\"div\",{className:\"flex items-center gap-3 mb-3\"},e.createElement(\"div\",{className:\"font-bold text-[#37474f]\"},\"\\u0421\\u0442\\u0440\\u0443\\u043A\\u0442\\u0443\\u0440\\u0430 \\u043F\\u043B\\u0430\\u0442\\u0435\\u0436\\u0435\\u0439\"),e.createElement(me,{tabs:[[\"dr\",\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B \\u0438 \\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\"],[\"pv\",\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F \\u0438 \\u0432\\u044B\\u043F\\u043B\\u0430\\u0442\\u044B\"]],value:N,onChange:h})),e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4 mb-6\"},e.createElement(He,{title:N===\"dr\"?\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B, \\u20BD\":\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F, \\u20BD\",parts:Ue,total:ot,totByM:z,barColor:I.blue}),e.createElement(He,{title:N===\"dr\"?\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B, \\u20BD\":\"\\u0412\\u044B\\u043F\\u043B\\u0430\\u0442\\u044B, \\u20BD\",parts:ze,total:rt,totByM:U,barColor:I.orange})),e.createElement(\"div\",{className:\"font-bold text-[#37474f] mb-3\"},\"ABC-\\u0430\\u043D\\u0430\\u043B\\u0438\\u0437 \\u043A\\u043B\\u0438\\u0435\\u043D\\u0442\\u043E\\u0432\"),e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4 mb-6\"},e.createElement($e,{rows:r.abc.map(b=>({name:b.name,value:Number(b.s)})),height:320}),e.createElement(le,{items:[[\"\\u041A\\u043B\\u0438\\u0435\\u043D\\u0442\\u044B, \\u043F\\u0440\\u0438\\u043D\\u043E\\u0441\\u044F\\u0449\\u0438\\u0435 \\u0431\\u043E\\u043B\\u0435\\u0435 80% \\u0434\\u043E\\u0445\\u043E\\u0434\\u043E\\u0432\",I.blue],[\"\\u041A\\u043B\\u0438\\u0435\\u043D\\u0442\\u044B, \\u043F\\u0440\\u0438\\u043D\\u043E\\u0441\\u044F\\u0449\\u0438\\u0435 \\u043C\\u0435\\u043D\\u0435\\u0435 20% \\u0434\\u043E\\u0445\\u043E\\u0434\\u043E\\u0432\",I.purple],[\"\\u0414\\u043E\\u043B\\u044F \\u0434\\u043E\\u0445\\u043E\\u0434\\u043E\\u0432 \\u0441 \\u043D\\u0430\\u043A\\u043E\\u043F\\u0438\\u0442\\u0435\\u043B\\u044C\\u043D\\u044B\\u043C \\u0438\\u0442\\u043E\\u0433\\u043E\\u043C, %\",\"#3949AB\",!0]]})),e.createElement(\"div\",{className:\"font-bold text-[#37474f] mb-3\"},\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C\\u043D\\u043E\\u0441\\u0442\\u044C \\u043F\\u0440\\u043E\\u0435\\u043A\\u0442\\u043E\\u0432\"),e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4 mb-2\"},e.createElement($e,{rows:r.proj_profit.map(b=>({name:b.name,value:Number(b.profit)})),height:300,showLine:!1,barColor:\"#66BB6A\"}),e.createElement(le,{items:[[\"\\u0424\\u0430\\u043A\\u0442\\u0438\\u0447\\u0435\\u0441\\u043A\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C, \\u20BD\",\"#66BB6A\"]]})))}function Qe({meta:s}){let o=Y().slice(0,7),[c,i]=C(\"money\"),[t,p]=C(Z()+\"-01\"),[g,m]=C(o),[l,a]=C(null),[N,h]=C([]);if(W(()=>{F(`/dashboard2?from=${t}-01&to=${g}-31&basis=cash`).then(a),F(\"/projects\").then(h)},[t,g]),!l)return e.createElement(\"div\",{className:\"p-6 text-gray-400 text-sm\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");let x={};for(let n of l.months)x[n.m]=n;let u=Je(t,g).map(n=>({label:R(n),income:Number(x[n]?.income||0),expense:Number(x[n]?.expense||0),np:Number(x[n]?.income||0)-Number(x[n]?.expense||0)}));return e.createElement(\"div\",{className:\"p-6\"},e.createElement(\"div\",{className:\"text-[24px] font-bold text-[#37474f] mb-3\"},\"\\u041F\\u043E\\u043A\\u0430\\u0437\\u0430\\u0442\\u0435\\u043B\\u0438\"),e.createElement(\"div\",{className:\"mb-4\"},e.createElement(me,{tabs:[[\"money\",\"\\u0414\\u0432\\u0438\\u0436\\u0435\\u043D\\u0438\\u0435 \\u0434\\u0435\\u043D\\u0435\\u0433\"],[\"profit\",\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C\"],[\"projects\",\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\\u044B\"]],value:c,onChange:i})),e.createElement(\"div\",{className:\"flex items-end gap-4 mb-4\"},e.createElement(\"label\",{className:\"text-xs text-gray-400\"},\"\\u041F\\u0435\\u0440\\u0438\\u043E\\u0434\",e.createElement(\"br\",null),e.createElement(\"span\",{className:\"inline-flex items-center gap-1 border border-gray-200 rounded px-2 py-1 bg-white\"},e.createElement(\"input\",{type:\"month\",className:\"text-sm\",value:t,onChange:n=>p(n.target.value)}),\"\\u2014\",e.createElement(\"input\",{type:\"month\",className:\"text-sm\",value:g,onChange:n=>m(n.target.value)})))),c===\"money\"&&e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4\"},e.createElement(\"div\",{className:\"text-sm font-semibold text-[#37474f] mb-2\"},\"\\u041E\\u0441\\u0442\\u0430\\u0442\\u043A\\u0438 \\u043D\\u0430 \\u0441\\u0447\\u0435\\u0442\\u0430\\u0445, \\u20BD\"),e.createElement(Ie,{points:l.daily,height:340}),e.createElement(le,{items:[[\"\\u041E\\u0431\\u0449\\u0438\\u0439 \\u043E\\u0441\\u0442\\u0430\\u0442\\u043E\\u043A\",I.green]]})),c===\"profit\"&&e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4\"},e.createElement(\"div\",{className:\"text-sm font-semibold text-[#37474f] mb-2\"},\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C (\\u043A\\u0430\\u0441\\u0441\\u043E\\u0432\\u044B\\u0439 \\u043C\\u0435\\u0442\\u043E\\u0434), \\u20BD\"),e.createElement(Ne,{data:u,bars:[{key:\"income\",color:I.blue},{key:\"expense\",color:I.orange}],lines:[{key:\"np\",color:I.green}],height:340}),e.createElement(le,{items:[[\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B\",I.blue],[\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\",I.orange],[\"\\u0427\\u0438\\u0441\\u0442\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C\",I.green,!0]]})),c===\"projects\"&&e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm\"},e.createElement(\"table\",{className:\"w-full text-sm\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3\"},\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B, \\u20BD\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B, \\u20BD\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C, \\u20BD\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0420\\u0435\\u043D\\u0442\\u0430\\u0431\\u0435\\u043B\\u044C\\u043D\\u043E\\u0441\\u0442\\u044C\"))),e.createElement(\"tbody\",null,N.map(n=>{let r=Number(n.income)-Number(n.expense),f=Number(n.income)?Math.round(r/Number(n.income)*1e3)/10:0;return e.createElement(\"tr\",{key:n.id,className:\"border-t border-gray-50\"},e.createElement(\"td\",{className:\"p-2 pl-3 text-gray-700\"},n.name),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},Number(n.income)?A(n.income):\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},Number(n.expense)?A(n.expense):\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap font-medium \"+(r<0?\"text-rose-600\":\"text-emerald-600\")},r?A(r):\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-right\"},f?f+\"%\":\"\\u2014\"))})))))}function De({meta:s,initial:o,onClose:c,onSaved:i}){let[t,p]=C(o||{op_type:\"income\",date:Y(),confirmed:!0,amount:\"\",account_id:\"\",account2_id:\"\",category_id:\"\",contractor_id:\"\",deal_id:\"\",project_id:\"\",purpose:\"\"}),[g,m]=C([]);W(()=>{F(\"/deals\").then(m)},[]);let l=(h,x)=>p(w=>({...w,[h]:x})),a=de(s.categories,t.op_type===\"expense\"?\"expense\":\"income\"),N=async()=>{if(!t.amount||!t.account_id)return alert(\"\\u0423\\u043A\\u0430\\u0436\\u0438\\u0442\\u0435 \\u0441\\u0443\\u043C\\u043C\\u0443 \\u0438 \\u0441\\u0447\\u0451\\u0442\");let h={...t,amount:Number(t.amount),account_id:Number(t.account_id)||null,account2_id:Number(t.account2_id)||null,category_id:Number(t.category_id)||null,contractor_id:Number(t.contractor_id)||null,deal_id:Number(t.deal_id)||null,project_id:Number(t.project_id)||null};t.id?await F(\"/ops/\"+t.id,\"PUT\",h):await F(\"/ops\",\"POST\",h),i(),c()};return e.createElement(X,{title:t.id?\"\\u041E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u044F\":\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u043D\\u0438\\u0435 \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0438\",onClose:c},e.createElement(\"div\",{className:\"flex gap-1 mb-4\"},[[\"income\",\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u0435\"],[\"expense\",\"\\u0412\\u044B\\u043F\\u043B\\u0430\\u0442\\u0430\"],[\"transfer\",\"\\u041F\\u0435\\u0440\\u0435\\u043C\\u0435\\u0449\\u0435\\u043D\\u0438\\u0435\"]].map(([h,x])=>e.createElement(\"button\",{key:h,onClick:()=>l(\"op_type\",h),className:\"px-3 py-1.5 text-sm rounded \"+(t.op_type===h?\"bg-[#2aa3af] text-white\":\"bg-gray-100 text-gray-600 hover:bg-gray-200\")},x))),e.createElement(\"div\",{className:\"grid grid-cols-2 gap-x-4\"},e.createElement(M,{label:\"\\u0414\\u0430\\u0442\\u0430 \\u043E\\u043F\\u043B\\u0430\\u0442\\u044B\"},e.createElement(B,{type:\"date\",value:t.date,onChange:h=>l(\"date\",h.target.value)})),e.createElement(M,{label:\"\\u0421\\u0443\\u043C\\u043C\\u0430, \\u20BD\"},e.createElement(B,{type:\"number\",value:t.amount,onChange:h=>l(\"amount\",h.target.value),placeholder:\"0\"})),e.createElement(M,{label:t.op_type===\"transfer\"?\"\\u0421\\u043E \\u0441\\u0447\\u0451\\u0442\\u0430\":\"\\u0421\\u0447\\u0451\\u0442\"},e.createElement(L,{value:t.account_id,onChange:h=>l(\"account_id\",h.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u0412\\u044B\\u0431\\u0440\\u0430\\u0442\\u044C \\u0441\\u0447\\u0451\\u0442\\u2026\"),s.accounts.filter(h=>h.active).map(h=>e.createElement(\"option\",{key:h.id,value:h.id},h.name)))),t.op_type===\"transfer\"?e.createElement(M,{label:\"\\u041D\\u0430 \\u0441\\u0447\\u0451\\u0442\"},e.createElement(L,{value:t.account2_id,onChange:h=>l(\"account2_id\",h.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u0412\\u044B\\u0431\\u0440\\u0430\\u0442\\u044C \\u0441\\u0447\\u0451\\u0442\\u2026\"),s.accounts.filter(h=>h.active).map(h=>e.createElement(\"option\",{key:h.id,value:h.id},h.name)))):e.createElement(M,{label:\"\\u0421\\u0442\\u0430\\u0442\\u044C\\u044F \\u0443\\u0447\\u0451\\u0442\\u0430\"},e.createElement(L,{value:t.category_id,onChange:h=>l(\"category_id\",h.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u041D\\u0435 \\u0432\\u044B\\u0431\\u0440\\u0430\\u043D\\u0430\"),a.map(h=>e.createElement(\"option\",{key:h.id,value:h.id},\" \".repeat(h.depth*3)+h.name)))),t.op_type!==\"transfer\"&&e.createElement(M,{label:\"\\u041A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442\"},e.createElement(L,{value:t.contractor_id,onChange:h=>l(\"contractor_id\",h.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u041D\\u0435 \\u0432\\u044B\\u0431\\u0440\\u0430\\u043D\"),s.contractors.map(h=>e.createElement(\"option\",{key:h.id,value:h.id},h.name)))),t.op_type!==\"transfer\"&&e.createElement(M,{label:\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0430\"},e.createElement(L,{value:t.deal_id,onChange:h=>l(\"deal_id\",h.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u0411\\u0435\\u0437 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438\"),g.map(h=>e.createElement(\"option\",{key:h.id,value:h.id},h.name)))),t.op_type!==\"transfer\"&&e.createElement(M,{label:\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\"},e.createElement(L,{value:t.project_id,onChange:h=>l(\"project_id\",h.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u0411\\u0435\\u0437 \\u043F\\u0440\\u043E\\u0435\\u043A\\u0442\\u0430\"),(s.projects||[]).map(h=>e.createElement(\"option\",{key:h.id,value:h.id},h.name))))),e.createElement(M,{label:\"\\u041D\\u0430\\u0437\\u043D\\u0430\\u0447\\u0435\\u043D\\u0438\\u0435 \\u043F\\u043B\\u0430\\u0442\\u0435\\u0436\\u0430\"},e.createElement(B,{value:t.purpose,onChange:h=>l(\"purpose\",h.target.value),placeholder:\"\\u041A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0439\\u2026\"})),e.createElement(Q,{label:\"\\u041E\\u043F\\u043B\\u0430\\u0442\\u0430 \\u043F\\u043E\\u0434\\u0442\\u0432\\u0435\\u0440\\u0436\\u0434\\u0435\\u043D\\u0430 (\\u0444\\u0430\\u043A\\u0442)\",checked:!!t.confirmed,onChange:h=>l(\"confirmed\",h)}),e.createElement(\"div\",{className:\"flex justify-end gap-2 mt-4\"},e.createElement(E,{kind:\"ghost\",onClick:c},\"\\u041E\\u0442\\u043C\\u0435\\u043D\\u0430\"),e.createElement(E,{onClick:N},\"\\u0421\\u043E\\u0445\\u0440\\u0430\\u043D\\u0438\\u0442\\u044C\")))}function ut({meta:s,onClose:o,onDone:c}){let[i,t]=C(\"\"),[p,g]=C(\"\"),[m,l]=C(!0),[a,N]=C(null),h=()=>{let w=[];for(let u of i.split(/\\r?\\n/)){let n=u.trim();if(!n)continue;let r=n.split(/[;\\t]/).map(k=>k.trim());if(r.length<2)continue;let f=r[0].includes(\".\")?r[0].split(\".\").reverse().join(\"-\"):r[0];if(!/^\\d{4}-\\d{2}-\\d{2}/.test(f))continue;let d=Number(r[1].replace(/\\s/g,\"\").replace(\",\",\".\"));d&&w.push({date:f,amount:Math.abs(d),op_type:d<0?\"expense\":\"income\",contractor_name:r[2]||\"\",purpose:r.slice(3).join(\"; \")||\"\"})}N(w)},x=async()=>{if(!p)return alert(\"\\u0412\\u044B\\u0431\\u0435\\u0440\\u0438\\u0442\\u0435 \\u0441\\u0447\\u0451\\u0442\");let w=await F(\"/ops/import\",\"POST\",{rows:a.map(u=>({...u,account_id:Number(p),confirmed:m}))});alert(\"\\u0418\\u043C\\u043F\\u043E\\u0440\\u0442\\u0438\\u0440\\u043E\\u0432\\u0430\\u043D\\u043E \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0439: \"+w.n),c(),o()};return e.createElement(X,{title:\"\\u0418\\u043C\\u043F\\u043E\\u0440\\u0442 \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0439 (\\u0432\\u044B\\u043F\\u0438\\u0441\\u043A\\u0430)\",onClose:o,wide:!0},e.createElement(\"div\",{className:\"text-xs text-gray-500 mb-2\"},\"\\u0412\\u0441\\u0442\\u0430\\u0432\\u044C\\u0442\\u0435 \\u0441\\u0442\\u0440\\u043E\\u043A\\u0438 \\u0432 \\u0444\\u043E\\u0440\\u043C\\u0430\\u0442\\u0435: \",e.createElement(\"b\",null,\"\\u0434\\u0430\\u0442\\u0430; \\u0441\\u0443\\u043C\\u043C\\u0430; \\u043A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442; \\u043D\\u0430\\u0437\\u043D\\u0430\\u0447\\u0435\\u043D\\u0438\\u0435\"),\" (\\u0440\\u0430\\u0437\\u0434\\u0435\\u043B\\u0438\\u0442\\u0435\\u043B\\u044C \\u2014 \\u0442\\u043E\\u0447\\u043A\\u0430 \\u0441 \\u0437\\u0430\\u043F\\u044F\\u0442\\u043E\\u0439 \\u0438\\u043B\\u0438 \\u0442\\u0430\\u0431\\u0443\\u043B\\u044F\\u0446\\u0438\\u044F). \\u041E\\u0442\\u0440\\u0438\\u0446\\u0430\\u0442\\u0435\\u043B\\u044C\\u043D\\u0430\\u044F \\u0441\\u0443\\u043C\\u043C\\u0430 \\u2014 \\u0432\\u044B\\u043F\\u043B\\u0430\\u0442\\u0430, \\u043F\\u043E\\u043B\\u043E\\u0436\\u0438\\u0442\\u0435\\u043B\\u044C\\u043D\\u0430\\u044F \\u2014 \\u043F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u0435. \\u0414\\u0430\\u0442\\u0430: 31.12.2026 \\u0438\\u043B\\u0438 2026-12-31.\"),e.createElement(\"textarea\",{className:\"w-full border border-gray-200 rounded p-2 text-xs font-mono h-40 mb-3\",placeholder:`20.08.2026; 662156.48; \\u041E\\u041E\\u041E \\u0421\\u0417 \\u041F\\u0410\\u0420\\u041A \\u0420\\u0410\\u0417\\u0412\\u041B\\u0415\\u0427\\u0415\\u041D\\u0418\\u0419; \\u041E\\u043F\\u043B\\u0430\\u0442\\u0430 \\u043F\\u043E \\u0423\\u041F\\u0414\n21.08.2026; -300000; \\u0418\\u041F \\u041C\\u0430\\u0442\\u0435\\u043B\\u0435\\u0432\\u0438\\u0447; \\u0410\\u0433\\u0435\\u043D\\u0442\\u0441\\u043A\\u043E\\u0435 \\u0432\\u043E\\u0437\\u043D\\u0430\\u0433\\u0440\\u0430\\u0436\\u0434\\u0435\\u043D\\u0438\\u0435`,value:i,onChange:w=>t(w.target.value)}),e.createElement(\"div\",{className:\"grid grid-cols-2 gap-4 mb-3\"},e.createElement(M,{label:\"\\u0417\\u0430\\u0447\\u0438\\u0441\\u043B\\u0438\\u0442\\u044C \\u043D\\u0430 \\u0441\\u0447\\u0451\\u0442\"},e.createElement(L,{value:p,onChange:w=>g(w.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u0412\\u044B\\u0431\\u0440\\u0430\\u0442\\u044C \\u0441\\u0447\\u0451\\u0442\\u2026\"),s.accounts.filter(w=>w.active).map(w=>e.createElement(\"option\",{key:w.id,value:w.id},w.name)))),e.createElement(\"div\",{className:\"pt-5\"},e.createElement(Q,{label:\"\\u041E\\u043F\\u043B\\u0430\\u0442\\u044B \\u043F\\u043E\\u0434\\u0442\\u0432\\u0435\\u0440\\u0436\\u0434\\u0435\\u043D\\u044B (\\u0444\\u0430\\u043A\\u0442)\",checked:m,onChange:l}))),a&&e.createElement(\"div\",{className:\"text-sm mb-3\"},\"\\u0420\\u0430\\u0441\\u043F\\u043E\\u0437\\u043D\\u0430\\u043D\\u043E \\u0441\\u0442\\u0440\\u043E\\u043A: \",e.createElement(\"b\",null,a.length),a.length>0&&e.createElement(\"span\",{className:\"text-gray-500\"},\" \\xB7 \\u043F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u0439 \",a.filter(w=>w.op_type===\"income\").length,\", \\u0432\\u044B\\u043F\\u043B\\u0430\\u0442 \",a.filter(w=>w.op_type===\"expense\").length)),e.createElement(\"div\",{className:\"flex justify-end gap-2\"},e.createElement(E,{kind:\"ghost\",onClick:o},\"\\u041E\\u0442\\u043C\\u0435\\u043D\\u0430\"),a?e.createElement(E,{onClick:x},\"\\u0418\\u043C\\u043F\\u043E\\u0440\\u0442\\u0438\\u0440\\u043E\\u0432\\u0430\\u0442\\u044C \",a.length):e.createElement(E,{onClick:h},\"\\u041F\\u0440\\u043E\\u0432\\u0435\\u0440\\u0438\\u0442\\u044C\")))}function Xe({meta:s,refreshMeta:o}){let[c,i]=C({rows:[],totals:{}}),[t,p]=C({income:!0,expense:!0,transfer:!0,conf:!0,unconf:!0,account:\"\",category:\"\",contractor:\"\",project:\"\",q:\"\",from:\"\",to:\"\",uncat:!1}),[g,m]=C(null),[l,a]=C(!1),[N,h]=C({}),[x,w]=C(\"\"),u=()=>{let y=new URLSearchParams,T=[t.income&&\"income\",t.expense&&\"expense\",t.transfer&&\"transfer\"].filter(Boolean);T.length===1&&y.set(\"type\",T[0]),t.conf!==t.unconf&&y.set(\"confirmed\",t.conf?\"1\":\"0\");for(let z of[\"account\",\"category\",\"contractor\",\"project\",\"q\",\"from\",\"to\"])t[z]&&y.set(z,t[z]);t.uncat&&y.set(\"uncat\",\"1\"),F(\"/ops?\"+y.toString()).then(z=>{let U=new Set(T.length?T:[\"income\",\"expense\",\"transfer\"]);z.rows=z.rows.filter(V=>U.has(V.op_type)),i(z)})};W(()=>{u()},[JSON.stringify(t)]);let n=(y,T)=>p(z=>({...z,[y]:T})),r=async y=>{await F(`/ops/${y}/confirm`,\"POST\",{}),u(),o()},f=async y=>{window.confirm(\"\\u0423\\u0434\\u0430\\u043B\\u0438\\u0442\\u044C \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u044E?\")&&(await F(\"/ops/\"+y,\"DELETE\"),u(),o())},d=[...de(s.categories,\"income\"),...de(s.categories,\"expense\")],k=Object.keys(N).filter(y=>N[y]),P=async()=>{if(!x)return alert(\"\\u0412\\u044B\\u0431\\u0435\\u0440\\u0438\\u0442\\u0435 \\u0441\\u0442\\u0430\\u0442\\u044C\\u044E\");await F(\"/ops/bulk\",\"POST\",{ids:k.map(Number),category_id:Number(x)}),h({}),w(\"\"),u()},j=[],S=null;for(let y of c.rows)(!S||S.date!==y.date)&&(S={date:y.date,rows:[]},j.push(S)),S.rows.push(y);let v=c.totals||{};return e.createElement(\"div\",{className:\"flex h-full\"},e.createElement(\"div\",{className:\"w-60 shrink-0 bg-white border-r border-gray-100 p-4 text-sm overflow-y-auto\"},e.createElement(\"div\",{className:\"font-semibold text-[#22313f] mb-2\"},\"\\u0424\\u0438\\u043B\\u044C\\u0442\\u0440\\u044B\"),e.createElement(\"div\",{className:\"text-xs text-gray-400 mb-1\"},\"\\u0422\\u0438\\u043F \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0438\"),e.createElement(Q,{label:\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u0435\",checked:t.income,onChange:y=>n(\"income\",y)}),e.createElement(Q,{label:\"\\u0412\\u044B\\u043F\\u043B\\u0430\\u0442\\u0430\",checked:t.expense,onChange:y=>n(\"expense\",y)}),e.createElement(Q,{label:\"\\u041F\\u0435\\u0440\\u0435\\u043C\\u0435\\u0449\\u0435\\u043D\\u0438\\u0435\",checked:t.transfer,onChange:y=>n(\"transfer\",y)}),e.createElement(\"div\",{className:\"text-xs text-gray-400 mt-3 mb-1\"},\"\\u0414\\u0430\\u0442\\u0430 \\u043E\\u043F\\u043B\\u0430\\u0442\\u044B\"),e.createElement(Q,{label:\"\\u041F\\u043E\\u0434\\u0442\\u0432\\u0435\\u0440\\u0436\\u0434\\u0435\\u043D\\u0430\",checked:t.conf,onChange:y=>n(\"conf\",y)}),e.createElement(Q,{label:\"\\u041D\\u0435 \\u043F\\u043E\\u0434\\u0442\\u0432\\u0435\\u0440\\u0436\\u0434\\u0435\\u043D\\u0430\",checked:t.unconf,onChange:y=>n(\"unconf\",y)}),e.createElement(\"div\",{className:\"mt-3\"}),e.createElement(M,{label:\"\\u0421\\u0447\\u0451\\u0442\"},e.createElement(L,{value:t.account,onChange:y=>n(\"account\",y.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u0412\\u0441\\u0435\"),s.accounts.map(y=>e.createElement(\"option\",{key:y.id,value:y.id},y.name)))),e.createElement(M,{label:\"\\u0421\\u0442\\u0430\\u0442\\u044C\\u044F \\u0443\\u0447\\u0451\\u0442\\u0430\"},e.createElement(L,{value:t.category,onChange:y=>n(\"category\",y.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u0412\\u0441\\u0435\"),d.map(y=>e.createElement(\"option\",{key:y.id,value:y.id},\" \".repeat(y.depth*2)+y.name)))),e.createElement(M,{label:\"\\u041A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442\"},e.createElement(L,{value:t.contractor,onChange:y=>n(\"contractor\",y.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u0412\\u0441\\u0435\"),s.contractors.map(y=>e.createElement(\"option\",{key:y.id,value:y.id},y.name)))),e.createElement(M,{label:\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\"},e.createElement(L,{value:t.project,onChange:y=>n(\"project\",y.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u0412\\u0441\\u0435\"),(s.projects||[]).map(y=>e.createElement(\"option\",{key:y.id,value:y.id},y.name)))),e.createElement(M,{label:\"\\u041F\\u0435\\u0440\\u0438\\u043E\\u0434 \\u0441\"},e.createElement(B,{type:\"date\",value:t.from,onChange:y=>n(\"from\",y.target.value)})),e.createElement(M,{label:\"\\u043F\\u043E\"},e.createElement(B,{type:\"date\",value:t.to,onChange:y=>n(\"to\",y.target.value)})),e.createElement(Q,{label:\"\\u0422\\u043E\\u043B\\u044C\\u043A\\u043E \\u043D\\u0435\\u0440\\u0430\\u0441\\u043F\\u0440\\u0435\\u0434\\u0435\\u043B\\u0451\\u043D\\u043D\\u044B\\u0435\",checked:t.uncat,onChange:y=>n(\"uncat\",y)})),e.createElement(\"div\",{className:\"flex-1 flex flex-col min-w-0\"},e.createElement(\"div\",{className:\"flex items-center gap-2 p-4 pb-2 flex-wrap\"},e.createElement(\"h1\",{className:\"text-[22px] font-bold text-[#22313f] mr-1\"},\"\\u041E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0438\"),e.createElement(E,{onClick:()=>m({})},\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C\"),e.createElement(E,{kind:\"ghost\",onClick:()=>a(!0)},\"\\u0418\\u043C\\u043F\\u043E\\u0440\\u0442\\u0438\\u0440\\u043E\\u0432\\u0430\\u0442\\u044C\"),e.createElement(\"input\",{className:\"ml-auto border border-gray-200 rounded px-3 py-1.5 text-sm w-64\",placeholder:\"\\u041F\\u043E\\u0438\\u0441\\u043A \\u043F\\u043E \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u044F\\u043C\",value:t.q,onChange:y=>n(\"q\",y.target.value)})),k.length>0&&e.createElement(\"div\",{className:\"mx-4 mb-2 bg-teal-50 border border-teal-100 rounded px-3 py-2 flex items-center gap-3 text-sm\"},e.createElement(\"b\",null,k.length),\" \\u0432\\u044B\\u0431\\u0440\\u0430\\u043D\\u043E \\xB7 \\u043D\\u0430\\u0437\\u043D\\u0430\\u0447\\u0438\\u0442\\u044C \\u0441\\u0442\\u0430\\u0442\\u044C\\u044E:\",e.createElement(L,{value:x,onChange:y=>w(y.target.value),className:\"!w-64\"},e.createElement(\"option\",{value:\"\"},\"\\u0412\\u044B\\u0431\\u0440\\u0430\\u0442\\u044C\\u2026\"),d.map(y=>e.createElement(\"option\",{key:y.id,value:y.id},\" \".repeat(y.depth*2)+y.name))),e.createElement(E,{small:!0,onClick:P},\"\\u041F\\u0440\\u0438\\u043C\\u0435\\u043D\\u0438\\u0442\\u044C\"),e.createElement(\"button\",{className:\"text-gray-400 text-xs\",onClick:()=>h({})},\"\\u0421\\u043D\\u044F\\u0442\\u044C \\u0432\\u044B\\u0431\\u043E\\u0440\")),e.createElement(\"div\",{className:\"flex-1 overflow-y-auto px-4\"},e.createElement(\"table\",{className:\"w-full text-sm bg-white rounded-lg shadow-sm\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3 w-6\"}),e.createElement(\"th\",{className:\"p-2\"},\"\\u0414\\u0430\\u0442\\u0430\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0421\\u0447\\u0451\\u0442\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0422\\u0438\\u043F\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u041A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0421\\u0442\\u0430\\u0442\\u044C\\u044F\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0430 / \\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0421\\u0443\\u043C\\u043C\\u0430\"),e.createElement(\"th\",{className:\"p-2\"}))),j.map(y=>e.createElement(\"tbody\",{key:y.date},e.createElement(\"tr\",null,e.createElement(\"td\",{colSpan:9,className:\"px-3 pt-3 pb-1 text-xs font-semibold text-slate-500\"},q(y.date),y.date===Y()?\" \\xB7 \\u0421\\u0435\\u0433\\u043E\\u0434\\u043D\\u044F\":\"\")),y.rows.map(T=>e.createElement(\"tr\",{key:T.id,className:\"border-t border-gray-50 hover:bg-slate-50\"},e.createElement(\"td\",{className:\"p-2 pl-3\"},T.op_type!==\"transfer\"&&e.createElement(\"input\",{type:\"checkbox\",className:\"accent-[#2aa3af]\",checked:!!N[T.id],onChange:z=>h(U=>({...U,[T.id]:z.target.checked}))})),e.createElement(\"td\",{className:\"p-2 text-gray-500 whitespace-nowrap\"},q(T.date)),e.createElement(\"td\",{className:\"p-2 text-gray-700\"},T.account_name,T.op_type===\"transfer\"&&e.createElement(\"div\",{className:\"text-gray-400 text-xs\"},\"\\u2192 \",T.account2_name)),e.createElement(\"td\",{className:\"p-2\"},e.createElement(\"span\",{className:T.op_type===\"income\"?\"text-emerald-600\":T.op_type===\"expense\"?\"text-rose-500\":\"text-gray-400\"},T.op_type===\"income\"?e.createElement(D.arrowIn,{size:15}):T.op_type===\"expense\"?e.createElement(D.arrowOut,{size:15}):e.createElement(D.swap,{size:15}))),e.createElement(\"td\",{className:\"p-2 text-gray-700 max-w-[170px] truncate\"},T.contractor_name||\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-gray-600 max-w-[220px]\"},e.createElement(\"div\",{className:\"truncate\"},T.op_type===\"transfer\"?\"\\u041F\\u0435\\u0440\\u0435\\u0432\\u043E\\u0434 \\u043C\\u0435\\u0436\\u0434\\u0443 \\u0441\\u0447\\u0435\\u0442\\u0430\\u043C\\u0438\":T.category_name||e.createElement(\"span\",{className:\"text-amber-600\"},\"\\u041D\\u0435\\u0440\\u0430\\u0441\\u043F\\u0440\\u0435\\u0434\\u0435\\u043B\\u0435\\u043D\\u043D\\u044B\\u0439 \",T.op_type===\"income\"?\"\\u0434\\u043E\\u0445\\u043E\\u0434\":\"\\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\")),T.purpose&&e.createElement(\"div\",{className:\"text-gray-400 text-xs truncate\"},T.purpose)),e.createElement(\"td\",{className:\"p-2 text-gray-500 max-w-[130px]\"},e.createElement(\"div\",{className:\"truncate\"},T.deal_name||\"\"),T.project_name&&e.createElement(\"div\",{className:\"text-xs text-gray-400 truncate\"},T.project_name)),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},T.op_type===\"transfer\"?e.createElement(\"div\",{className:\"text-gray-600\"},\"\\u2212\",O(T.amount),e.createElement(\"div\",null,\"+\",O(T.amount))):e.createElement(\"span\",{className:T.op_type===\"income\"?\"text-emerald-600 font-medium\":\"text-rose-500 font-medium\"},T.op_type===\"income\"?\"+\":\"\\u2212\",O(T.amount)),!T.confirmed&&e.createElement(\"div\",null,e.createElement(\"span\",{className:\"text-[10px] bg-slate-100 text-slate-500 rounded px-1\"},\"\\u043D\\u0435 \\u043F\\u043E\\u0434\\u0442\\u0432\\u0435\\u0440\\u0436\\u0434\\u0435\\u043D\\u0430\"))),e.createElement(\"td\",{className:\"p-2 whitespace-nowrap text-right\"},!T.confirmed&&e.createElement(E,{small:!0,onClick:()=>r(T.id)},\"\\u041F\\u043E\\u0434\\u0442\\u0432.\"),e.createElement(H,{icon:D.edit,onClick:()=>m({...T,confirmed:!!T.confirmed})}),e.createElement(H,{icon:D.trash,danger:!0,onClick:()=>f(T.id)}))))))),c.rows.length===0&&e.createElement(\"div\",{className:\"text-center text-gray-400 text-sm py-10\"},\"\\u041E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0439 \\u043D\\u0435\\u0442\"),e.createElement(\"div\",{className:\"h-3\"})),e.createElement(\"div\",{className:\"border-t border-gray-100 bg-white px-4 py-2 text-xs text-gray-500 flex gap-4 flex-wrap\"},e.createElement(\"span\",null,v.n||0,\" \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0439\"),e.createElement(\"span\",null,\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F: \",e.createElement(\"b\",{className:\"text-emerald-600\"},O(v.income))),e.createElement(\"span\",null,\"\\u0412\\u044B\\u043F\\u043B\\u0430\\u0442\\u044B: \",e.createElement(\"b\",{className:\"text-rose-500\"},O(v.expense))),e.createElement(\"span\",null,\"\\u041F\\u0435\\u0440\\u0435\\u043C\\u0435\\u0449\\u0435\\u043D\\u0438\\u044F: \",e.createElement(\"b\",null,O(v.transfer))),e.createElement(\"span\",null,\"\\u0418\\u0442\\u043E\\u0433\\u043E: \",e.createElement(\"b\",{className:v.income-v.expense>=0?\"text-emerald-600\":\"text-rose-500\"},v.income-v.expense>=0?\"+\":\"\",O((v.income||0)-(v.expense||0)))))),g&&e.createElement(De,{meta:s,initial:g.id?g:null,onClose:()=>m(null),onSaved:()=>{u(),o()}}),l&&e.createElement(ut,{meta:s,onClose:()=>a(!1),onDone:()=>{u(),o()}}))}var Ze={sale:\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0438 \\u043F\\u043E \\u043F\\u0440\\u043E\\u0434\\u0430\\u0436\\u0430\\u043C\",purchase:\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0438 \\u043F\\u043E \\u0437\\u0430\\u043A\\u0443\\u043F\\u043A\\u0430\\u043C\"};function Ke({initial:s,kind:o,onClose:c,onSaved:i}){let[t,p]=C(s||{name:\"\",client:\"\",status:\"work\",amount:\"\",created_at:Y(),comment:\"\",deal_type:o||\"sale\"}),g=(l,a)=>p(N=>({...N,[l]:a})),m=async()=>{if(!t.name)return alert(\"\\u0423\\u043A\\u0430\\u0436\\u0438\\u0442\\u0435 \\u043D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435\");let l={...t,amount:Number(t.amount)||0};t.id?await F(\"/deals/\"+t.id,\"PUT\",l):await F(\"/deals\",\"POST\",l),i(),c()};return e.createElement(X,{title:t.id?\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0430\":t.deal_type===\"purchase\"?\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u043D\\u0438\\u0435 \\u0437\\u0430\\u043A\\u0443\\u043F\\u043A\\u0438\":\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u043D\\u0438\\u0435 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438\",onClose:c},e.createElement(M,{label:\"\\u041D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435 (\\u043D\\u0430\\u043F\\u0440\\u0438\\u043C\\u0435\\u0440: \\u041C\\u0430\\u0442\\u0435\\u043B\\u0435\\u0432\\u0438\\u0447 \\u2116J1405)\"},e.createElement(B,{value:t.name,onChange:l=>g(\"name\",l.target.value)})),e.createElement(\"div\",{className:\"grid grid-cols-2 gap-x-4\"},e.createElement(M,{label:t.deal_type===\"purchase\"?\"\\u041F\\u043E\\u0441\\u0442\\u0430\\u0432\\u0449\\u0438\\u043A\":\"\\u041A\\u043B\\u0438\\u0435\\u043D\\u0442\"},e.createElement(B,{value:t.client,onChange:l=>g(\"client\",l.target.value)})),e.createElement(M,{label:\"\\u0421\\u0443\\u043C\\u043C\\u0430 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438, \\u20BD\"},e.createElement(B,{type:\"number\",value:t.amount,onChange:l=>g(\"amount\",l.target.value)})),e.createElement(M,{label:\"\\u0421\\u0442\\u0430\\u0442\\u0443\\u0441\"},e.createElement(L,{value:t.status,onChange:l=>g(\"status\",l.target.value)},Object.entries(re).map(([l,a])=>e.createElement(\"option\",{key:l,value:l},a.label)))),e.createElement(M,{label:\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u043D\\u0430\"},e.createElement(B,{type:\"date\",value:(t.created_at||\"\").slice(0,10),onChange:l=>g(\"created_at\",l.target.value)}))),e.createElement(M,{label:\"\\u041A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0439\"},e.createElement(B,{value:t.comment,onChange:l=>g(\"comment\",l.target.value)})),e.createElement(\"div\",{className:\"flex justify-end gap-2\"},e.createElement(E,{kind:\"ghost\",onClick:c},\"\\u041E\\u0442\\u043C\\u0435\\u043D\\u0430\"),e.createElement(E,{onClick:m},\"\\u0421\\u043E\\u0445\\u0440\\u0430\\u043D\\u0438\\u0442\\u044C\")))}function ct({id:s,meta:o,refreshMeta:c,onBack:i,kindTitle:t}){let[p,g]=C(null),[m,l]=C(\"items\"),[a,N]=C(null),[h,x]=C(!1),[w,u]=C(null),[n,r]=C(null),[f,d]=C(null),[k,P]=C(\"\"),j=()=>{F(\"/deals/\"+s).then(g)};if(W(()=>{j()},[s]),!p)return e.createElement(\"div\",{className:\"p-6 text-gray-400 text-sm\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");let S=p.deal,v=Number(S.income_all)-Number(S.expense_all),y=Number(S.income_all)?Math.round(v/Number(S.income_all)*100):0,T=S.amount>0?Math.min(100,Math.round(Number(S.received)/Number(S.amount)*100)):0,z=S.amount>0?Math.min(100,Math.round(Number(S.shipped)/Number(S.amount)*100)):0,U=Number(S.received)-Number(S.shipped),V=p.ops.filter(_=>_.op_type===\"income\"),ee=p.ops.filter(_=>_.op_type===\"expense\"),xe=async _=>{await F(\"/deals/\"+s,\"PUT\",{...S,status:_}),j()},we=async()=>{k.trim()&&(await F(`/deals/${s}/comments`,\"POST\",{text:k}),P(\"\"),j())},be=({rows:_,addType:te})=>e.createElement(\"div\",null,e.createElement(\"div\",{className:\"flex justify-end p-2\"},e.createElement(E,{small:!0,onClick:()=>N({op_type:te})},\"\\u0414\\u043E\\u0431\\u0430\\u0432\\u0438\\u0442\\u044C\")),e.createElement(\"table\",{className:\"w-full text-sm\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3\"},\"\\u0414\\u0430\\u0442\\u0430\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0421\\u0447\\u0451\\u0442\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u041A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0421\\u0442\\u0430\\u0442\\u044C\\u044F\"),e.createElement(\"th\",{className:\"p-2 text-right pr-3\"},\"\\u0421\\u0443\\u043C\\u043C\\u0430\"))),e.createElement(\"tbody\",null,_.map(K=>e.createElement(\"tr\",{key:K.id,className:\"border-t border-gray-50\"},e.createElement(\"td\",{className:\"p-2 pl-3 text-gray-500\"},q(K.date)),e.createElement(\"td\",{className:\"p-2 text-gray-600\"},K.account_name),e.createElement(\"td\",{className:\"p-2 text-gray-700\"},K.contractor_name||\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-gray-600\"},K.category_name||\"\\u2014\",!K.confirmed&&e.createElement(\"span\",{className:\"ml-1 text-[10px] bg-slate-100 text-slate-500 rounded px-1\"},\"\\u043F\\u043B\\u0430\\u043D\")),e.createElement(\"td\",{className:\"p-2 pr-3 text-right font-medium whitespace-nowrap \"+(K.op_type===\"income\"?\"text-emerald-600\":\"text-rose-500\")},K.op_type===\"income\"?\"+\":\"\\u2212\",O(K.amount)))),_.length===0&&e.createElement(\"tr\",null,e.createElement(\"td\",{colSpan:5,className:\"p-4 text-center text-gray-400\"},\"\\u041F\\u043E\\u043A\\u0430 \\u043F\\u0443\\u0441\\u0442\\u043E\"))))),ue=p.items.reduce((_,te)=>_+Number(te.qty)*Number(te.price),0),ke=[[\"items\",`\\u0422\\u043E\\u0432\\u0430\\u0440\\u044B \\u0438 \\u0443\\u0441\\u043B\\u0443\\u0433\\u0438 \\xB7 ${p.items.length}`],[\"in\",`\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F \\xB7 ${V.length}`],[\"exp\",`\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B \\xB7 ${ee.length}`],[\"ship\",`\\u041E\\u0442\\u0433\\u0440\\u0443\\u0437\\u043A\\u0438 \\xB7 ${p.shipments.length}`],[\"inv\",`\\u0421\\u0447\\u0435\\u0442\\u0430 \\xB7 ${p.invoices.length}`]];return e.createElement(\"div\",{className:\"p-6\"},e.createElement(\"button\",{className:\"text-sm text-[#2aa3af] mb-2\",onClick:i},\"\\u2190 \",t),e.createElement(\"div\",{className:\"flex items-center gap-3 mb-4 flex-wrap\"},e.createElement(\"h1\",{className:\"text-[22px] font-bold text-[#22313f]\"},S.name),e.createElement(L,{value:S.status,onChange:_=>xe(_.target.value),className:\"!w-48\"},Object.entries(re).map(([_,te])=>e.createElement(\"option\",{key:_,value:_},te.label))),e.createElement(E,{small:!0,kind:\"ghost\",onClick:()=>x(!0)},\"\\u0418\\u0437\\u043C\\u0435\\u043D\\u0438\\u0442\\u044C\")),e.createElement(\"div\",{style:{display:\"grid\",gridTemplateColumns:\"repeat(auto-fit, minmax(240px, 1fr))\",gap:12},className:\"mb-5\"},e.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm min-w-0\"},e.createElement(\"div\",{className:\"text-xs text-gray-500\"},\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0430 \\u043D\\u0430 \\u0441\\u0443\\u043C\\u043C\\u0443\"),e.createElement(\"div\",{className:\"text-[17px] font-bold text-[#22313f] whitespace-nowrap\"},O(S.amount)),e.createElement(\"div\",{className:\"text-xs text-gray-500 mt-2\"},\"\\u0422\\u0438\\u043F: \",S.deal_type===\"purchase\"?\"\\u0417\\u0430\\u043A\\u0443\\u043F\\u043A\\u0430\":\"\\u041F\\u0440\\u043E\\u0434\\u0430\\u0436\\u0430\"),e.createElement(\"div\",{className:\"text-xs text-gray-500\"},\"\\u041A\\u043B\\u0438\\u0435\\u043D\\u0442: \",e.createElement(\"span\",{className:\"text-gray-700\"},S.client||\"\\u2014\")),e.createElement(\"div\",{className:\"text-xs text-gray-500\"},\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u043D\\u0430: \",q(S.created_at))),e.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm min-w-0\"},e.createElement(\"div\",{className:\"text-xs text-gray-500 uppercase\"},\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F\"),e.createElement(\"div\",{className:\"text-[17px] font-bold text-emerald-600 whitespace-nowrap\"},O(S.received)),e.createElement(\"div\",{className:\"text-xs text-gray-400\"},\"\\u0438\\u0437 \",O(S.amount)),e.createElement(\"div\",{className:\"h-1.5 bg-gray-100 rounded mt-2\"},e.createElement(\"div\",{className:\"h-1.5 bg-emerald-500 rounded\",style:{width:T+\"%\"}})),e.createElement(\"div\",{className:\"text-xs text-gray-500 mt-1\"},\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u0438\\u043B\\u043E: \",T,\"%\")),e.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm min-w-0\"},e.createElement(\"div\",{className:\"text-xs text-gray-500 uppercase\"},\"\\u041E\\u0442\\u0433\\u0440\\u0443\\u0437\\u043A\\u0438 \\u043A\\u043B\\u0438\\u0435\\u043D\\u0442\\u0443\"),e.createElement(\"div\",{className:\"text-[17px] font-bold text-sky-600 whitespace-nowrap\"},O(S.shipped)),e.createElement(\"div\",{className:\"text-xs text-gray-400\"},\"\\u0438\\u0437 \",O(S.amount)),e.createElement(\"div\",{className:\"h-1.5 bg-gray-100 rounded mt-2\"},e.createElement(\"div\",{className:\"h-1.5 bg-sky-500 rounded\",style:{width:z+\"%\"}})),e.createElement(\"div\",{className:\"text-xs text-gray-500 mt-1\"},\"\\u041E\\u0442\\u0433\\u0440\\u0443\\u0436\\u0435\\u043D\\u043E: \",z,\"%\",U>.005&&e.createElement(\"span\",{className:\"text-amber-600\"},\" \\xB7 \\u041C\\u044B \\u0434\\u043E\\u043B\\u0436\\u043D\\u044B: \",O(U)))),e.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm min-w-0\"},e.createElement(\"div\",{className:\"text-xs text-gray-500 uppercase\"},\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438\"),e.createElement(\"div\",{className:\"text-[17px] font-bold whitespace-nowrap \"+(v>=0?\"text-[#22313f]\":\"text-rose-600\")},O(v)),e.createElement(\"div\",{className:\"text-xs text-gray-500\"},\"\\u0420\\u0435\\u043D\\u0442\\u0430\\u0431\\u0435\\u043B\\u044C\\u043D\\u043E\\u0441\\u0442\\u044C \",y,\"%\"),e.createElement(\"div\",{className:\"text-xs text-gray-400 mt-1\"},\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B +\",O(S.income_all),\" \\xB7 \\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B \\u2212\",O(S.expense_all)))),e.createElement(\"div\",{className:\"grid gap-4\",style:{gridTemplateColumns:\"1fr 300px\"}},e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm min-w-0\"},e.createElement(\"div\",{className:\"flex border-b border-gray-100 text-sm overflow-x-auto\"},ke.map(([_,te])=>e.createElement(\"button\",{key:_,onClick:()=>l(_),className:\"px-4 py-2.5 whitespace-nowrap uppercase text-xs tracking-wide \"+(m===_?\"text-[#2aa3af] font-semibold border-b-2 border-[#2aa3af] -mb-px\":\"text-gray-400 hover:text-gray-600\")},te))),m===\"items\"&&e.createElement(\"div\",null,e.createElement(\"div\",{className:\"flex justify-between items-center p-2 pl-3\"},e.createElement(\"div\",{className:\"text-xs text-gray-400\"},\"\\u0422\\u043E\\u0432\\u0430\\u0440\\u044B \\u0438 \\u0443\\u0441\\u043B\\u0443\\u0433\\u0438 \\u043F\\u043E \\u0441\\u0434\\u0435\\u043B\\u043A\\u0435\"),e.createElement(E,{small:!0,onClick:()=>r({name:(o.products[0]||{}).name||\"\",qty:1,unit:\"\\u0443\\u0441\\u043B\",price:S.amount||\"\"})},\"\\u0414\\u043E\\u0431\\u0430\\u0432\\u0438\\u0442\\u044C\")),e.createElement(\"table\",{className:\"w-full text-sm\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3\"},\"\\u041D\\u0430\\u0438\\u043C\\u0435\\u043D\\u043E\\u0432\\u0430\\u043D\\u0438\\u0435\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u041A\\u043E\\u043B-\\u0432\\u043E\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0415\\u0434\\u0438\\u043D\\u0438\\u0446\\u0430\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0426\\u0435\\u043D\\u0430 \\u0437\\u0430 \\u0435\\u0434.\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0421\\u0443\\u043C\\u043C\\u0430\"),e.createElement(\"th\",{className:\"p-2\"}))),e.createElement(\"tbody\",null,p.items.map(_=>e.createElement(\"tr\",{key:_.id,className:\"border-t border-gray-50\"},e.createElement(\"td\",{className:\"p-2 pl-3 text-gray-700\"},_.name),e.createElement(\"td\",{className:\"p-2 text-right\"},_.qty),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},_.unit),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},O(_.price)),e.createElement(\"td\",{className:\"p-2 text-right font-medium whitespace-nowrap\"},O(Number(_.qty)*Number(_.price))),e.createElement(\"td\",{className:\"p-2 text-right\"},e.createElement(H,{icon:D.trash,danger:!0,onClick:async()=>{await F(\"/items/\"+_.id,\"DELETE\"),j()}})))),p.items.length===0&&e.createElement(\"tr\",null,e.createElement(\"td\",{colSpan:6,className:\"p-4 text-center text-gray-400\"},\"\\u0412\\u044B\\u0431\\u0435\\u0440\\u0438\\u0442\\u0435 \\u0442\\u043E\\u0432\\u0430\\u0440\\u044B \\u0438\\u043B\\u0438 \\u0443\\u0441\\u043B\\u0443\\u0433\\u0438 \\u0434\\u043B\\u044F \\u043F\\u0440\\u043E\\u0434\\u0430\\u0436\\u0438\")))),p.items.length>0&&e.createElement(\"div\",{className:\"p-2 pl-3 text-xs text-gray-500 border-t border-gray-50\"},p.items.length,\" \\u043F\\u043E\\u0437\\u0438\\u0446\\u0438\\u044F \\u043D\\u0430 \\u0441\\u0443\\u043C\\u043C\\u0443: \",e.createElement(\"b\",null,O(ue)))),m===\"in\"&&e.createElement(be,{rows:V,addType:\"income\"}),m===\"exp\"&&e.createElement(be,{rows:ee,addType:\"expense\"}),m===\"ship\"&&e.createElement(\"div\",null,e.createElement(\"div\",{className:\"flex justify-between items-center p-2 pl-3\"},e.createElement(\"div\",{className:\"text-xs text-gray-400\"},\"\\u041E\\u0442\\u0433\\u0440\\u0443\\u0437\\u043A\\u0438 (\\u0430\\u043A\\u0442\\u044B) \\u2014 \\u0443\\u0447\\u0451\\u0442 \\u043F\\u043E \\u043C\\u0435\\u0442\\u043E\\u0434\\u0443 \\u043D\\u0430\\u0447\\u0438\\u0441\\u043B\\u0435\\u043D\\u0438\\u044F\"),e.createElement(E,{small:!0,onClick:()=>u({date:Y(),amount:S.amount||\"\",comment:\"\"})},\"\\u0414\\u043E\\u0431\\u0430\\u0432\\u0438\\u0442\\u044C\")),e.createElement(\"table\",{className:\"w-full text-sm\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3\"},\"\\u0414\\u0430\\u0442\\u0430\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u041A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0439\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0421\\u0443\\u043C\\u043C\\u0430\"),e.createElement(\"th\",{className:\"p-2\"}))),e.createElement(\"tbody\",null,p.shipments.map(_=>e.createElement(\"tr\",{key:_.id,className:\"border-t border-gray-50\"},e.createElement(\"td\",{className:\"p-2 pl-3 text-gray-500\"},q(_.date)),e.createElement(\"td\",{className:\"p-2 text-gray-600\"},_.comment||\"\\u0410\\u043A\\u0442 \\u0432\\u044B\\u043F\\u043E\\u043B\\u043D\\u0435\\u043D\\u043D\\u044B\\u0445 \\u0440\\u0430\\u0431\\u043E\\u0442\"),e.createElement(\"td\",{className:\"p-2 text-right font-medium whitespace-nowrap text-sky-600\"},O(_.amount)),e.createElement(\"td\",{className:\"p-2 text-right\"},e.createElement(H,{icon:D.trash,danger:!0,onClick:async()=>{await F(\"/shipments/\"+_.id,\"DELETE\"),j()}})))),p.shipments.length===0&&e.createElement(\"tr\",null,e.createElement(\"td\",{colSpan:4,className:\"p-4 text-center text-gray-400\"},\"\\u041E\\u0442\\u0433\\u0440\\u0443\\u0437\\u043E\\u043A \\u043F\\u043E\\u043A\\u0430 \\u043D\\u0435\\u0442\"))))),m===\"inv\"&&e.createElement(\"div\",null,e.createElement(\"div\",{className:\"flex justify-between items-center p-2 pl-3\"},e.createElement(\"div\",{className:\"text-xs text-gray-400\"},\"\\u0421\\u0447\\u0435\\u0442\\u0430, \\u0432\\u044B\\u0441\\u0442\\u0430\\u0432\\u043B\\u0435\\u043D\\u043D\\u044B\\u0435 \\u043F\\u043E \\u0441\\u0434\\u0435\\u043B\\u043A\\u0435\"),e.createElement(E,{small:!0,onClick:()=>d({number:\"\",date:Y(),amount:S.amount||\"\",client:S.client,comment:\"\"})},\"\\u0412\\u044B\\u0441\\u0442\\u0430\\u0432\\u0438\\u0442\\u044C \\u0441\\u0447\\u0451\\u0442\")),e.createElement(\"table\",{className:\"w-full text-sm\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3\"},\"\\u2116\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0414\\u0430\\u0442\\u0430\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u041A\\u043B\\u0438\\u0435\\u043D\\u0442\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0421\\u0443\\u043C\\u043C\\u0430\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0421\\u0442\\u0430\\u0442\\u0443\\u0441\"),e.createElement(\"th\",{className:\"p-2\"}))),e.createElement(\"tbody\",null,p.invoices.map(_=>e.createElement(\"tr\",{key:_.id,className:\"border-t border-gray-50\"},e.createElement(\"td\",{className:\"p-2 pl-3\"},_.number||\"\\u0431/\\u043D\"),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},q(_.date)),e.createElement(\"td\",{className:\"p-2 text-gray-700\"},_.client||\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},O(_.amount)),e.createElement(\"td\",{className:\"p-2\"},_.status===\"paid\"?e.createElement(\"span\",{className:\"text-xs px-2 py-0.5 rounded bg-emerald-100 text-emerald-700\"},\"\\u041E\\u043F\\u043B\\u0430\\u0447\\u0435\\u043D\"):e.createElement(\"button\",{className:\"text-xs px-2 py-0.5 rounded bg-amber-100 text-amber-700\",onClick:async()=>{await F(`/invoices/${_.id}/paid`,\"POST\",{}),j()}},\"\\u041D\\u0435 \\u043E\\u043F\\u043B\\u0430\\u0447\\u0435\\u043D \\u2192 \\u043E\\u043F\\u043B\\u0430\\u0442\\u0438\\u0442\\u044C\")),e.createElement(\"td\",{className:\"p-2 text-right\"},e.createElement(H,{icon:D.trash,danger:!0,onClick:async()=>{await F(\"/invoices/\"+_.id,\"DELETE\"),j()}})))),p.invoices.length===0&&e.createElement(\"tr\",null,e.createElement(\"td\",{colSpan:6,className:\"p-4 text-center text-gray-400\"},\"\\u0421\\u0447\\u0435\\u0442\\u043E\\u0432 \\u043D\\u0435\\u0442\")))))),e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4 h-fit\"},e.createElement(\"div\",{className:\"text-xs uppercase tracking-wide text-gray-400 font-semibold mb-3\"},\"\\u0424\\u0430\\u0439\\u043B\\u044B \\u0438 \\u043A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0438\"),(p.comments||[]).length===0&&e.createElement(\"div\",{className:\"text-xs text-gray-400 text-center py-6\"},\"\\u041E\\u0441\\u0442\\u0430\\u0432\\u043B\\u044F\\u0439\\u0442\\u0435 \\u043A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0438\",e.createElement(\"br\",null),\"\\u0434\\u043B\\u044F \\u0441\\u0435\\u0431\\u044F \\u0438 \\u0441\\u0432\\u043E\\u0438\\u0445 \\u043A\\u043E\\u043B\\u043B\\u0435\\u0433\"),e.createElement(\"div\",{className:\"max-h-72 overflow-y-auto mb-3\"},(p.comments||[]).map(_=>e.createElement(\"div\",{key:_.id,className:\"mb-2 bg-slate-50 rounded p-2 text-sm group\"},e.createElement(\"div\",{className:\"text-gray-700 whitespace-pre-wrap break-words\"},_.text),e.createElement(\"div\",{className:\"flex justify-between text-[10px] text-gray-400 mt-1\"},e.createElement(\"span\",null,q(_.created_at)),e.createElement(\"button\",{className:\"opacity-0 group-hover:opacity-100 hover:text-rose-500\",onClick:async()=>{await F(\"/comments/\"+_.id,\"DELETE\"),j()}},\"\\u0443\\u0434\\u0430\\u043B\\u0438\\u0442\\u044C\"))))),e.createElement(\"div\",{className:\"flex gap-2\"},e.createElement(\"input\",{className:\"flex-1 border border-gray-200 rounded px-2 py-1.5 text-sm\",placeholder:\"\\u041D\\u0430\\u043F\\u0438\\u0441\\u0430\\u0442\\u044C \\u043A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0439\",value:k,onChange:_=>P(_.target.value),onKeyDown:_=>{_.key===\"Enter\"&&we()}}),e.createElement(E,{small:!0,onClick:we},\"\\u27A4\")))),a&&e.createElement(De,{meta:o,initial:{op_type:a.op_type,date:Y(),confirmed:!1,amount:\"\",account_id:\"\",account2_id:\"\",category_id:\"\",contractor_id:\"\",deal_id:String(s),project_id:\"\",purpose:\"\"},onClose:()=>N(null),onSaved:()=>{j(),c()}}),h&&e.createElement(Ke,{initial:S,onClose:()=>x(!1),onSaved:j}),w&&e.createElement(X,{title:\"\\u041E\\u0442\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430 (\\u0430\\u043A\\u0442)\",onClose:()=>u(null)},e.createElement(\"div\",{className:\"grid grid-cols-2 gap-x-4\"},e.createElement(M,{label:\"\\u0414\\u0430\\u0442\\u0430\"},e.createElement(B,{type:\"date\",value:w.date,onChange:_=>u({...w,date:_.target.value})})),e.createElement(M,{label:\"\\u0421\\u0443\\u043C\\u043C\\u0430, \\u20BD\"},e.createElement(B,{type:\"number\",value:w.amount,onChange:_=>u({...w,amount:_.target.value})}))),e.createElement(M,{label:\"\\u041A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0439\"},e.createElement(B,{value:w.comment,onChange:_=>u({...w,comment:_.target.value}),placeholder:\"\\u0410\\u043A\\u0442 \\u0432\\u044B\\u043F\\u043E\\u043B\\u043D\\u0435\\u043D\\u043D\\u044B\\u0445 \\u0440\\u0430\\u0431\\u043E\\u0442\"})),e.createElement(\"div\",{className:\"flex justify-end gap-2\"},e.createEle",[],[145,204],"c3ea87f2-cf70-471c-9ebd-657ce412932d","pages_d.tsx","56ab9a3e-9d44-11f1-b494-1607ee4eb77e","2ba02cd3-9593-4dc3-a930-7ca2c0361271",27,["D",1787305226254],"// Страницы: План (платёжный календарь, БДР, БДДС), Отчёты (ДДС, ОПиУ, Баланс)\nimport {\n  React, useEffect, useState, api, fmt0, thisYear, monLabel, yearMonths,\n  flatCats, rootOfCat, PageTitle, Tabs, YearSelect,\n} from \"./lib.tsx\";\n\n// ---------- Платёжный календарь ----------\nfunction CalendarTab() {\n  const [year, setYear] = useState(thisYear());\n  const [data, setData] = useState(null);\n  useEffect(() => { api(\"/calendar?year=\" + year).then(setData); }, [year]);\n  if (!data) return <div className=\"text-gray-400 text-sm\">Загрузка…</div>;\n  const byM = {};\n  for (const r of data.months) byM[r.m] = r;\n  const months = yearMonths(year);\n  const g = (m, k) => Number((byM[m] || {})[k] || 0);\n  const sum = (k) => months.reduce((s, m) => s + g(m, k), 0);\n  const Row = ({ label, k1, k2, bold, colorFn }) => (\n    <tr className={\"border-t border-gray-50 \" + (bold ? \"font-semibold bg-slate-50\" : \"\")}>\n      <td className=\"p-2 pl-3 whitespace-nowrap sticky left-0 bg-inherit\">{label}</td>\n      {months.map((m) => {\n        const v = k2 ? g(m, k1) - g(m, k2) : g(m, k1);\n        return <td key={m} className={\"p-2 text-right whitespace-nowrap \" + (colorFn ? colorFn(v) : \"\")}>{v ? fmt0(v) : \"—\"}</td>;\n      })}\n      {(() => { const v = k2 ? sum(k1) - sum(k2) : sum(k1); return <td className={\"p-2 text-right font-semibold whitespace-nowrap \" + (colorFn ? colorFn(v) : \"\")}>{v ? fmt0(v) : \"—\"}</td>; })()}\n    </tr>\n  );\n  return (\n    <div>\n      <div className=\"flex items-center gap-3 mb-3\">\n        <YearSelect value={year} onChange={setYear} />\n        <div className=\"text-xs text-gray-400\">факт — подтверждённые оплаты; план — все, включая неподтверждённые</div>\n      </div>\n      <div className=\"overflow-x-auto bg-white rounded-lg shadow-sm\">\n        <table className=\"text-sm min-w-full\">\n          <thead><tr className=\"text-xs text-gray-400\">\n            <th className=\"p-2 pl-3 text-left sticky left-0 bg-white\">Доходы и расходы, ₽</th>\n            {months.map((m) => <th key={m} className=\"p-2 text-right\">{monLabel(m)}</th>)}\n            <th className=\"p-2 text-right\">Итого</th>\n          </tr></thead>\n          <tbody>\n            <Row label=\"Доходы (факт)\" k1=\"income_fact\" colorFn={() => \"text-emerald-600\"} />\n            <Row label=\"Доходы (план)\" k1=\"income_plan\" colorFn={() => \"text-emerald-600/60\"} />\n            <Row label=\"Расходы (факт)\" k1=\"expense_fact\" colorFn={() => \"text-rose-500\"} />\n            <Row label=\"Расходы (план)\" k1=\"expense_plan\" colorFn={() => \"text-rose-500/60\"} />\n            <Row label=\"Чистая прибыль (факт)\" k1=\"income_fact\" k2=\"expense_fact\" bold colorFn={(v) => (v < 0 ? \"text-rose-600\" : \"text-[#22313f]\")} />\n            <Row label=\"Чистая прибыль (план)\" k1=\"income_plan\" k2=\"expense_plan\" bold colorFn={(v) => (v < 0 ? \"text-rose-600\" : \"text-slate-500\")} />\n          </tbody>\n        </table>\n      </div>\n    </div>\n  );\n}\n\n// ---------- Бюджет доходов и расходов (ввод плана по статьям) ----------\nfunction BdrTab({ meta }) {\n  const [year, setYear] = useState(thisYear());\n  const [kind, setKind] = useState(\"income\");\n  const [data, setData] = useState(null);\n  const load = () => { api(\"/budget?year=\" + year).then(setData); };\n  useEffect(() => { load(); }, [year]);\n  if (!data) return <div className=\"text-gray-400 text-sm\">Загрузка…</div>;\n  const months = yearMonths(year);\n  const cats = flatCats(meta.categories, kind);\n  const planBy = {};\n  for (const p of data.plans) ((planBy[p.category_id] = planBy[p.category_id] || {})[p.period] = Number(p.amount));\n  const factBy = {};\n  for (const f of data.facts) {\n    if ((kind === \"income\") !== (f.op_type === \"income\")) continue;\n    ((factBy[f.category_id] = factBy[f.category_id] || {})[f.m] = (factBy[f.category_id]?.[f.m] || 0) + Number(f.s));\n  }\n  const savePlan = async (catId, m, v) => { await api(\"/budget\", \"PUT\", { period: m, category_id: catId, amount: Number(v) || 0 }); };\n  return (\n    <div>\n      <div className=\"flex items-center gap-3 mb-3\">\n        <YearSelect value={year} onChange={setYear} />\n        <Tabs tabs={[[\"income\", \"Доходы\"], [\"expense\", \"Расходы\"]]} value={kind} onChange={setKind} />\n        <div className=\"text-xs text-gray-400\">план вводится в ячейки; серым под ячейкой — факт</div>\n      </div>\n      <div className=\"overflow-x-auto bg-white rounded-lg shadow-sm\">\n        <table className=\"text-sm min-w-full\">\n          <thead><tr className=\"text-xs text-gray-400\">\n            <th className=\"p-2 pl-3 text-left sticky left-0 bg-white min-w-[180px]\">Статья</th>\n            {months.map((m) => <th key={m} className=\"p-2 text-right min-w-[90px]\">{monLabel(m)}</th>)}\n          </tr></thead>\n          <tbody>\n            {cats.map((c) => (\n              <tr key={c.id} className=\"border-t border-gray-50\">\n                <td className={\"p-2 sticky left-0 bg-white whitespace-nowrap \" + (c.depth === 0 ? \"font-semibold text-[#22313f]\" : \"text-gray-600\")}\n                  style={{ paddingLeft: 12 + c.depth * 14 }}>{c.name}</td>\n                {months.map((m) => (\n                  <td key={m} className=\"p-1 text-right align-top\">\n                    <input\n                      className=\"w-20 border border-transparent hover:border-gray-200 focus:border-[#2aa3af] rounded px-1 py-0.5 text-right text-xs\"\n                      defaultValue={planBy[c.id]?.[m] || \"\"}\n                      onBlur={(e) => { const v = e.target.value; if (String(planBy[c.id]?.[m] || \"\") !== v) savePlan(c.id, m, v); }}\n                      placeholder=\"—\" />\n                    <div className=\"text-[10px] text-gray-400 pr-1\">{factBy[c.id]?.[m] ? fmt0(factBy[c.id][m]) : \"\"}</div>\n                  </td>\n                ))}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </div>\n    </div>\n  );\n}\n\n// ---------- Бюджет движения денег (сводно по корневым статьям: план vs факт) ----------\nfunction BddsTab({ meta }) {\n  const [year, setYear] = useState(thisYear());\n  const [data, setData] = useState(null);\n  useEffect(() => { api(\"/budget?year=\" + year).then(setData); }, [year]);\n  if (!data) return <div className=\"text-gray-400 text-sm\">Загрузка…</div>;\n  const months = yearMonths(year);\n  // план и факт агрегируем к корневой статье\n  const agg = {}; // rootId -> {name, kind, plan{m}, fact{m}}\n  const rootFor = (catId) => rootOfCat(meta.categories, catId);\n  for (const p of data.plans) {\n    const root = rootFor(p.category_id);\n    if (!root) continue;\n    const a = (agg[root.id] = agg[root.id] || { name: root.name, kind: root.kind, plan: {}, fact: {} });\n    a.plan[p.period] = (a.plan[p.period] || 0) + Number(p.amount);\n  }\n  for (const f of data.facts) {\n    const root = f.category_id ? rootFor(f.category_id) : null;\n    const key = root ? root.id : \"none_\" + f.op_type;\n    const a = (agg[key] = agg[key] || { name: root ? root.name : \"Нераспределенные\", kind: f.op_type, plan: {}, fact: {} });\n    a.fact[f.m] = (a.fact[f.m] || 0) + Number(f.s);\n  }\n  const rowsFor = (kind) => Object.values(agg).filter((a) => a.kind === kind);\n  const sumKind = (kind, m, key) => rowsFor(kind).reduce((s, a) => s + Number(a[key][m] || 0), 0);\n  const Cell = ({ v, cls }) => <td className={\"p-2 text-right whitespace-nowrap \" + (cls || \"\")}>{v ? fmt0(v) : \"—\"}</td>;\n  const Section = ({ kind, title, cls }) => (\n    <>\n      <tr className=\"bg-slate-50 font-semibold border-t border-gray-100\">\n        <td className=\"p-2 pl-3 sticky left-0 bg-slate-50\">{title} (факт / план)</td>\n        {months.map((m) => (\n          <td key={m} className=\"p-2 text-right whitespace-nowrap\">\n            <div className={cls}>{sumKind(kind, m, \"fact\") ? fmt0(sumKind(kind, m, \"fact\")) : \"—\"}</div>\n            <div className=\"text-[11px] text-gray-400\">{sumKind(kind, m, \"plan\") ? fmt0(sumKind(kind, m, \"plan\")) : \"—\"}</div>\n          </td>\n        ))}\n      </tr>\n      {rowsFor(kind).map((a, i) => (\n        <tr key={i} className=\"border-t border-gray-50\">\n          <td className=\"p-2 pl-6 text-gray-600 sticky left-0 bg-white\">{a.name}</td>\n          {months.map((m) => (\n            <td key={m} className=\"p-2 text-right whitespace-nowrap\">\n              <div>{a.fact[m] ? fmt0(a.fact[m]) : \"—\"}</div>\n              <div className=\"text-[11px] text-gray-400\">{a.plan[m] ? fmt0(a.plan[m]) : \"—\"}</div>\n            </td>\n          ))}\n        </tr>\n      ))}\n    </>\n  );\n  return (\n    <div>\n      <div className=\"flex items-center gap-3 mb-3\">\n        <YearSelect value={year} onChange={setYear} />\n        <div className=\"text-xs text-gray-400\">сводно по корневым статьям: сверху факт, ниже серым — план (вводится в «Бюджете доходов и расходов»)</div>\n      </div>\n      <div className=\"overflow-x-auto bg-white rounded-lg shadow-sm\">\n        <table className=\"text-sm min-w-full\">\n          <thead><tr className=\"text-xs text-gray-400\">\n            <th className=\"p-2 pl-3 text-left sticky left-0 bg-white\">Движение денег, ₽</th>\n            {months.map((m) => <th key={m} className=\"p-2 text-right\">{monLabel(m)}</th>)}\n          </tr></thead>\n          <tbody>\n            <Section kind=\"income\" title=\"Поступления\" cls=\"text-emerald-600\" />\n            <Section kind=\"expense\" title=\"Выплаты\" cls=\"text-rose-500\" />\n            <tr className=\"bg-slate-100 font-bold border-t border-gray-200\">\n              <td className=\"p-2 pl-3 sticky left-0 bg-slate-100\">Чистый поток (факт / план)</td>\n              {months.map((m) => {\n                const f = sumKind(\"income\", m, \"fact\") - sumKind(\"expense\", m, \"fact\");\n                const p = sumKind(\"income\", m, \"plan\") - sumKind(\"expense\", m, \"plan\");\n                return (\n                  <td key={m} className=\"p-2 text-right whitespace-nowrap\">\n                    <div className={f < 0 ? \"text-rose-600\" : \"\"}>{f ? fmt0(f) : \"—\"}</div>\n                    <div className={\"text-[11px] \" + (p < 0 ? \"text-rose-400\" : \"text-gray-400\")}>{p ? fmt0(p) : \"—\"}</div>\n                  </td>\n                );\n              })}\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    </div>\n  );\n}\n\nexport function PagePlan({ tab, meta }) {\n  const titles = { cal: \"Платёжный календарь\", bdr: \"Бюджет доходов и расходов\", bdds: \"Бюджет движения денег\" };\n  return (\n    <div className=\"p-6\">\n      <PageTitle>{titles[tab]}</PageTitle>\n      {tab === \"cal\" && <CalendarTab />}\n      {tab === \"bdr\" && <BdrTab meta={meta} />}\n      {tab === \"bdds\" && <BddsTab meta={meta} />}\n    </div>\n  );\n}\n\n// ---------- Отчёты ----------\nfunction DDSTab({ meta }) {\n  const [year, setYear] = useState(thisYear());\n  const [data, setData] = useState(null);\n  useEffect(() => { api(`/report/cashflow?from=${year}-01-01&to=${year}-12-31`).then(setData); }, [year]);\n  if (!data) return <div className=\"text-gray-400 text-sm\">Загрузка…</div>;\n  const months = yearMonths(year);\n  const rootName = {};\n  const cells = {};\n  for (const r of data.by_category) {\n    const root = r.category_id ? rootOfCat(meta.categories, r.category_id) : null;\n    const key = root ? \"c\" + root.id : \"none_\" + r.op_type;\n    rootName[key] = { name: root ? root.name : \"Нераспределенные\", kind: r.op_type };\n    ((cells[key] = cells[key] || {})[r.m] = (cells[key][r.m] || 0) + Number(r.s));\n  }\n  const rowsFor = (kind) => Object.entries(rootName).filter(([, v]) => v.kind === kind);\n  const sumRow = (kind, m) => rowsFor(kind).reduce((s, [k]) => s + Number((cells[k] || {})[m] || 0), 0);\n  const trByM = {};\n  for (const r of data.transfers) trByM[r.m] = Number(r.s);\n  const netBy = {};\n  for (const r of data.net_by_month) netBy[r.m] = Number(r.net);\n  const allMonthsSorted = Object.keys(netBy).sort();\n  const balanceAt = (m) => {\n    let b = Number(data.start_total || 0);\n    for (const mm of allMonthsSorted) if (mm <= m) b += netBy[mm];\n    return b;\n  };\n  const Cell = ({ v, cls }) => <td className={\"p-2 text-right whitespace-nowrap \" + (cls || \"\")}>{v ? fmt0(v) : \"—\"}</td>;\n  return (\n    <div>\n      <div className=\"mb-3\"><YearSelect value={year} onChange={setYear} /></div>\n      <div className=\"overflow-x-auto bg-white rounded-lg shadow-sm\">\n        <table className=\"text-sm min-w-full\">\n          <thead><tr className=\"text-xs text-gray-400\">\n            <th className=\"p-2 pl-3 text-left sticky left-0 bg-white\">По статьям учёта</th>\n            {months.map((m) => <th key={m} className=\"p-2 text-right\">{monLabel(m)}</th>)}\n            <th className=\"p-2 text-right\">Итого</th>\n          </tr></thead>\n          <tbody>\n            <tr className=\"bg-slate-50 font-semibold border-t border-gray-100\">\n              <td className=\"p-2 pl-3 sticky left-0 bg-slate-50\">Поступления</td>\n              {months.map((m) => <Cell key={m} v={sumRow(\"income\", m)} cls=\"text-emerald-600\" />)}\n              <Cell v={months.reduce((s, m) => s + sumRow(\"income\", m), 0)} cls=\"text-emerald-600\" />\n            </tr>\n            {rowsFor(\"income\").map(([k, v]) => (\n              <tr key={k} className=\"border-t border-gray-50\">\n                <td className=\"p-2 pl-6 text-gray-600 sticky left-0 bg-white\">{v.name}</td>\n                {months.map((m) => <Cell key={m} v={(cells[k] || {})[m]} />)}\n                <Cell v={months.reduce((s, m) => s + Number((cells[k] || {})[m] || 0), 0)} />\n              </tr>\n            ))}\n            <tr className=\"bg-slate-50 font-semibold border-t border-gray-100\">\n              <td className=\"p-2 pl-3 sticky left-0 bg-slate-50\">Выплаты</td>\n              {months.map((m) => <Cell key={m} v={sumRow(\"expense\", m)} cls=\"text-rose-500\" />)}\n              <Cell v={months.reduce((s, m) => s + sumRow(\"expense\", m), 0)} cls=\"text-rose-500\" />\n            </tr>\n            {rowsFor(\"expense\").map(([k, v]) => (\n              <tr key={k} className=\"border-t border-gray-50\">\n                <td className=\"p-2 pl-6 text-gray-600 sticky left-0 bg-white\">{v.name}</td>\n                {months.map((m) => <Cell key={m} v={(cells[k] || {})[m]} />)}\n                <Cell v={months.reduce((s, m) => s + Number((cells[k] || {})[m] || 0), 0)} />\n              </tr>\n            ))}\n            <tr className=\"border-t border-gray-100\">\n              <td className=\"p-2 pl-3 text-gray-600 sticky left-0 bg-white\">Перемещения</td>\n              {months.map((m) => <Cell key={m} v={trByM[m]} cls=\"text-gray-500\" />)}\n              <Cell v={Object.values(trByM).reduce((s, x) => s + x, 0)} cls=\"text-gray-500\" />\n            </tr>\n            <tr className=\"bg-slate-100 font-bold border-t border-gray-200\">\n              <td className=\"p-2 pl-3 sticky left-0 bg-slate-100\">Общий денежный поток</td>\n              {months.map((m) => { const v = sumRow(\"income\", m) - sumRow(\"expense\", m); return <Cell key={m} v={v} cls={v < 0 ? \"text-rose-600\" : \"\"} />; })}\n              {(() => { const v = months.reduce((s, m) => s + sumRow(\"income\", m) - sumRow(\"expense\", m), 0); return <Cell v={v} cls={v < 0 ? \"text-rose-600\" : \"\"} />; })()}\n            </tr>\n            <tr className=\"font-semibold border-t border-gray-100\">\n              <td className=\"p-2 pl-3 sticky left-0 bg-white\">Остатки на конец периода</td>\n              {months.map((m) => <Cell key={m} v={balanceAt(m)} />)}\n              <Cell v={balanceAt(months[11])} />\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    </div>\n  );\n}\n\nfunction plBucket(root, kind) {\n  const n = (root?.name || \"\").toLowerCase();\n  if (kind === \"income\") return n.includes(\"прочие\") ? \"other_inc\" : \"revenue\";\n  if (n.includes(\"постоянные\")) return \"fixed\";\n  if (n.includes(\"налог\")) return \"tax\";\n  if (n.includes(\"кредит\") || n.includes(\"овердрафт\")) return \"other_exp\";\n  return \"variable\";\n}\nfunction PLTab({ meta }) {\n  const [year, setYear] = useState(thisYear());\n  const [data, setData] = useState(null);\n  useEffect(() => { api(`/report/cashflow?from=${year}-01-01&to=${year}-12-31`).then(setData); }, [year]);\n  if (!data) return <div className=\"text-gray-400 text-sm\">Загрузка…</div>;\n  const months = yearMonths(year);\n  const buckets = { revenue: {}, other_inc: {}, variable: {}, fixed: {}, tax: {}, other_exp: {} };\n  for (const r of data.by_category) {\n    const root = r.category_id ? rootOfCat(meta.categories, r.category_id) : null;\n    const b = plBucket(root, r.op_type);\n    buckets[b][r.m] = (buckets[b][r.m] || 0) + Number(r.s);\n  }\n  const g = (b, m) => Number(buckets[b][m] || 0);\n  const calc = (m) => {\n    const rev = g(\"revenue\", m), varc = g(\"variable\", m), marg = rev - varc, fix = g(\"fixed\", m);\n    const oper = marg - fix, oi = g(\"other_inc\", m), oe = g(\"other_exp\", m);\n    const ebitda = oper + oi - oe, tax = g(\"tax\", m), np = ebitda - tax;\n    return { rev, varc, marg, fix, oper, oi, oe, ebitda, tax, np };\n  };\n  const totals = {};\n  for (const m of months) { const c = calc(m); for (const k in c) totals[k] = (totals[k] || 0) + c[k]; }\n  const ROWS = [\n    [\"rev\", \"Выручка\", \"text-emerald-600\"],\n    [\"varc\", \"Переменные расходы\", \"text-rose-500\"],\n    [\"marg\", \"Маржинальная прибыль\", \"font-semibold\"],\n    [\"fix\", \"Постоянные расходы\", \"text-rose-500\"],\n    [\"oper\", \"Операционная прибыль\", \"font-semibold\"],\n    [\"oi\", \"Прочие доходы\", \"\"],\n    [\"oe\", \"Прочие расходы\", \"\"],\n    [\"ebitda\", \"EBITDA\", \"font-semibold\"],\n    [\"tax\", \"Налоги\", \"text-rose-500\"],\n    [\"np\", \"ЧИСТАЯ ПРИБЫЛЬ\", \"font-bold\"],\n  ];\n  return (\n    <div>\n      <div className=\"flex items-center gap-3 mb-3\">\n        <YearSelect value={year} onChange={setYear} />\n        <div className=\"text-xs text-gray-400\">кассовый метод: по подтверждённым операциям; переменные/постоянные — по корневым статьям расходов</div>\n      </div>\n      <div className=\"overflow-x-auto bg-white rounded-lg shadow-sm\">\n        <table className=\"text-sm min-w-full\">\n          <thead><tr className=\"text-xs text-gray-400\">\n            <th className=\"p-2 pl-3 text-left sticky left-0 bg-white\">Прибыли и убытки, ₽</th>\n            {months.map((m) => <th key={m} className=\"p-2 text-right\">{monLabel(m)}</th>)}\n            <th className=\"p-2 text-right\">Итого</th>\n          </tr></thead>\n          <tbody>\n            {ROWS.map(([k, label, cls]) => (\n              <tr key={k} className={\"border-t border-gray-50 \" + (cls.includes(\"font\") ? \"bg-slate-50\" : \"\")}>\n                <td className={\"p-2 pl-3 sticky left-0 bg-inherit whitespace-nowrap \" + cls}>{label}</td>\n                {months.map((m) => { const v = calc(m)[k]; return <td key={m} className={\"p-2 text-right whitespace-nowrap \" + cls + (v < 0 ? \" text-rose-600\" : \"\")}>{v ? fmt0(v) : \"—\"}</td>; })}\n                <td className={\"p-2 text-right whitespace-nowrap font-semibold \" + (totals[k] < 0 ? \"text-rose-600\" : \"\")}>{totals[k] ? fmt0(totals[k]) : \"—\"}</td>\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </div>\n    </div>\n  );\n}\n\nfunction BalanceTab({ meta }) {\n  const [ind, setInd] = useState(null);\n  useEffect(() => { api(`/indicators?from=${thisYear()}-01-01&to=${thisYear()}-12-31`).then(setInd); }, []);\n  const planned = ind?.planned || {};\n  const cash = meta.total_balance || 0;\n  const receivable = Number(planned.inc || 0);\n  const payable = Number(planned.exp || 0);\n  const assets = cash + receivable;\n  const capital = assets - payable;\n  const Row = ({ label, v, bold, indent }) => (\n    <div className={\"flex justify-between py-1.5 text-sm border-b border-gray-50 \" + (bold ? \"font-bold text-[#22313f]\" : \"text-gray-700\")} style={{ paddingLeft: indent ? 16 : 0 }}>\n      <span>{label}</span><span className=\"whitespace-nowrap\">{fmt0(v)}</span>\n    </div>\n  );\n  return (\n    <div className=\"max-w-xl\">\n      <div className=\"text-xs text-gray-400 mb-3\">Упрощённый управленческий баланс: деньги + ожидаемые поступления против обязательств к оплате.</div>\n      <div className=\"bg-white rounded-lg shadow-sm p-4 mb-4\">\n        <div className=\"text-sm font-semibold text-[#22313f] mb-2\">Активы</div>\n        <Row label=\"Денежные средства (остатки на счетах)\" v={cash} indent />\n        <Row label=\"Дебиторская задолженность (ожидаем поступления)\" v={receivable} indent />\n        <Row label=\"ИТОГО АКТИВЫ\" v={assets} bold />\n      </div>\n      <div className=\"bg-white rounded-lg shadow-sm p-4 mb-4\">\n        <div className=\"text-sm font-semibold text-[#22313f] mb-2\">Обязательства</div>\n        <Row label=\"Кредиторская задолженность (к оплате)\" v={payable} indent />\n        <Row label=\"ИТОГО ОБЯЗАТЕЛЬСТВА\" v={payable} bold />\n      </div>\n      <div className=\"bg-white rounded-lg shadow-sm p-4\">\n        <Row label=\"КАПИТАЛ (активы − обязательства)\" v={capital} bold />\n      </div>\n    </div>\n  );\n}\n\nexport function PageReports({ tab, meta }) {\n  const titles = { dds: \"Отчёт о движении денежных средств\", pl: \"Отчёт о прибылях и убытках\", bal: \"Баланс\" };\n  return (\n    <div className=\"p-6\">\n      <PageTitle>{titles[tab]}</PageTitle>\n      {tab === \"dds\" && <DDSTab meta={meta} />}\n      {tab === \"pl\" && <PLTab meta={meta} />}\n      {tab === \"bal\" && <BalanceTab meta={meta} />}\n    </div>\n  );\n}\n",[],[145,220,212],"src","9caa8d00-dcaf-4612-9318-62a4db20abdd","pages_c.tsx","173064f6-9d40-11f1-810a-1607ee4eb77e",26,["D",1787305225556],"// Страницы: Справочники (6 разделов), Настройки, Вход\nimport {\n  React, useEffect, useState, api, fmt, fmtDate, todayStr, setPinLS,\n  flatCats, Modal, Field, TInput, TSelect, Btn, IconBtn, PageTitle, Tabs, Icons,\n} from \"./lib.tsx\";\n\nconst REF_TITLES = {\n  contractors: \"Контрагенты\", categories: \"Учётные статьи\", accounts: \"Мои счета\",\n  les: \"Мои юрлица\", products: \"Товары\", services: \"Услуги\",\n};\n\n// ---------- Справочники ----------\nexport function PageRefs({ tab, meta, refreshMeta }) {\n  const [modal, setModal] = useState(null);\n  const del = async (type, id) => {\n    if (!window.confirm(\"Удалить?\")) return;\n    const r = await api(`/${type}/${id}`, \"DELETE\");\n    if (r.error) alert(r.error); else refreshMeta();\n  };\n  const leName = Object.fromEntries((meta.legal_entities || []).map((l) => [l.id, l.name]));\n  const products = (meta.products || []).filter((p) => (tab === \"products\" ? p.ptype === \"product\" : p.ptype === \"service\"));\n  const createDefaults = {\n    contractors: { type: \"contractors\" },\n    categories: { type: \"categories\" },\n    accounts: { type: \"accounts\" },\n    les: { type: \"legal-entities\" },\n    products: { type: \"products\", data0: { ptype: \"product\" } },\n    services: { type: \"products\", data0: { ptype: \"service\" } },\n  };\n  return (\n    <div className=\"p-6\">\n      <PageTitle right={<Btn onClick={() => setModal(createDefaults[tab])}>Создать</Btn>}>{REF_TITLES[tab]}</PageTitle>\n      {tab === \"accounts\" && (\n        <table className=\"w-full text-sm bg-white rounded-lg shadow-sm\">\n          <thead><tr className=\"text-left text-xs text-gray-400\">\n            <th className=\"p-2 pl-3\">Название</th><th className=\"p-2\">Юрлицо</th><th className=\"p-2\">Группа</th><th className=\"p-2\">Тип</th><th className=\"p-2\">Банк</th>\n            <th className=\"p-2 text-right\">Начальный остаток</th><th className=\"p-2 text-right\">Текущий остаток</th><th className=\"p-2\"></th>\n          </tr></thead>\n          <tbody>\n            {meta.accounts.map((a) => (\n              <tr key={a.id} className={\"border-t border-gray-50 \" + (a.active ? \"\" : \"opacity-40\")}>\n                <td className=\"p-2 pl-3 font-medium text-[#22313f]\">{a.name}</td>\n                <td className=\"p-2 text-gray-500\">{leName[a.legal_entity_id] || \"—\"}</td>\n                <td className=\"p-2 text-gray-500\">{a.grp || \"—\"}</td>\n                <td className=\"p-2 text-gray-500\">{a.acc_type}</td>\n                <td className=\"p-2 text-gray-500\">{a.bank || \"—\"}<div className=\"text-xs text-gray-400\">{a.number}</div></td>\n                <td className=\"p-2 text-right text-gray-600 whitespace-nowrap\">{fmt(a.start_balance)}<div className=\"text-xs text-gray-400\">{fmtDate(a.start_date)}</div></td>\n                <td className={\"p-2 text-right font-medium whitespace-nowrap \" + (a.balance < 0 ? \"text-rose-600\" : \"text-[#22313f]\")}>{fmt(a.balance)}</td>\n                <td className=\"p-2 text-right whitespace-nowrap\">\n                  <IconBtn icon={Icons.edit} onClick={() => setModal({ type: \"accounts\", data: a })} />\n                  <IconBtn icon={Icons.trash} danger onClick={() => del(\"accounts\", a.id)} />\n                </td>\n              </tr>\n            ))}\n          </tbody>\n          <tfoot><tr className=\"border-t border-gray-100 font-semibold\">\n            <td className=\"p-2 pl-3\" colSpan={6}>{meta.accounts.length} счетов · Текущий остаток:</td>\n            <td className=\"p-2 text-right whitespace-nowrap\">{fmt(meta.total_balance)}</td><td></td>\n          </tr></tfoot>\n        </table>\n      )}\n      {tab === \"contractors\" && (\n        <table className=\"w-full text-sm bg-white rounded-lg shadow-sm\">\n          <thead><tr className=\"text-left text-xs text-gray-400\"><th className=\"p-2 pl-3\">Название</th><th className=\"p-2\">Группа</th><th className=\"p-2\">ИНН</th><th className=\"p-2\">Комментарий</th><th className=\"p-2\"></th></tr></thead>\n          <tbody>\n            {meta.contractors.map((x) => (\n              <tr key={x.id} className=\"border-t border-gray-50\">\n                <td className=\"p-2 pl-3 font-medium text-[#22313f]\">{x.name}</td>\n                <td className=\"p-2 text-gray-500\">{x.grp || \"—\"}</td>\n                <td className=\"p-2 text-gray-500\">{x.inn || \"—\"}</td>\n                <td className=\"p-2 text-gray-500\">{x.comment || \"\"}</td>\n                <td className=\"p-2 text-right whitespace-nowrap\">\n                  <IconBtn icon={Icons.edit} onClick={() => setModal({ type: \"contractors\", data: x })} />\n                  <IconBtn icon={Icons.trash} danger onClick={() => del(\"contractors\", x.id)} />\n                </td>\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      )}\n      {tab === \"categories\" && <CatsRef meta={meta} onEdit={(c) => setModal({ type: \"categories\", data: c })} onDel={(id) => del(\"categories\", id)} />}\n      {tab === \"les\" && (\n        <table className=\"w-full text-sm bg-white rounded-lg shadow-sm max-w-3xl\">\n          <thead><tr className=\"text-left text-xs text-gray-400\"><th className=\"p-2 pl-3\">Название</th><th className=\"p-2\">ИНН</th><th className=\"p-2\">Счетов</th><th className=\"p-2\">Комментарий</th><th className=\"p-2\"></th></tr></thead>\n          <tbody>\n            {(meta.legal_entities || []).map((x) => (\n              <tr key={x.id} className=\"border-t border-gray-50\">\n                <td className=\"p-2 pl-3 font-medium text-[#22313f]\">{x.name}</td>\n                <td className=\"p-2 text-gray-500\">{x.inn || \"—\"}</td>\n                <td className=\"p-2 text-gray-500\">{meta.accounts.filter((a) => a.legal_entity_id === x.id).length}</td>\n                <td className=\"p-2 text-gray-500\">{x.comment || \"\"}</td>\n                <td className=\"p-2 text-right whitespace-nowrap\">\n                  <IconBtn icon={Icons.edit} onClick={() => setModal({ type: \"legal-entities\", data: x })} />\n                  <IconBtn icon={Icons.trash} danger onClick={() => del(\"legal-entities\", x.id)} />\n                </td>\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      )}\n      {(tab === \"products\" || tab === \"services\") && (\n        <table className=\"w-full text-sm bg-white rounded-lg shadow-sm max-w-3xl\">\n          <thead><tr className=\"text-left text-xs text-gray-400\"><th className=\"p-2 pl-3\">Наименование</th><th className=\"p-2\">Единица</th><th className=\"p-2 text-right\">Цена, ₽</th><th className=\"p-2\"></th></tr></thead>\n          <tbody>\n            {products.map((x) => (\n              <tr key={x.id} className=\"border-t border-gray-50\">\n                <td className=\"p-2 pl-3 font-medium text-[#22313f]\">{x.name}</td>\n                <td className=\"p-2 text-gray-500\">{x.unit}</td>\n                <td className=\"p-2 text-right whitespace-nowrap\">{Number(x.price) ? fmt(x.price) : \"—\"}</td>\n                <td className=\"p-2 text-right whitespace-nowrap\">\n                  <IconBtn icon={Icons.edit} onClick={() => setModal({ type: \"products\", data: x })} />\n                  <IconBtn icon={Icons.trash} danger onClick={() => del(\"products\", x.id)} />\n                </td>\n              </tr>\n            ))}\n            {products.length === 0 && <tr><td colSpan={4} className=\"p-6 text-center text-gray-400\">Пока пусто — нажмите «Создать»</td></tr>}\n          </tbody>\n        </table>\n      )}\n      {modal && <RefModal modal={modal} meta={meta} onClose={() => setModal(null)} onSaved={refreshMeta} />}\n    </div>\n  );\n}\n\nfunction CatsRef({ meta, onEdit, onDel }) {\n  const [kind, setKind] = useState(\"income\");\n  const list = flatCats(meta.categories, kind);\n  return (\n    <div className=\"bg-white rounded-lg shadow-sm p-4 max-w-2xl\">\n      <Tabs tabs={[[\"income\", \"Доходы\"], [\"expense\", \"Расходы\"]]} value={kind} onChange={setKind} />\n      <div className=\"mt-3\" />\n      {list.map((c) => (\n        <div key={c.id} className=\"flex items-center justify-between py-1.5 border-b border-gray-50 text-sm\" style={{ paddingLeft: c.depth * 20 }}>\n          <span className={c.depth === 0 ? \"font-medium text-[#22313f]\" : \"text-gray-600\"}>{c.name}</span>\n          <span className=\"whitespace-nowrap\">\n            <IconBtn icon={Icons.edit} onClick={() => onEdit(c)} />\n            <IconBtn icon={Icons.trash} danger onClick={() => onDel(c.id)} />\n          </span>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction RefModal({ modal, meta, onClose, onSaved }) {\n  const { type, data, data0 } = modal;\n  const [f, setF] = useState(data || (type === \"accounts\"\n    ? { name: \"\", acc_type: \"Безналичный\", bank: \"\", number: \"\", grp: \"\", start_balance: \"\", start_date: todayStr(), legal_entity_id: (meta.legal_entities[0] || {}).id || \"\" }\n    : type === \"contractors\"\n    ? { name: \"\", grp: \"\", inn: \"\", comment: \"\" }\n    : type === \"legal-entities\"\n    ? { name: \"\", inn: \"\", comment: \"\" }\n    : type === \"products\"\n    ? { name: \"\", ptype: (data0 || {}).ptype || \"service\", unit: \"шт\", price: \"\" }\n    : { name: \"\", kind: \"income\", parent_id: \"\" }));\n  const set = (k, v) => setF((s) => ({ ...s, [k]: v }));\n  const save = async () => {\n    if (!f.name) return alert(\"Укажите название\");\n    const path = \"/\" + type + (f.id ? \"/\" + f.id : \"\");\n    const r = await api(path, f.id ? \"PUT\" : \"POST\", { ...f, parent_id: f.parent_id ? Number(f.parent_id) : null, active: f.active !== 0 });\n    if (r.error) return alert(r.error);\n    onSaved(); onClose();\n  };\n  const titles = { accounts: \"Счёт\", contractors: \"Контрагент\", categories: \"Учётная статья\", \"legal-entities\": \"Юрлицо\", products: f.ptype === \"product\" ? \"Товар\" : \"Услуга\" };\n  return (\n    <Modal title={(f.id ? \"\" : \"Создать: \") + titles[type]} onClose={onClose}>\n      <Field label=\"Название\"><TInput value={f.name} onChange={(e) => set(\"name\", e.target.value)} /></Field>\n      {type === \"accounts\" && (\n        <div className=\"grid grid-cols-2 gap-x-4\">\n          <Field label=\"Тип\">\n            <TSelect value={f.acc_type} onChange={(e) => set(\"acc_type\", e.target.value)}>\n              {[\"Безналичный\", \"Наличный\", \"Карта физлица\", \"Электронный\"].map((t) => <option key={t}>{t}</option>)}\n            </TSelect>\n          </Field>\n          <Field label=\"Юрлицо\">\n            <TSelect value={f.legal_entity_id || \"\"} onChange={(e) => set(\"legal_entity_id\", e.target.value)}>\n              <option value=\"\">—</option>\n              {(meta.legal_entities || []).map((l) => <option key={l.id} value={l.id}>{l.name}</option>)}\n            </TSelect>\n          </Field>\n          <Field label=\"Группа\"><TInput value={f.grp} onChange={(e) => set(\"grp\", e.target.value)} placeholder=\"Основной счет / Налоговый…\" /></Field>\n          <Field label=\"Банк\"><TInput value={f.bank} onChange={(e) => set(\"bank\", e.target.value)} /></Field>\n          <Field label=\"Номер счёта\"><TInput value={f.number} onChange={(e) => set(\"number\", e.target.value)} /></Field>\n          <Field label=\"Начальный остаток, ₽\"><TInput type=\"number\" value={f.start_balance} onChange={(e) => set(\"start_balance\", e.target.value)} /></Field>\n          <Field label=\"Дата остатка\"><TInput type=\"date\" value={(f.start_date || \"\").slice(0, 10)} onChange={(e) => set(\"start_date\", e.target.value)} /></Field>\n        </div>\n      )}\n      {type === \"contractors\" && (\n        <div className=\"grid grid-cols-2 gap-x-4\">\n          <Field label=\"Группа\">\n            <TSelect value={f.grp} onChange={(e) => set(\"grp\", e.target.value)}>\n              <option value=\"\">—</option>\n              {[\"Застройщик\", \"Брокер (ИП)\", \"Банк\", \"Сотрудник\", \"Покупатель\", \"Поставщик\", \"Прочее\"].map((g) => <option key={g}>{g}</option>)}\n            </TSelect>\n          </Field>\n          <Field label=\"ИНН\"><TInput value={f.inn} onChange={(e) => set(\"inn\", e.target.value)} /></Field>\n          <Field label=\"Комментарий\"><TInput value={f.comment} onChange={(e) => set(\"comment\", e.target.value)} /></Field>\n        </div>\n      )}\n      {type === \"legal-entities\" && (\n        <div className=\"grid grid-cols-2 gap-x-4\">\n          <Field label=\"ИНН\"><TInput value={f.inn} onChange={(e) => set(\"inn\", e.target.value)} /></Field>\n          <Field label=\"Комментарий\"><TInput value={f.comment} onChange={(e) => set(\"comment\", e.target.value)} /></Field>\n        </div>\n      )}\n      {type === \"products\" && (\n        <div className=\"grid grid-cols-3 gap-x-4\">\n          <Field label=\"Тип\">\n            <TSelect value={f.ptype} onChange={(e) => set(\"ptype\", e.target.value)}>\n              <option value=\"service\">Услуга</option><option value=\"product\">Товар</option>\n            </TSelect>\n          </Field>\n          <Field label=\"Единица\"><TInput value={f.unit} onChange={(e) => set(\"unit\", e.target.value)} /></Field>\n          <Field label=\"Цена, ₽\"><TInput type=\"number\" value={f.price} onChange={(e) => set(\"price\", e.target.value)} /></Field>\n        </div>\n      )}\n      {type === \"categories\" && (\n        <div className=\"grid grid-cols-2 gap-x-4\">\n          <Field label=\"Раздел\">\n            <TSelect value={f.kind} onChange={(e) => set(\"kind\", e.target.value)} disabled={!!f.id}>\n              <option value=\"income\">Доходы</option><option value=\"expense\">Расходы</option>\n            </TSelect>\n          </Field>\n          <Field label=\"Родительская статья\">\n            <TSelect value={f.parent_id || \"\"} onChange={(e) => set(\"parent_id\", e.target.value)}>\n              <option value=\"\">— (корневая)</option>\n              {flatCats(meta.categories, f.kind).filter((c) => c.id !== f.id).map((c) => (\n                <option key={c.id} value={c.id}>{\" \".repeat(c.depth * 3) + c.name}</option>\n              ))}\n            </TSelect>\n          </Field>\n        </div>\n      )}\n      <div className=\"flex justify-end gap-2 mt-2\"><Btn kind=\"ghost\" onClick={onClose}>Отмена</Btn><Btn onClick={save}>Сохранить</Btn></div>\n    </Modal>\n  );\n}\n\n// ---------- Настройки ----------\nexport function PageSettings({ refreshMeta }) {\n  const [oldPin, setOldPin] = useState(\"\");\n  const [newPin, setNewPin] = useState(\"\");\n  const [msg, setMsg] = useState(\"\");\n  const changePin = async () => {\n    const r = await api(\"/settings/pin\", \"POST\", { oldPin, newPin });\n    setMsg(r.ok ? \"PIN изменён\" : r.error || \"Ошибка\");\n    if (r.ok) { setPinLS(newPin); setOldPin(\"\"); setNewPin(\"\"); }\n  };\n  const demo = async (action) => {\n    if (action === \"clear\" && !window.confirm(\"Удалить ВСЕ операции и сделки?\")) return;\n    await api(\"/demo\", \"POST\", { action });\n    setMsg(action === \"clear\" ? \"Операции и сделки очищены\" : \"Демо-данные загружены\");\n    refreshMeta();\n  };\n  return (\n    <div className=\"p-6 max-w-md\">\n      <PageTitle>Настройки</PageTitle>\n      <div className=\"bg-white rounded-lg p-4 shadow-sm mb-4\">\n        <div className=\"text-sm font-semibold text-[#22313f] mb-2\">Сменить PIN-код</div>\n        <Field label=\"Текущий PIN\"><TInput type=\"password\" value={oldPin} onChange={(e) => setOldPin(e.target.value)} /></Field>\n        <Field label=\"Новый PIN (4–8 цифр)\"><TInput type=\"password\" value={newPin} onChange={(e) => setNewPin(e.target.value)} /></Field>\n        <Btn onClick={changePin}>Сохранить</Btn>\n      </div>\n      <div className=\"bg-white rounded-lg p-4 shadow-sm mb-4\">\n        <div className=\"text-sm font-semibold text-[#22313f] mb-2\">Данные</div>\n        <div className=\"flex gap-2 flex-wrap\">\n          <Btn kind=\"ghost\" onClick={() => demo(\"load\")}>Загрузить демо-данные</Btn>\n          <Btn kind=\"danger\" onClick={() => demo(\"clear\")}>Очистить операции и сделки</Btn>\n        </div>\n      </div>\n      {msg && <div className=\"text-sm text-[#2aa3af]\">{msg}</div>}\n      <a href=\"/source\" className=\"text-xs text-gray-300 hover:text-gray-400\">view source</a>\n    </div>\n  );\n}\n\n// ---------- Вход ----------\nexport function Login({ onOk }) {\n  const [pin, setPin] = useState(\"\");\n  const [err, setErr] = useState(\"\");\n  const submit = async (e) => {\n    e.preventDefault();\n    const r = await api(\"/login\", \"POST\", { pin });\n    if (r.ok) { setPinLS(pin); onOk(); } else setErr(\"Неверный PIN\");\n  };\n  return (\n    <div className=\"min-h-screen flex items-center justify-center\" style={{ background: \"#22313f\" }}>\n      <form onSubmit={submit} className=\"bg-white rounded-xl shadow-xl p-8 w-80 text-center\">\n        <div className=\"w-12 h-12 rounded-lg mx-auto mb-3 flex items-center justify-center text-white font-bold text-lg\" style={{ background: \"#2aa3af\" }}>Uf</div>\n        <div className=\"font-bold text-lg text-[#22313f]\">U.fin</div>\n        <div className=\"text-xs text-gray-400 mb-5\">Финансы агентства недвижимости</div>\n        <TInput type=\"password\" placeholder=\"PIN-код\" value={pin} onChange={(e) => setPin(e.target.value)} className=\"text-center mb-3\" />\n        {err && <div className=\"text-rose-500 text-xs mb-2\">{err}</div>}\n        <button className=\"w-full text-white rounded py-2 text-sm font-medium\" style={{ background: \"#2aa3af\" }}>Войти</button>\n      </form>\n    </div>\n  );\n}\n",[],[145,220,222],"37601bfb-1bb8-404f-aaf6-d8195a4a90aa","pages_b.tsx","16c4e0aa-9d40-11f1-83f2-1607ee4eb77e",25,["D",1787305225024],"// Страницы: Сделки (продажи/закупки), карточка сделки с вкладками, Выставленные счета, Проекты\nimport {\n  React, useEffect, useState, api, fmt, fmt0, fmtDate, todayStr, DEAL_STATUS,\n  Modal, Field, TInput, TSelect, Btn, IconBtn, PageTitle, Tabs, Icons,\n} from \"./lib.tsx\";\nimport { OpModal } from \"./pages_a.tsx\";\n\nconst KIND_TITLES = { sale: \"Сделки по продажам\", purchase: \"Сделки по закупкам\" };\n\n// ---------- модалка сделки ----------\nexport function DealModal({ initial, kind, onClose, onSaved }) {\n  const [f, setF] = useState(initial || { name: \"\", client: \"\", status: \"work\", amount: \"\", created_at: todayStr(), comment: \"\", deal_type: kind || \"sale\" });\n  const set = (k, v) => setF((s) => ({ ...s, [k]: v }));\n  const save = async () => {\n    if (!f.name) return alert(\"Укажите название\");\n    const body = { ...f, amount: Number(f.amount) || 0 };\n    if (f.id) await api(\"/deals/\" + f.id, \"PUT\", body); else await api(\"/deals\", \"POST\", body);\n    onSaved(); onClose();\n  };\n  return (\n    <Modal title={f.id ? \"Сделка\" : (f.deal_type === \"purchase\" ? \"Создание закупки\" : \"Создание сделки\")} onClose={onClose}>\n      <Field label=\"Название (например: Мателевич №J1405)\"><TInput value={f.name} onChange={(e) => set(\"name\", e.target.value)} /></Field>\n      <div className=\"grid grid-cols-2 gap-x-4\">\n        <Field label={f.deal_type === \"purchase\" ? \"Поставщик\" : \"Клиент\"}><TInput value={f.client} onChange={(e) => set(\"client\", e.target.value)} /></Field>\n        <Field label=\"Сумма сделки, ₽\"><TInput type=\"number\" value={f.amount} onChange={(e) => set(\"amount\", e.target.value)} /></Field>\n        <Field label=\"Статус\">\n          <TSelect value={f.status} onChange={(e) => set(\"status\", e.target.value)}>\n            {Object.entries(DEAL_STATUS).map(([k, v]) => <option key={k} value={k}>{v.label}</option>)}\n          </TSelect>\n        </Field>\n        <Field label=\"Создана\"><TInput type=\"date\" value={(f.created_at || \"\").slice(0, 10)} onChange={(e) => set(\"created_at\", e.target.value)} /></Field>\n      </div>\n      <Field label=\"Комментарий\"><TInput value={f.comment} onChange={(e) => set(\"comment\", e.target.value)} /></Field>\n      <div className=\"flex justify-end gap-2\"><Btn kind=\"ghost\" onClick={onClose}>Отмена</Btn><Btn onClick={save}>Сохранить</Btn></div>\n    </Modal>\n  );\n}\n\n// ---------- карточка сделки ----------\nfunction DealCard({ id, meta, refreshMeta, onBack, kindTitle }) {\n  const [data, setData] = useState(null);\n  const [tab, setTab] = useState(\"items\");\n  const [opModal, setOpModal] = useState(null);\n  const [editModal, setEditModal] = useState(false);\n  const [shipForm, setShipForm] = useState(null);\n  const [itemForm, setItemForm] = useState(null);\n  const [invForm, setInvForm] = useState(null);\n  const load = () => { api(\"/deals/\" + id).then(setData); };\n  useEffect(() => { load(); }, [id]);\n  if (!data) return <div className=\"p-6 text-gray-400 text-sm\">Загрузка…</div>;\n  const d = data.deal;\n  const st = DEAL_STATUS[d.status] || DEAL_STATUS.work;\n  const profit = Number(d.income_all) - Number(d.expense_all);\n  const rentab = Number(d.income_all) ? Math.round((profit / Number(d.income_all)) * 100) : 0;\n  const pctIn = d.amount > 0 ? Math.min(100, Math.round((Number(d.received) / Number(d.amount)) * 100)) : 0;\n  const pctShip = d.amount > 0 ? Math.min(100, Math.round((Number(d.shipped) / Number(d.amount)) * 100)) : 0;\n  const weOwe = Number(d.received) - Number(d.shipped);\n  const incomes = data.ops.filter((o) => o.op_type === \"income\");\n  const expenses = data.ops.filter((o) => o.op_type === \"expense\");\n  const changeStatus = async (s) => { await api(\"/deals/\" + id, \"PUT\", { ...d, status: s }); load(); };\n  const OpRows = ({ rows, addType }) => (\n    <div>\n      <div className=\"flex justify-end p-2\">\n        <Btn small onClick={() => setOpModal({ op_type: addType })}>Добавить</Btn>\n      </div>\n      <table className=\"w-full text-sm\">\n        <thead><tr className=\"text-left text-xs text-gray-400\"><th className=\"p-2 pl-3\">Дата</th><th className=\"p-2\">Счёт</th><th className=\"p-2\">Контрагент</th><th className=\"p-2\">Статья</th><th className=\"p-2 text-right pr-3\">Сумма</th></tr></thead>\n        <tbody>\n          {rows.map((o) => (\n            <tr key={o.id} className=\"border-t border-gray-50\">\n              <td className=\"p-2 pl-3 text-gray-500\">{fmtDate(o.date)}</td>\n              <td className=\"p-2 text-gray-600\">{o.account_name}</td>\n              <td className=\"p-2 text-gray-700\">{o.contractor_name || \"—\"}</td>\n              <td className=\"p-2 text-gray-600\">{o.category_name || \"—\"}{!o.confirmed && <span className=\"ml-1 text-[10px] bg-slate-100 text-slate-500 rounded px-1\">план</span>}</td>\n              <td className={\"p-2 pr-3 text-right font-medium whitespace-nowrap \" + (o.op_type === \"income\" ? \"text-emerald-600\" : \"text-rose-500\")}>{o.op_type === \"income\" ? \"+\" : \"−\"}{fmt(o.amount)}</td>\n            </tr>\n          ))}\n          {rows.length === 0 && <tr><td colSpan={5} className=\"p-4 text-center text-gray-400\">Пока пусто</td></tr>}\n        </tbody>\n      </table>\n    </div>\n  );\n  const itemsSum = data.items.reduce((s, x) => s + Number(x.qty) * Number(x.price), 0);\n  const TABS = [\n    [\"items\", `Товары и услуги · ${data.items.length}`],\n    [\"in\", `Поступления · ${incomes.length}`],\n    [\"exp\", `Расходы · ${expenses.length}`],\n    [\"ship\", `Отгрузки · ${data.shipments.length}`],\n    [\"inv\", `Счета · ${data.invoices.length}`],\n  ];\n  return (\n    <div className=\"p-6\">\n      <button className=\"text-sm text-[#2aa3af] mb-2\" onClick={onBack}>← {kindTitle}</button>\n      <div className=\"flex items-center gap-3 mb-4 flex-wrap\">\n        <h1 className=\"text-[22px] font-bold text-[#22313f]\">{d.name}</h1>\n        <TSelect value={d.status} onChange={(e) => changeStatus(e.target.value)} className={\"!w-48 \" + st.cls}>\n          {Object.entries(DEAL_STATUS).map(([k, v]) => <option key={k} value={k}>{v.label}</option>)}\n        </TSelect>\n        <Btn small kind=\"ghost\" onClick={() => setEditModal(true)}>Изменить</Btn>\n      </div>\n      <div style={{ display: \"grid\", gridTemplateColumns: \"repeat(auto-fit, minmax(240px, 1fr))\", gap: 12 }} className=\"mb-5\">\n        <div className=\"bg-white rounded-lg p-4 shadow-sm min-w-0\">\n          <div className=\"text-xs text-gray-500\">Сделка на сумму</div>\n          <div className=\"text-[17px] font-bold text-[#22313f] whitespace-nowrap\">{fmt(d.amount)}</div>\n          <div className=\"text-xs text-gray-500 mt-2\">Тип: {d.deal_type === \"purchase\" ? \"Закупка\" : \"Продажа\"}</div>\n          <div className=\"text-xs text-gray-500\">Клиент: <span className=\"text-gray-700\">{d.client || \"—\"}</span></div>\n          <div className=\"text-xs text-gray-500\">Создана: {fmtDate(d.created_at)}</div>\n        </div>\n        <div className=\"bg-white rounded-lg p-4 shadow-sm min-w-0\">\n          <div className=\"text-xs text-gray-500 uppercase\">Поступления</div>\n          <div className=\"text-[17px] font-bold text-emerald-600 whitespace-nowrap\">{fmt(d.received)}</div>\n          <div className=\"text-xs text-gray-400\">из {fmt(d.amount)}</div>\n          <div className=\"h-1.5 bg-gray-100 rounded mt-2\"><div className=\"h-1.5 bg-emerald-500 rounded\" style={{ width: pctIn + \"%\" }}></div></div>\n          <div className=\"text-xs text-gray-500 mt-1\">Поступило: {pctIn}%</div>\n        </div>\n        <div className=\"bg-white rounded-lg p-4 shadow-sm min-w-0\">\n          <div className=\"text-xs text-gray-500 uppercase\">Отгрузки клиенту</div>\n          <div className=\"text-[17px] font-bold text-sky-600 whitespace-nowrap\">{fmt(d.shipped)}</div>\n          <div className=\"text-xs text-gray-400\">из {fmt(d.amount)}</div>\n          <div className=\"h-1.5 bg-gray-100 rounded mt-2\"><div className=\"h-1.5 bg-sky-500 rounded\" style={{ width: pctShip + \"%\" }}></div></div>\n          <div className=\"text-xs text-gray-500 mt-1\">Отгружено: {pctShip}%{weOwe > 0.005 && <span className=\"text-amber-600\"> · Мы должны: {fmt(weOwe)}</span>}</div>\n        </div>\n        <div className=\"bg-white rounded-lg p-4 shadow-sm min-w-0\">\n          <div className=\"text-xs text-gray-500 uppercase\">Прибыль сделки</div>\n          <div className={\"text-[17px] font-bold whitespace-nowrap \" + (profit >= 0 ? \"text-[#22313f]\" : \"text-rose-600\")}>{fmt(profit)}</div>\n          <div className=\"text-xs text-gray-500\">Рентабельность {rentab}%</div>\n          <div className=\"text-xs text-gray-400 mt-1\">Доходы +{fmt(d.income_all)} · Расходы −{fmt(d.expense_all)}</div>\n        </div>\n      </div>\n      <div className=\"bg-white rounded-lg shadow-sm\">\n        <div className=\"flex border-b border-gray-100 text-sm overflow-x-auto\">\n          {TABS.map(([k, l]) => (\n            <button key={k} onClick={() => setTab(k)}\n              className={\"px-4 py-2.5 whitespace-nowrap uppercase text-xs tracking-wide \" +\n                (tab === k ? \"text-[#2aa3af] font-semibold border-b-2 border-[#2aa3af] -mb-px\" : \"text-gray-400 hover:text-gray-600\")}>{l}</button>\n          ))}\n        </div>\n        {tab === \"items\" && (\n          <div>\n            <div className=\"flex justify-between items-center p-2 pl-3\">\n              <div className=\"text-xs text-gray-400\">Товары и услуги по сделке</div>\n              <Btn small onClick={() => setItemForm({ name: (meta.products[0] || {}).name || \"\", qty: 1, unit: \"усл\", price: d.amount || \"\" })}>Добавить</Btn>\n            </div>\n            <table className=\"w-full text-sm\">\n              <thead><tr className=\"text-left text-xs text-gray-400\"><th className=\"p-2 pl-3\">Наименование</th><th className=\"p-2 text-right\">Кол-во</th><th className=\"p-2\">Единица</th><th className=\"p-2 text-right\">Цена за ед.</th><th className=\"p-2 text-right\">Сумма</th><th className=\"p-2\"></th></tr></thead>\n              <tbody>\n                {data.items.map((x) => (\n                  <tr key={x.id} className=\"border-t border-gray-50\">\n                    <td className=\"p-2 pl-3 text-gray-700\">{x.name}</td>\n                    <td className=\"p-2 text-right\">{x.qty}</td>\n                    <td className=\"p-2 text-gray-500\">{x.unit}</td>\n                    <td className=\"p-2 text-right whitespace-nowrap\">{fmt(x.price)}</td>\n                    <td className=\"p-2 text-right font-medium whitespace-nowrap\">{fmt(Number(x.qty) * Number(x.price))}</td>\n                    <td className=\"p-2 text-right\"><IconBtn icon={Icons.trash} danger onClick={async () => { await api(\"/items/\" + x.id, \"DELETE\"); load(); }} /></td>\n                  </tr>\n                ))}\n                {data.items.length === 0 && <tr><td colSpan={6} className=\"p-4 text-center text-gray-400\">Выберите товары или услуги для продажи</td></tr>}\n              </tbody>\n            </table>\n            {data.items.length > 0 && <div className=\"p-2 pl-3 text-xs text-gray-500 border-t border-gray-50\">{data.items.length} позиция на сумму: <b>{fmt(itemsSum)}</b></div>}\n          </div>\n        )}\n        {tab === \"in\" && <OpRows rows={incomes} addType=\"income\" />}\n        {tab === \"exp\" && <OpRows rows={expenses} addType=\"expense\" />}\n        {tab === \"ship\" && (\n          <div>\n            <div className=\"flex justify-between items-center p-2 pl-3\">\n              <div className=\"text-xs text-gray-400\">Отгрузки (акты) — учёт по методу начисления</div>\n              <Btn small onClick={() => setShipForm({ date: todayStr(), amount: d.amount || \"\", comment: \"\" })}>Добавить</Btn>\n            </div>\n            <table className=\"w-full text-sm\">\n              <thead><tr className=\"text-left text-xs text-gray-400\"><th className=\"p-2 pl-3\">Дата</th><th className=\"p-2\">Комментарий</th><th className=\"p-2 text-right\">Сумма</th><th className=\"p-2\"></th></tr></thead>\n              <tbody>\n                {data.shipments.map((x) => (\n                  <tr key={x.id} className=\"border-t border-gray-50\">\n                    <td className=\"p-2 pl-3 text-gray-500\">{fmtDate(x.date)}</td>\n                    <td className=\"p-2 text-gray-600\">{x.comment || \"Акт выполненных работ\"}</td>\n                    <td className=\"p-2 text-right font-medium whitespace-nowrap text-sky-600\">{fmt(x.amount)}</td>\n                    <td className=\"p-2 text-right\"><IconBtn icon={Icons.trash} danger onClick={async () => { await api(\"/shipments/\" + x.id, \"DELETE\"); load(); }} /></td>\n                  </tr>\n                ))}\n                {data.shipments.length === 0 && <tr><td colSpan={4} className=\"p-4 text-center text-gray-400\">Отгрузок пока нет</td></tr>}\n              </tbody>\n            </table>\n          </div>\n        )}\n        {tab === \"inv\" && (\n          <div>\n            <div className=\"flex justify-between items-center p-2 pl-3\">\n              <div className=\"text-xs text-gray-400\">Счета, выставленные по сделке</div>\n              <Btn small onClick={() => setInvForm({ number: \"\", date: todayStr(), amount: d.amount || \"\", client: d.client, comment: \"\" })}>Выставить счёт</Btn>\n            </div>\n            <table className=\"w-full text-sm\">\n              <thead><tr className=\"text-left text-xs text-gray-400\"><th className=\"p-2 pl-3\">№</th><th className=\"p-2\">Дата</th><th className=\"p-2\">Клиент</th><th className=\"p-2 text-right\">Сумма</th><th className=\"p-2\">Статус</th><th className=\"p-2\"></th></tr></thead>\n              <tbody>\n                {data.invoices.map((x) => (\n                  <tr key={x.id} className=\"border-t border-gray-50\">\n                    <td className=\"p-2 pl-3\">{x.number || \"б/н\"}</td>\n                    <td className=\"p-2 text-gray-500\">{fmtDate(x.date)}</td>\n                    <td className=\"p-2 text-gray-700\">{x.client || \"—\"}</td>\n                    <td className=\"p-2 text-right whitespace-nowrap\">{fmt(x.amount)}</td>\n                    <td className=\"p-2\">{x.status === \"paid\"\n                      ? <span className=\"text-xs px-2 py-0.5 rounded bg-emerald-100 text-emerald-700\">Оплачен</span>\n                      : <button className=\"text-xs px-2 py-0.5 rounded bg-amber-100 text-amber-700\" onClick={async () => { await api(`/invoices/${x.id}/paid`, \"POST\", {}); load(); }}>Не оплачен → оплатить</button>}</td>\n                    <td className=\"p-2 text-right\"><IconBtn icon={Icons.trash} danger onClick={async () => { await api(\"/invoices/\" + x.id, \"DELETE\"); load(); }} /></td>\n                  </tr>\n                ))}\n                {data.invoices.length === 0 && <tr><td colSpan={6} className=\"p-4 text-center text-gray-400\">Счетов нет</td></tr>}\n              </tbody>\n            </table>\n          </div>\n        )}\n      </div>\n      {opModal && <OpModal meta={meta}\n        initial={{ op_type: opModal.op_type, date: todayStr(), confirmed: false, amount: \"\", account_id: \"\", account2_id: \"\", category_id: \"\", contractor_id: \"\", deal_id: String(id), project_id: \"\", purpose: \"\" }}\n        onClose={() => setOpModal(null)} onSaved={() => { load(); refreshMeta(); }} />}\n      {editModal && <DealModal initial={d} onClose={() => setEditModal(false)} onSaved={load} />}\n      {shipForm && (\n        <Modal title=\"Отгрузка (акт)\" onClose={() => setShipForm(null)}>\n          <div className=\"grid grid-cols-2 gap-x-4\">\n            <Field label=\"Дата\"><TInput type=\"date\" value={shipForm.date} onChange={(e) => setShipForm({ ...shipForm, date: e.target.value })} /></Field>\n            <Field label=\"Сумма, ₽\"><TInput type=\"number\" value={shipForm.amount} onChange={(e) => setShipForm({ ...shipForm, amount: e.target.value })} /></Field>\n          </div>\n          <Field label=\"Комментарий\"><TInput value={shipForm.comment} onChange={(e) => setShipForm({ ...shipForm, comment: e.target.value })} placeholder=\"Акт выполненных работ\" /></Field>\n          <div className=\"flex justify-end gap-2\"><Btn kind=\"ghost\" onClick={() => setShipForm(null)}>Отмена</Btn>\n            <Btn onClick={async () => { await api(`/deals/${id}/shipments`, \"POST\", shipForm); setShipForm(null); load(); }}>Сохранить</Btn></div>\n        </Modal>\n      )}\n      {itemForm && (\n        <Modal title=\"Позиция: товар или услуга\" onClose={() => setItemForm(null)}>\n          <Field label=\"Наименование (из справочника или своё)\">\n            <TSelect value={itemForm.name} onChange={(e) => setItemForm({ ...itemForm, name: e.target.value })}>\n              {meta.products.map((p) => <option key={p.id} value={p.name}>{p.name}</option>)}\n              <option value=\"\">— своё название —</option>\n            </TSelect>\n          </Field>\n          {itemForm.name === \"\" && <Field label=\"Своё название\"><TInput value={itemForm.custom || \"\"} onChange={(e) => setItemForm({ ...itemForm, custom: e.target.value })} /></Field>}\n          <div className=\"grid grid-cols-3 gap-x-4\">\n            <Field label=\"Кол-во\"><TInput type=\"number\" value={itemForm.qty} onChange={(e) => setItemForm({ ...itemForm, qty: e.target.value })} /></Field>\n            <Field label=\"Единица\"><TInput value={itemForm.unit} onChange={(e) => setItemForm({ ...itemForm, unit: e.target.value })} /></Field>\n            <Field label=\"Цена за ед., ₽\"><TInput type=\"number\" value={itemForm.price} onChange={(e) => setItemForm({ ...itemForm, price: e.target.value })} /></Field>\n          </div>\n          <div className=\"flex justify-end gap-2\"><Btn kind=\"ghost\" onClick={() => setItemForm(null)}>Отмена</Btn>\n            <Btn onClick={async () => {\n              const name = itemForm.name || itemForm.custom;\n              if (!name) return alert(\"Укажите наименование\");\n              await api(`/deals/${id}/items`, \"POST\", { ...itemForm, name });\n              setItemForm(null); load();\n            }}>Сохранить</Btn></div>\n        </Modal>\n      )}\n      {invForm && (\n        <Modal title=\"Выставить счёт\" onClose={() => setInvForm(null)}>\n          <div className=\"grid grid-cols-2 gap-x-4\">\n            <Field label=\"Номер счёта\"><TInput value={invForm.number} onChange={(e) => setInvForm({ ...invForm, number: e.target.value })} /></Field>\n            <Field label=\"Дата\"><TInput type=\"date\" value={invForm.date} onChange={(e) => setInvForm({ ...invForm, date: e.target.value })} /></Field>\n            <Field label=\"Клиент\"><TInput value={invForm.client} onChange={(e) => setInvForm({ ...invForm, client: e.target.value })} /></Field>\n            <Field label=\"Сумма, ₽\"><TInput type=\"number\" value={invForm.amount} onChange={(e) => setInvForm({ ...invForm, amount: e.target.value })} /></Field>\n          </div>\n          <div className=\"flex justify-end gap-2\"><Btn kind=\"ghost\" onClick={() => setInvForm(null)}>Отмена</Btn>\n            <Btn onClick={async () => { await api(\"/invoices\", \"POST\", { ...invForm, deal_id: id }); setInvForm(null); load(); }}>Сохранить</Btn></div>\n        </Modal>\n      )}\n    </div>\n  );\n}\n\n// ---------- список сделок ----------\nexport function PageDeals({ kind, meta, refreshMeta }) {\n  const [rows, setRows] = useState([]);\n  const [modal, setModal] = useState(false);\n  const [view, setView] = useState(null);\n  const [fltStatus, setFltStatus] = useState(\"\");\n  const [q, setQ] = useState(\"\");\n  const load = () => { api(\"/deals?type=\" + kind).then(setRows); };\n  useEffect(() => { load(); }, [kind]);\n  if (view) return <DealCard id={view} meta={meta} refreshMeta={refreshMeta} kindTitle={KIND_TITLES[kind]} onBack={() => { setView(null); load(); }} />;\n  let filtered = fltStatus ? rows.filter((r) => r.status === fltStatus) : rows;\n  if (q) filtered = filtered.filter((r) => (r.name + \" \" + r.client).toLowerCase().includes(q.toLowerCase()));\n  const totalSum = filtered.reduce((s, r) => s + Number(r.amount || 0), 0);\n  const totalProfit = filtered.reduce((s, r) => s + Number(r.income_all || 0) - Number(r.expense_all || 0), 0);\n  const del = async (id) => { if (window.confirm(\"Удалить сделку? Операции останутся без привязки.\")) { await api(\"/deals/\" + id, \"DELETE\"); load(); } };\n  return (\n    <div className=\"p-6\">\n      <PageTitle right={\n        <>\n          <Btn onClick={() => setModal(true)}>Создать</Btn>\n          <div className=\"ml-auto flex gap-2\">\n            <TSelect value={fltStatus} onChange={(e) => setFltStatus(e.target.value)} className=\"!w-44\">\n              <option value=\"\">Все статусы</option>\n              {Object.entries(DEAL_STATUS).map(([k, v]) => <option key={k} value={k}>{v.label}</option>)}\n            </TSelect>\n            <input className=\"border border-gray-200 rounded px-3 py-1.5 text-sm w-64\" placeholder=\"Поиск по названию или контрагенту\" value={q} onChange={(e) => setQ(e.target.value)} />\n          </div>\n        </>\n      }>{KIND_TITLES[kind]}</PageTitle>\n      <table className=\"w-full text-sm bg-white rounded-lg shadow-sm\">\n        <thead><tr className=\"text-left text-xs text-gray-400\">\n          <th className=\"p-2 pl-3\">Дата</th><th className=\"p-2\">Название</th><th className=\"p-2\">{kind === \"purchase\" ? \"Поставщик\" : \"Клиент\"}</th>\n          <th className=\"p-2\">Статус</th><th className=\"p-2 text-right\">Сумма сделки, ₽</th>\n          <th className=\"p-2 text-right\">Поступило</th><th className=\"p-2 text-right\">Отгружено</th><th className=\"p-2 text-right\">Прибыль, ₽</th><th className=\"p-2\"></th>\n        </tr></thead>\n        <tbody>\n          {filtered.map((r) => {\n            const st = DEAL_STATUS[r.status] || DEAL_STATUS.work;\n            const pct = r.amount > 0 ? Math.min(100, Math.round((Number(r.received) / Number(r.amount)) * 100)) : 0;\n            const pctShip = r.amount > 0 ? Math.min(100, Math.round((Number(r.shipped) / Number(r.amount)) * 100)) : 0;\n            const profit = Number(r.income_all) - Number(r.expense_all);\n            return (\n              <tr key={r.id} className=\"border-t border-gray-50 hover:bg-slate-50 cursor-pointer\" onClick={() => setView(r.id)}>\n                <td className=\"p-2 pl-3 text-gray-500 whitespace-nowrap\">{fmtDate(r.created_at)}</td>\n                <td className=\"p-2 font-medium text-[#22313f]\">{r.name}</td>\n                <td className=\"p-2 text-gray-700\">{r.client || \"—\"}</td>\n                <td className=\"p-2\"><span className={\"text-xs px-2 py-0.5 rounded whitespace-nowrap \" + st.cls}>{st.label}</span></td>\n                <td className=\"p-2 text-right font-medium whitespace-nowrap\">{fmt(r.amount)}</td>\n                <td className=\"p-2 text-right text-gray-600\">{pct}%</td>\n                <td className=\"p-2 text-right text-gray-600\">{pctShip}%</td>\n                <td className={\"p-2 text-right font-medium whitespace-nowrap \" + (profit >= 0 ? \"text-emerald-600\" : \"text-rose-500\")}>{fmt(profit)}</td>\n                <td className=\"p-2 text-right\" onClick={(e) => e.stopPropagation()}>\n                  <IconBtn icon={Icons.trash} danger onClick={() => del(r.id)} />\n                </td>\n              </tr>\n            );\n          })}\n          {filtered.length === 0 && <tr><td colSpan={9} className=\"p-8 text-center text-gray-400\">Сделок нет — нажмите «Создать»</td></tr>}\n        </tbody>\n      </table>\n      <div className=\"text-xs text-gray-500 mt-2\">\n        {filtered.length} {kind === \"purchase\" ? \"закупок\" : \"продаж\"} на сумму: <b>{fmt(totalSum)}</b> · Общая прибыль: <b className=\"text-emerald-600\">{fmt(totalProfit)}</b>\n      </div>\n      {modal && <DealModal kind={kind} onClose={() => setModal(false)} onSaved={load} />}\n    </div>\n  );\n}\n\n// ---------- Выставленные счета ----------\nexport function PageInvoices({ meta }) {\n  const [rows, setRows] = useState([]);\n  const [modal, setModal] = useState(null);\n  const load = () => { api(\"/invoices\").then(setRows); };\n  useEffect(() => { load(); }, []);\n  const save = async (f) => {\n    const body = { ...f, amount: Number(f.amount) || 0, contractor_id: Number(f.contractor_id) || null };\n    if (f.id) await api(\"/invoices/\" + f.id, \"PUT\", body); else await api(\"/invoices\", \"POST\", body);\n    setModal(null); load();\n  };\n  const totalUnpaid = rows.filter((r) => r.status !== \"paid\").reduce((s, r) => s + Number(r.amount), 0);\n  return (\n    <div className=\"p-6\">\n      <PageTitle right={<Btn onClick={() => setModal({ number: \"\", date: todayStr(), client: \"\", contractor_id: \"\", amount: \"\", status: \"unpaid\", comment: \"\" })}>Создать</Btn>}>Выставленные счета</PageTitle>\n      <table className=\"w-full text-sm bg-white rounded-lg shadow-sm\">\n        <thead><tr className=\"text-left text-xs text-gray-400\">\n          <th className=\"p-2 pl-3\">№</th><th className=\"p-2\">Дата</th><th className=\"p-2\">Клиент / Контрагент</th>\n          <th className=\"p-2\">Сделка</th><th className=\"p-2 text-right\">Сумма, ₽</th><th className=\"p-2\">Статус</th><th className=\"p-2\"></th>\n        </tr></thead>\n        <tbody>\n          {rows.map((x) => (\n            <tr key={x.id} className=\"border-t border-gray-50 hover:bg-slate-50\">\n              <td className=\"p-2 pl-3 font-medium text-[#22313f]\">{x.number || \"б/н\"}</td>\n              <td className=\"p-2 text-gray-500 whitespace-nowrap\">{fmtDate(x.date)}</td>\n              <td className=\"p-2 text-gray-700\">{x.contractor_name || x.client || \"—\"}</td>\n              <td className=\"p-2 text-gray-500\">{x.deal_name || \"\"}</td>\n              <td className=\"p-2 text-right font-medium whitespace-nowrap\">{fmt(x.amount)}</td>\n              <td className=\"p-2\">{x.status === \"paid\"\n                ? <span className=\"text-xs px-2 py-0.5 rounded bg-emerald-100 text-emerald-700\">Оплачен</span>\n                : <button className=\"text-xs px-2 py-0.5 rounded bg-amber-100 text-amber-700\" onClick={async () => { await api(`/invoices/${x.id}/paid`, \"POST\", {}); load(); }}>Не оплачен → оплатить</button>}</td>\n              <td className=\"p-2 text-right whitespace-nowrap\">\n                <IconBtn icon={Icons.edit} onClick={() => setModal(x)} />\n                <IconBtn icon={Icons.trash} danger onClick={async () => { if (window.confirm(\"Удалить счёт?\")) { await api(\"/invoices/\" + x.id, \"DELETE\"); load(); } }} />\n              </td>\n            </tr>\n          ))}\n          {rows.length === 0 && <tr><td colSpan={7} className=\"p-8 text-center text-gray-400\">Выставленных счетов нет</td></tr>}\n        </tbody>\n      </table>\n      <div className=\"text-xs text-gray-500 mt-2\">{rows.length} счетов · Не оплачено: <b className=\"text-amber-600\">{fmt(totalUnpaid)}</b></div>\n      {modal && (\n        <Modal title={modal.id ? \"Счёт\" : \"Выставить счёт\"} onClose={() => setModal(null)}>\n          <div className=\"grid grid-cols-2 gap-x-4\">\n            <Field label=\"Номер\"><TInput value={modal.number} onChange={(e) => setModal({ ...modal, number: e.target.value })} /></Field>\n            <Field label=\"Дата\"><TInput type=\"date\" value={(modal.date || \"\").slice(0, 10)} onChange={(e) => setModal({ ...modal, date: e.target.value })} /></Field>\n            <Field label=\"Контрагент\">\n              <TSelect value={modal.contractor_id || \"\"} onChange={(e) => setModal({ ...modal, contractor_id: e.target.value })}>\n                <option value=\"\">—</option>\n                {meta.contractors.map((c) => <option key={c.id} value={c.id}>{c.name}</option>)}\n              </TSelect>\n            </Field>\n            <Field label=\"Клиент (текстом)\"><TInput value={modal.client} onChange={(e) => setModal({ ...modal, client: e.target.value })} /></Field>\n            <Field label=\"Сумма, ₽\"><TInput type=\"number\" value={modal.amount} onChange={(e) => setModal({ ...modal, amount: e.target.value })} /></Field>\n            <Field label=\"Статус\">\n              <TSelect value={modal.status} onChange={(e) => setModal({ ...modal, status: e.target.value })}>\n                <option value=\"unpaid\">Не оплачен</option><option value=\"paid\">Оплачен</option>\n              </TSelect>\n            </Field>\n          </div>\n          <div className=\"flex justify-end gap-2\"><Btn kind=\"ghost\" onClick={() => setModal(null)}>Отмена</Btn><Btn onClick={() => save(modal)}>Сохранить</Btn></div>\n        </Modal>\n      )}\n    </div>\n  );\n}\n\n// ---------- Проекты ----------\nexport function PageProjects({ refreshMeta }) {\n  const [rows, setRows] = useState([]);\n  const [modal, setModal] = useState(null);\n  const load = () => { api(\"/projects\").then(setRows); };\n  useEffect(() => { load(); }, []);\n  const del = async (id) => {\n    if (window.confirm(\"Удалить проект? Операции останутся без привязки.\")) {\n      await api(\"/projects/\" + id, \"DELETE\"); load(); refreshMeta();\n    }\n  };\n  const save = async (f) => {\n    if (f.id) await api(\"/projects/\" + f.id, \"PUT\", f); else await api(\"/projects\", \"POST\", f);\n    setModal(null); load(); refreshMeta();\n  };\n  return (\n    <div className=\"p-6\">\n      <PageTitle right={<Btn onClick={() => setModal({ name: \"\", comment: \"\" })}>Создать</Btn>}>Проекты</PageTitle>\n      <table className=\"w-full text-sm bg-white rounded-lg shadow-sm\">\n        <thead><tr className=\"text-left text-xs text-gray-400\">\n          <th className=\"p-2 pl-3\">Название</th><th className=\"p-2\">Комментарий</th>\n          <th className=\"p-2 text-right\">Поступило (факт)</th><th className=\"p-2 text-right\">Выплачено (факт)</th>\n          <th className=\"p-2 text-right\">Прибыль</th><th className=\"p-2 text-right\">План: приход / расход</th><th className=\"p-2\"></th>\n        </tr></thead>\n        <tbody>\n          {rows.map((p) => {\n            const profit = Number(p.income) - Number(p.expense);\n            return (\n              <tr key={p.id} className={\"border-t border-gray-50 \" + (p.active ? \"\" : \"opacity-40\")}>\n                <td className=\"p-2 pl-3 font-medium text-[#22313f]\">{p.name}</td>\n                <td className=\"p-2 text-gray-500\">{p.comment || \"\"}</td>\n                <td className=\"p-2 text-right text-emerald-600 whitespace-nowrap\">{fmt0(p.income)}</td>\n                <td className=\"p-2 text-right text-rose-500 whitespace-nowrap\">{fmt0(p.expense)}</td>\n                <td className={\"p-2 text-right font-medium whitespace-nowrap \" + (profit >= 0 ? \"text-[#22313f]\" : \"text-rose-600\")}>{fmt0(profit)}</td>\n                <td className=\"p-2 text-right text-gray-500 whitespace-nowrap\">{fmt0(p.income_plan)} / {fmt0(p.expense_plan)}</td>\n                <td className=\"p-2 text-right whitespace-nowrap\">\n                  <IconBtn icon={Icons.edit} onClick={() => setModal(p)} />\n                  <IconBtn icon={Icons.trash} danger onClick={() => del(p.id)} />\n                </td>\n              </tr>\n            );\n          })}\n          {rows.length === 0 && <tr><td colSpan={7} className=\"p-8 text-center text-gray-400\">Проектов нет. Проект — направление, по которому хочется видеть деньги отдельно (Новостройки, Вторичка, Аренда…).</td></tr>}\n        </tbody>\n      </table>\n      {modal && (\n        <Modal title={modal.id ? \"Проект\" : \"Создание проекта\"} onClose={() => setModal(null)}>\n          <Field label=\"Название\"><TInput value={modal.name} onChange={(e) => setModal({ ...modal, name: e.target.value })} /></Field>\n          <Field label=\"Комментарий\"><TInput value={modal.comment} onChange={(e) => setModal({ ...modal, comment: e.target.value })} /></Field>\n          <div className=\"flex justify-end gap-2\"><Btn kind=\"ghost\" onClick={() => setModal(null)}>Отмена</Btn><Btn onClick={() => save(modal)}>Сохранить</Btn></div>\n        </Modal>\n      )}\n    </div>\n  );\n}\n",[],[145,220,230],"07f55a42-4cba-43df-82e1-dd0ff072e4aa",["D",1787307486895],[],[145,220,33],"a9853b6f-e500-405e-a187-85401f19a165","main.tsx","17cc59ec-9d40-11f1-a0aa-1607ee4eb77e",34,["D",1787307486481],"// U.fin — каркас: шапка с дропдауном счетов, сайдбар с hover-подменю, роутинг\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport {\n  React, useEffect, useState, api, fmt, fmt0, fmtDate, getPin, setPinLS, setOnUnauthorized, Icons, C,\n} from \"./lib.tsx\";\nimport { PageIndicators, PagePro } from \"./pages_a.tsx\";\nimport { PageOps } from \"./pages_ops.tsx\";\nimport { PageDeals, PageInvoices, PageProjects } from \"./pages_b.tsx\";\nimport { PagePlan, PageReports } from \"./pages_d.tsx\";\nimport { PageRefs, PageSettings, Login } from \"./pages_c.tsx\";\n\nconst NAV = [\n  { key: \"indicators\", label: \"Показатели\", icon: Icons.chart, children: [[\"indicators\", \"Показатели\"], [\"pro\", \"Показатели PRO\"]] },\n  { key: \"ops\", label: \"Операции\", icon: Icons.ops },\n  { key: \"deals_sale\", label: \"Сделки\", icon: Icons.deals, children: [[\"deals_sale\", \"Продажи\"], [\"deals_purchase\", \"Закупки\"], [\"invoices\", \"Выставленные счета\"]] },\n  { key: \"plan_cal\", label: \"План\", icon: Icons.plan, children: [[\"plan_cal\", \"Платёжный календарь\"], [\"plan_bdr\", \"Бюджет доходов и расходов\"], [\"plan_bdds\", \"Бюджет движения денег\"]] },\n  { key: \"projects\", label: \"Проекты\", icon: Icons.projects },\n  { key: \"report_dds\", label: \"Отчёты\", icon: Icons.reports, children: [[\"report_dds\", \"ДДС\"], [\"report_pl\", \"ОПиУ\"], [\"report_bal\", \"Баланс\"]] },\n  { key: \"refs_contractors\", label: \"Справочники\", icon: Icons.refs, children: [[\"refs_contractors\", \"Контрагенты\"], [\"refs_categories\", \"Учётные статьи\"], [\"refs_accounts\", \"Мои счета\"], [\"refs_les\", \"Мои юрлица\"], [\"refs_products\", \"Товары\"], [\"refs_services\", \"Услуги\"]] },\n  { key: \"settings\", label: \"Настройки\", icon: Icons.settings },\n];\n\nfunction SideItem({ item, page, go }) {\n  const childKeys = (item.children || []).map(([k]) => k);\n  const active = page === item.key || childKeys.includes(page);\n  const Ic = item.icon;\n  return (\n    <div className=\"relative group w-full flex justify-center\">\n      <button onClick={() => go(item.key)}\n        className=\"w-[68px] rounded-md py-2 text-center transition-colors\"\n        style={active\n          ? { background: \"rgba(255,255,255,0.08)\", color: \"#fff\", boxShadow: `inset 3px 0 0 ${C.teal}` }\n          : { color: \"#8b9bab\" }}>\n        <div className=\"flex justify-center\"><Ic size={20} /></div>\n        <div className=\"text-[10px] leading-tight mt-0.5\">{item.label}</div>\n      </button>\n      {item.children && (\n        <div className=\"absolute left-full top-0 z-40 hidden group-hover:block\">\n          <div className=\"ml-1 rounded-md shadow-xl py-2 min-w-[230px]\" style={{ background: C.dark }}>\n            {item.children.map(([k, l]) => (\n              <button key={k} onClick={() => go(k)}\n                className=\"block w-full text-left px-4 py-2 text-[13px] transition-colors\"\n                style={page === k ? { color: \"#fff\", background: \"rgba(255,255,255,0.07)\" } : { color: \"#aebbc9\" }}\n                onMouseEnter={(e) => { e.currentTarget.style.color = \"#4dd0da\"; }}\n                onMouseLeave={(e) => { e.currentTarget.style.color = page === k ? \"#fff\" : \"#aebbc9\"; }}>\n                {l}\n              </button>\n            ))}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction HeaderSpark({ spark }) {\n  if (!spark || spark.length < 2) return null;\n  const min = Math.min(...spark.map((p) => p.b));\n  const max = Math.max(...spark.map((p) => p.b));\n  const W = 120, H = 28;\n  const sx = (i) => (i / (spark.length - 1)) * W;\n  const sy = (b) => H - ((b - min) / (max - min || 1)) * (H - 6) - 3;\n  return (\n    <svg width={W} height={H} className=\"hidden md:block\">\n      <polyline fill=\"none\" stroke=\"#4ade80\" strokeWidth=\"1.5\"\n        points={spark.map((p, i) => `${sx(i)},${sy(p.b)}`).join(\" \")} />\n    </svg>\n  );\n}\n\nfunction App() {\n  const [authed, setAuthed] = useState(!!getPin());\n  const [page, setPage] = useState(\"indicators\");\n  const [meta, setMeta] = useState(null);\n  setOnUnauthorized(() => { setPinLS(\"\"); setAuthed(false); });\n  const refreshMeta = () => api(\"/meta\").then(setMeta).catch(() => {});\n  useEffect(() => { if (authed) refreshMeta(); }, [authed]);\n  if (!authed) return <Login onOk={() => setAuthed(true)} />;\n  if (!meta) return <div className=\"min-h-screen flex items-center justify-center text-gray-400\">Загрузка…</div>;\n  const pages = {\n    indicators: <PageIndicators meta={meta} />,\n    pro: <PagePro meta={meta} />,\n    ops: <PageOps meta={meta} refreshMeta={refreshMeta} />,\n    deals_sale: <PageDeals key=\"sale\" kind=\"sale\" meta={meta} refreshMeta={refreshMeta} />,\n    deals_purchase: <PageDeals key=\"purchase\" kind=\"purchase\" meta={meta} refreshMeta={refreshMeta} />,\n    invoices: <PageInvoices meta={meta} />,\n    plan_cal: <PagePlan key=\"cal\" tab=\"cal\" meta={meta} />,\n    plan_bdr: <PagePlan key=\"bdr\" tab=\"bdr\" meta={meta} />,\n    plan_bdds: <PagePlan key=\"bdds\" tab=\"bdds\" meta={meta} />,\n    projects: <PageProjects refreshMeta={refreshMeta} />,\n    report_dds: <PageReports key=\"dds\" tab=\"dds\" meta={meta} />,\n    report_pl: <PageReports key=\"pl\" tab=\"pl\" meta={meta} />,\n    report_bal: <PageReports key=\"bal\" tab=\"bal\" meta={meta} />,\n    refs_contractors: <PageRefs key=\"contractors\" tab=\"contractors\" meta={meta} refreshMeta={refreshMeta} />,\n    refs_categories: <PageRefs key=\"categories\" tab=\"categories\" meta={meta} refreshMeta={refreshMeta} />,\n    refs_accounts: <PageRefs key=\"accounts\" tab=\"accounts\" meta={meta} refreshMeta={refreshMeta} />,\n    refs_les: <PageRefs key=\"les\" tab=\"les\" meta={meta} refreshMeta={refreshMeta} />,\n    refs_products: <PageRefs key=\"products\" tab=\"products\" meta={meta} refreshMeta={refreshMeta} />,\n    refs_services: <PageRefs key=\"services\" tab=\"services\" meta={meta} refreshMeta={refreshMeta} />,\n    settings: <PageSettings meta={meta} refreshMeta={refreshMeta} />,\n  };\n  return (\n    <div className=\"h-screen flex flex-col\">\n      <div className=\"text-white flex items-center px-4 py-2 gap-4 shrink-0 relative z-50\" style={{ background: C.dark }}>\n        <div className=\"flex items-center gap-2\">\n          <div className=\"w-7 h-7 rounded flex items-center justify-center font-bold text-sm\" style={{ background: C.teal }}>Uf</div>\n          <div className=\"font-bold hidden sm:block\">Unlock</div>\n        </div>\n        <div className=\"ml-auto flex items-center gap-4\">\n          <div className=\"relative group\">\n            <div className=\"text-right leading-tight cursor-pointer select-none\">\n              <div className=\"text-sm whitespace-nowrap\"><span className=\"text-slate-400\">На счетах</span> <b style={{ color: \"#ffd35c\" }}>{fmt(meta.total_balance)}</b> <span className=\"text-slate-500 text-xs\">▾</span></div>\n              {meta.gap && (\n                <div className=\"text-[11px] whitespace-nowrap\" style={{ color: \"#ffb04c\" }}>\n                  Разрыв с {fmtDate(meta.gap.from)} по {fmtDate(meta.gap.to)}\n                </div>\n              )}\n            </div>\n            <div className=\"absolute right-0 top-full z-50 hidden group-hover:block\">\n              <div className=\"mt-1 rounded-md shadow-xl py-2 px-4 min-w-[280px] text-sm\" style={{ background: C.dark }}>\n                {meta.accounts.filter((a) => a.active).map((a) => (\n                  <div key={a.id} className=\"flex justify-between gap-6 py-1 border-b border-white/5 last:border-0\">\n                    <span className=\"text-slate-300 truncate\">{a.name}</span>\n                    <span className=\"whitespace-nowrap\" style={{ color: a.balance < 0 ? \"#ff8a8a\" : \"#fff\" }}>{fmt0(a.balance)}</span>\n                  </div>\n                ))}\n                <div className=\"flex justify-between gap-6 pt-2 font-bold\">\n                  <span className=\"text-slate-200\">Итого</span>\n                  <span style={{ color: \"#ffd35c\" }}>{fmt(meta.total_balance)}</span>\n                </div>\n              </div>\n            </div>\n          </div>\n          <HeaderSpark spark={meta.spark} />\n          <button className=\"text-slate-400 hover:text-white text-xs\" onClick={() => { setPinLS(\"\"); setAuthed(false); }}>Выйти</button>\n        </div>\n      </div>\n      <div className=\"flex flex-1 min-h-0\">\n        <div className=\"w-[76px] flex flex-col items-center py-2 gap-0.5 shrink-0\" style={{ background: C.darker, overflow: \"visible\" }}>\n          {NAV.map((item) => <SideItem key={item.key} item={item} page={page} go={setPage} />)}\n        </div>\n        <div className=\"flex-1 overflow-y-auto min-w-0\" style={{ background: \"#eef1f4\" }}>{pages[page]}</div>\n      </div>\n    </div>\n  );\n}\n\ncreateRoot(document.getElementById(\"root\")).render(<App />);\n",[],[145,220,242],"9962f5e6-1b70-4871-9eee-ac79cbcba484","lib.tsx","15f35440-9d40-11f1-83f2-1607ee4eb77e",33,["D",1787307486131],"// U.fin — общие утилиты и UI-примитивы\nimport React, { useEffect, useMemo, useState } from \"https://esm.sh/react@18.2.0\";\n\nexport { React, useEffect, useMemo, useState };\n\n// ---------- api ----------\nconst LS_KEY = \"ufin_pin\";\nexport const getPin = () => { try { return localStorage.getItem(LS_KEY) || \"\"; } catch { return \"\"; } };\nexport const setPinLS = (p) => { try { p ? localStorage.setItem(LS_KEY, p) : localStorage.removeItem(LS_KEY); } catch {} };\n\nexport let onUnauthorized = () => {};\nexport const setOnUnauthorized = (fn) => { onUnauthorized = fn; };\n\nexport async function api(path, method = \"GET\", body) {\n  const res = await fetch(\"/api\" + path, {\n    method,\n    headers: { \"content-type\": \"application/json\", \"x-pin\": getPin() },\n    body: body === undefined ? undefined : JSON.stringify(body),\n  });\n  if (res.status === 401 && path !== \"/login\") { onUnauthorized(); throw new Error(\"unauthorized\"); }\n  return res.json();\n}\n\n// ---------- формат ----------\nexport const fmt = (n) => new Intl.NumberFormat(\"ru-RU\", { maximumFractionDigits: 2 }).format(n || 0) + \" ₽\";\nexport const fmt0 = (n) => new Intl.NumberFormat(\"ru-RU\", { maximumFractionDigits: 0 }).format(n || 0) + \" ₽\";\nexport const fmtN = (n) => new Intl.NumberFormat(\"ru-RU\", { maximumFractionDigits: 0 }).format(n || 0);\nexport const fmtShort = (n) => {\n  n = n || 0;\n  if (Math.abs(n) >= 1_000_000) return (n / 1_000_000).toLocaleString(\"ru-RU\", { maximumFractionDigits: 1 }) + \" млн\";\n  if (Math.abs(n) >= 1_000) return (n / 1_000).toLocaleString(\"ru-RU\", { maximumFractionDigits: 0 }) + \" тыс\";\n  return String(Math.round(n));\n};\nexport const todayStr = () => new Date().toISOString().slice(0, 10);\nexport const thisYear = () => todayStr().slice(0, 4);\nexport const fmtDate = (s) => (s ? s.slice(0, 10).split(\"-\").reverse().join(\".\") : \"—\");\nexport const MONTHS = [\"Январь\",\"Февраль\",\"Март\",\"Апрель\",\"Май\",\"Июнь\",\"Июль\",\"Август\",\"Сентябрь\",\"Октябрь\",\"Ноябрь\",\"Декабрь\"];\nexport const monLabel = (m) => { const [y, mm] = m.split(\"-\"); return MONTHS[Number(mm) - 1].slice(0, 3).toLowerCase() + \" '\" + y.slice(2); };\nexport const yearMonths = (year) => Array.from({ length: 12 }, (_, i) => `${year}-${String(i + 1).padStart(2, \"0\")}`);\n\nexport const DEAL_STATUS = {\n  work: { label: \"В работе\", cls: \"bg-sky-100 text-sky-700\" },\n  nuance: { label: \"Нюансы\", cls: \"bg-amber-100 text-amber-700\" },\n  done: { label: \"Сделка завершена\", cls: \"bg-emerald-100 text-emerald-700\" },\n  fail: { label: \"Сорвалась\", cls: \"bg-rose-100 text-rose-700\" },\n};\n\n// цвета в духе финансовых сервисов\nexport const C = {\n  dark: \"#22313f\",      // шапка/сайдбар\n  darker: \"#1b2735\",\n  teal: \"#2aa3af\",      // акцент\n  tealD: \"#238e99\",\n  green: \"#27ae60\",\n  red: \"#e74c3c\",\n  amber: \"#f2c94c\",\n};\n\n// дерево статей → плоский список с отступами\nexport function flatCats(categories, kind) {\n  const byParent = {};\n  for (const c of categories.filter((x) => x.kind === kind)) {\n    const p = c.parent_id || 0;\n    (byParent[p] = byParent[p] || []).push(c);\n  }\n  const out = [];\n  const walk = (pid, depth) => {\n    for (const c of byParent[pid] || []) { out.push({ ...c, depth }); walk(c.id, depth + 1); }\n  };\n  walk(0, 0);\n  return out;\n}\nexport function rootOfCat(categories, id) {\n  const byId = {};\n  for (const c of categories) byId[c.id] = c;\n  let c = byId[id];\n  while (c && c.parent_id) c = byId[c.parent_id];\n  return c || null;\n}\n\n// ---------- иконки (свои, inline SVG) ----------\nconst I = (d, extra = null) => (props) => (\n  <svg viewBox=\"0 0 24 24\" width={props.size || 20} height={props.size || 20} fill=\"none\"\n    stroke=\"currentColor\" strokeWidth=\"1.8\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n    <path d={d} />{extra}\n  </svg>\n);\nexport const Icons = {\n  chart: I(\"M4 20V10 M10 20V4 M16 20v-7 M22 20H2\"),\n  ops: I(\"M4 7h13l-3-3 M20 17H7l3 3\"),\n  deals: I(\"M3 8h18v12H3z M8 8V5a2 2 0 012-2h4a2 2 0 012 2v3 M3 13h18\"),\n  plan: I(\"M5 4h14a1 1 0 011 1v15a1 1 0 01-1 1H5a1 1 0 01-1-1V5a1 1 0 011-1z M4 9h16 M9 2v4 M15 2v4 M8 14l2.5 2.5L16 11\"),\n  projects: I(\"M3 6a1 1 0 011-1h5l2 2h9a1 1 0 011 1v11a1 1 0 01-1 1H4a1 1 0 01-1-1V6z\"),\n  reports: I(\"M7 3h10a1 1 0 011 1v16a1 1 0 01-1 1H7a1 1 0 01-1-1V4a1 1 0 011-1z M9 8h6 M9 12h6 M9 16h4\"),\n  refs: I(\"M4 4h5a2 2 0 012 2v14H6a2 2 0 01-2-2V4z M20 4h-5a2 2 0 00-2 2v14h5a2 2 0 002-2V4z\"),\n  settings: I(\"M12 9a3 3 0 100 6 3 3 0 000-6z M19 12a7 7 0 00-.1-1.2l2-1.5-2-3.5-2.4 1a7 7 0 00-2-1.2L14 3h-4l-.4 2.6a7 7 0 00-2 1.2l-2.5-1-2 3.5 2 1.5A7 7 0 005 12a7 7 0 00.1 1.2l-2 1.5 2 3.5 2.4-1a7 7 0 002 1.2L10 21h4l.4-2.6a7 7 0 002-1.2l2.5 1 2-3.5-2-1.5A7 7 0 0019 12z\"),\n  arrowIn: I(\"M20 12H4 M10 6l-6 6 6 6\"),\n  arrowOut: I(\"M4 12h16 M14 6l6 6-6 6\"),\n  swap: I(\"M4 7h13l-3-3 M20 17H7l3 3\"),\n  x: I(\"M6 6l12 12 M18 6L6 18\"),\n  edit: I(\"M4 20h4L19 9l-4-4L4 16v4z\"),\n  trash: I(\"M4 7h16 M9 7V5a1 1 0 011-1h4a1 1 0 011 1v2 M6 7l1 13h10l1-13 M10 11v5 M14 11v5\"),\n  plus: I(\"M12 5v14 M5 12h14\"),\n};\n\n// ---------- UI ----------\nexport function Modal({ title, onClose, children, wide }) {\n  return (\n    <div className=\"fixed inset-0 bg-black/40 flex items-start justify-center z-50 overflow-y-auto py-10\" onClick={onClose}>\n      <div className={\"bg-white rounded-lg shadow-xl w-full \" + (wide ? \"max-w-3xl\" : \"max-w-lg\")} onClick={(e) => e.stopPropagation()}>\n        <div className=\"flex items-center justify-between px-5 py-3 border-b border-gray-100\">\n          <div className=\"font-semibold text-gray-800\">{title}</div>\n          <button className=\"text-gray-400 hover:text-gray-600 text-xl leading-none\" onClick={onClose}>×</button>\n        </div>\n        <div className=\"p-5\">{children}</div>\n      </div>\n    </div>\n  );\n}\nexport function Field({ label, children }) {\n  return (\n    <label className=\"block mb-3\">\n      <div className=\"text-xs text-gray-500 mb-1\">{label}</div>\n      {children}\n    </label>\n  );\n}\nconst inputCls = \"w-full border border-gray-200 rounded px-3 py-2 text-sm focus:border-[#2aa3af]\";\nexport function TInput(props) { return <input {...props} className={inputCls + \" \" + (props.className || \"\")} />; }\nexport function TSelect(props) { return <select {...props} className={inputCls + \" bg-white \" + (props.className || \"\")} />; }\nexport function Check({ label, checked, onChange }) {\n  return (\n    <label className=\"flex items-center gap-2 text-sm text-gray-700 py-0.5 cursor-pointer select-none\">\n      <input type=\"checkbox\" checked={checked} onChange={(e) => onChange(e.target.checked)} className=\"accent-[#2aa3af]\" />\n      {label}\n    </label>\n  );\n}\nexport function Btn({ children, onClick, kind = \"primary\", small, type }) {\n  const base = (small ? \"px-3 py-1.5 text-xs\" : \"px-4 py-2 text-sm\") + \" rounded font-medium transition-colors \";\n  const cls = kind === \"primary\"\n    ? \"text-white bg-[#2aa3af] hover:bg-[#238e99]\"\n    : kind === \"dark\"\n    ? \"text-white bg-[#22313f] hover:bg-[#1b2735]\"\n    : kind === \"danger\"\n    ? \"bg-rose-50 text-rose-600 hover:bg-rose-100\"\n    : \"bg-white border border-gray-200 text-gray-700 hover:bg-gray-50\";\n  return <button type={type || \"button\"} onClick={onClick} className={base + cls}>{children}</button>;\n}\nexport function IconBtn({ icon: Ic, onClick, danger, title }) {\n  return (\n    <button title={title} onClick={onClick}\n      className={\"p-1 rounded text-gray-300 \" + (danger ? \"hover:text-rose-500\" : \"hover:text-gray-500\")}>\n      <Ic size={15} />\n    </button>\n  );\n}\nexport function PageTitle({ children, right }) {\n  return (\n    <div className=\"flex items-center gap-3 mb-4 flex-wrap\">\n      <h1 className=\"text-[22px] font-bold text-[#22313f]\">{children}</h1>\n      {right}\n    </div>\n  );\n}\nexport function Tabs({ tabs, value, onChange }) {\n  return (\n    <div className=\"inline-flex border border-gray-200 rounded overflow-hidden bg-white\">\n      {tabs.map(([k, l]) => (\n        <button key={k} onClick={() => onChange(k)}\n          className={\"px-4 py-1.5 text-sm border-r border-gray-200 last:border-0 \" +\n            (value === k ? \"text-[#2aa3af] font-semibold bg-teal-50/40\" : \"text-gray-600 hover:bg-gray-50\")}>{l}</button>\n      ))}\n    </div>\n  );\n}\nexport function YearSelect({ value, onChange }) {\n  return (\n    <TSelect value={value} onChange={(e) => onChange(e.target.value)} className=\"!w-28\">\n      {[0, 1, 2].map((i) => { const y = String(Number(thisYear()) - i); return <option key={y} value={y}>{y}</option>; })}\n    </TSelect>\n  );\n}\n\n// ---------- цвета графиков (как в референсе) ----------\nexport const CH = {\n  blue: \"#4FC3F7\", orange: \"#FFB74D\", green: \"#43A047\", purple: \"#AB47BC\",\n  areaFill: \"#C8E6C9\", grid: \"#eceff1\", axis: \"#90a4ae\",\n};\n\n// ---------- графики (свои, SVG) ----------\n// комбинированный: сгруппированные столбики + линии\nexport function ComboChart({ data, bars, lines, height = 260, labelKey = \"label\" }) {\n  const W = Math.max(680, data.length * 110), H = height, padL = 56, padB = 34, padT = 12;\n  const all = data.flatMap((d) => [...bars.map((b) => Number(d[b.key] || 0)), ...lines.map((l) => Number(d[l.key] || 0))]);\n  let max = Math.max(1, ...all), min = Math.min(0, ...all);\n  const span = max - min || 1;\n  const y = (v) => padT + (H - padB - padT) * (1 - (v - min) / span);\n  const bw = Math.min(34, (W - padL) / Math.max(1, data.length) / (bars.length + 1.2));\n  const gx = (i) => padL + ((W - padL) / Math.max(1, data.length)) * (i + 0.5);\n  const ticks = [];\n  for (let t = 0; t <= 4; t++) ticks.push(min + (span * t) / 4);\n  return (\n    <svg viewBox={`0 0 ${W} ${H}`} className=\"w-full\" style={{ maxHeight: H }}>\n      {ticks.map((t, i) => (\n        <g key={i}>\n          <line x1={padL} x2={W - 4} y1={y(t)} y2={y(t)} stroke={CH.grid} />\n          <text x={padL - 6} y={y(t) + 3} textAnchor=\"end\" fontSize=\"10\" fill={CH.axis}>{fmtShort(t)}</text>\n        </g>\n      ))}\n      {data.map((d, i) => (\n        <g key={i}>\n          {bars.map((b, j) => {\n            const v = Number(d[b.key] || 0);\n            const x = gx(i) - (bars.length * bw) / 2 + j * bw;\n            return <rect key={b.key} x={x} y={Math.min(y(0), y(v))} width={bw - 2} height={Math.abs(y(v) - y(0)) || 1} fill={b.color} rx=\"1.5\" />;\n          })}\n          <text x={gx(i)} y={H - padB + 16} textAnchor=\"middle\" fontSize=\"11\" fill={CH.axis}>{d[labelKey]}</text>\n        </g>\n      ))}\n      {lines.map((l) => (\n        <g key={l.key}>\n          <polyline fill=\"none\" stroke={l.color} strokeWidth=\"2\"\n            points={data.map((d, i) => `${gx(i)},${y(Number(d[l.key] || 0))}`).join(\" \")} />\n          {data.map((d, i) => <circle key={i} cx={gx(i)} cy={y(Number(d[l.key] || 0))} r=\"3\" fill={l.color} />)}\n        </g>\n      ))}\n    </svg>\n  );\n}\nexport function ChartLegend({ items }) {\n  return (\n    <div className=\"flex gap-5 text-xs text-gray-600 mt-1 flex-wrap justify-center\">\n      {items.map(([label, color, isLine]) => (\n        <span key={label} className=\"flex items-center gap-1.5\">\n          {isLine\n            ? <span className=\"inline-block w-4 h-0.5 rounded\" style={{ background: color }}></span>\n            : <span className=\"inline-block w-3 h-3 rounded-sm\" style={{ background: color }}></span>}\n          {label}\n        </span>\n      ))}\n    </div>\n  );\n}\n// зелёная area (остатки)\nexport function AreaChart({ points, height = 240 }) {\n  const W = 900, H = height, padL = 64, padB = 26, padT = 8;\n  if (!points.length) return <div className=\"text-gray-400 text-sm py-8 text-center\">Нет данных</div>;\n  const vals = points.map((p) => p.b);\n  const max = Math.max(...vals, 1), min = Math.min(...vals, 0);\n  const span = max - min || 1;\n  const x = (i) => padL + ((W - padL - 8) * i) / Math.max(1, points.length - 1);\n  const y = (v) => padT + (H - padB - padT) * (1 - (v - min) / span);\n  const ticks = [];\n  for (let t = 0; t <= 4; t++) ticks.push(min + (span * t) / 4);\n  const lineP = points.map((p, i) => `${x(i)},${y(p.b)}`).join(\" \");\n  const step = Math.max(1, Math.floor(points.length / 8));\n  return (\n    <svg viewBox={`0 0 ${W} ${H}`} className=\"w-full\" style={{ maxHeight: H }}>\n      {ticks.map((t, i) => (\n        <g key={i}>\n          <line x1={padL} x2={W - 4} y1={y(t)} y2={y(t)} stroke={CH.grid} />\n          <text x={padL - 6} y={y(t) + 3} textAnchor=\"end\" fontSize=\"10\" fill={CH.axis}>{fmtShort(t)}</text>\n        </g>\n      ))}\n      <polygon points={`${x(0)},${y(Math.max(min, 0))} ${lineP} ${x(points.length - 1)},${y(Math.max(min, 0))}`} fill={CH.areaFill} opacity=\"0.7\" />\n      <polyline fill=\"none\" stroke={CH.green} strokeWidth=\"2\" points={lineP} />\n      {points.map((p, i) => (i % step === 0\n        ? <text key={i} x={x(i)} y={H - padB + 15} textAnchor=\"middle\" fontSize=\"9.5\" fill={CH.axis}>{fmtDate(p.d).slice(0, 5)}</text>\n        : null))}\n    </svg>\n  );\n}\n// donut\nconst DONUT_COLORS = [\"#42A5F5\", \"#1E4B8F\", \"#2C6BC9\", \"#7EC8F5\", \"#0D2F63\", \"#5B9BD5\", \"#9AD1F5\", \"#3F7FBF\"];\nexport function Donut({ parts, size = 190 }) {\n  const total = parts.reduce((s, p) => s + p.value, 0) || 1;\n  const R = size / 2, r = R * 0.55;\n  let a0 = -Math.PI / 2;\n  const segs = parts.map((p, i) => {\n    const a1 = a0 + (p.value / total) * Math.PI * 2;\n    const large = a1 - a0 > Math.PI ? 1 : 0;\n    const path = `M ${R + R * Math.cos(a0)} ${R + R * Math.sin(a0)} A ${R} ${R} 0 ${large} 1 ${R + R * Math.cos(a1)} ${R + R * Math.sin(a1)} L ${R + r * Math.cos(a1)} ${R + r * Math.sin(a1)} A ${r} ${r} 0 ${large} 0 ${R + r * Math.cos(a0)} ${R + r * Math.sin(a0)} Z`;\n    a0 = a1;\n    return <path key={i} d={path} fill={p.color || DONUT_COLORS[i % DONUT_COLORS.length]} stroke=\"#fff\" strokeWidth=\"1\" />;\n  });\n  return <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`}>{segs}</svg>;\n}\nexport { DONUT_COLORS };\n// парето: столбики + кумулятивная линия %\nexport function Pareto({ rows, height = 300, threshold = 0.8, showLine = true, barColor = null }) {\n  const W = Math.max(700, rows.length * 64), H = height, padL = 56, padB = 90, padT = 10, padR = 44;\n  if (!rows.length) return <div className=\"text-gray-400 text-sm py-8 text-center\">Нет данных</div>;\n  const total = rows.reduce((s, r) => s + r.value, 0) || 1;\n  const max = Math.max(...rows.map((r) => r.value), 1);\n  const y = (v) => padT + (H - padB - padT) * (1 - v / max);\n  const yp = (p) => padT + (H - padB - padT) * (1 - p);\n  const gx = (i) => padL + ((W - padL - padR) / rows.length) * (i + 0.5);\n  const bw = Math.min(36, (W - padL - padR) / rows.length - 10);\n  let cum = 0;\n  const cums = rows.map((r) => (cum += r.value) / total);\n  return (\n    <svg viewBox={`0 0 ${W} ${H}`} className=\"w-full\" style={{ maxHeight: H }}>\n      {[0, 0.25, 0.5, 0.75, 1].map((t, i) => (\n        <g key={i}>\n          <line x1={padL} x2={W - padR} y1={yp(t)} y2={yp(t)} stroke={CH.grid} />\n          <text x={W - padR + 4} y={yp(t) + 3} fontSize=\"10\" fill={CH.axis}>{Math.round(t * 100)}%</text>\n          <text x={padL - 6} y={yp(t) + 3} textAnchor=\"end\" fontSize=\"10\" fill={CH.axis}>{fmtShort(max * t)}</text>\n        </g>\n      ))}\n      {rows.map((r, i) => (\n        <g key={i}>\n          <rect x={gx(i) - bw / 2} y={y(Math.max(0, r.value))} width={bw} height={Math.abs((H - padB) - y(Math.max(0, r.value))) || 1} fill={barColor || (cums[i] <= threshold ? CH.blue : CH.purple)} rx=\"2\" />\n          <text x={gx(i)} y={H - padB + 10} textAnchor=\"end\" fontSize=\"9\" fill=\"#546e7a\"\n            transform={`rotate(-35 ${gx(i)} ${H - padB + 10})`}>{r.name.length > 26 ? r.name.slice(0, 25) + \"…\" : r.name}</text>\n        </g>\n      ))}\n      {showLine && <polyline fill=\"none\" stroke=\"#3949AB\" strokeWidth=\"2\"\n        points={rows.map((r, i) => `${gx(i)},${yp(cums[i])}`).join(\" \")} />}\n      {showLine && rows.map((r, i) => <circle key={i} cx={gx(i)} cy={yp(cums[i])} r=\"3\" fill=\"#fff\" stroke=\"#3949AB\" strokeWidth=\"1.5\" />)}\n    </svg>\n  );\n}\n",[],[145,220,250],"e96555d0-6e9a-4b53-bfad-00d39e89f144",14,["D",1787303399682],[164,165,166,167,168,169],[145,220],["D",1787239156729],[163,170,171,172,173],[145],["D",1787239139778],["D",1789585873168],{"_100":99,"_108":104},{"_100":99,"_101":102,"_103":104,"_18":55,"_105":106,"_107":25},{"_13":89,"_32":90,"_43":42,"_91":44,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":45,"_98":99},"ctx",{"_82":-5,"_128":303,"_304":305,"_306":307,"_308":25,"_309":25,"_310":25,"_311":59,"_312":-5,"_313":-7,"_314":-7,"_315":63,"_316":25,"_317":25,"_318":-5,"_319":25,"_320":25,"_321":25,"_322":-5},"ENV",{"_274":275,"_276":277,"_278":90,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288,"_289":290,"_291":292,"_293":294,"_295":296,"_297":298,"_299":300,"_301":302},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]
</article></body></html>

Diff · v35