[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_248":249,"_250":251},"routes/_app.x.$handle.$name",{"_98":97,"_31":43,"_107":88,"_26":108,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":-5,"_120":-5,"_121":24,"_122":123,"_124":57,"_125":-5,"_126":-5,"_127":128},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_41":42,"_31":43,"_36":44,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":67,"_68":69,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":24},"version",16,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":20,"_34":35,"_36":37,"_38":14,"_39":40,"_23":24},"previous","deleted",false,"deletedHere","path","frontend/src/pages_b.tsx","latestPath","fileId","16c4e0aa-9d40-11f1-83f2-1607ee4eb77e","name","pages_b.tsx","fileType","content","// Страницы: Сделки, Проекты, План (календарь + бюджет), Отчёты (ДДС, ОПиУ, Баланс)\nimport {\n React, useEffect, useState, api, fmt, fmt0, fmtDate, todayStr, thisYear, monLabel, yearMonths,\n flatCats, rootOfCat, DEAL_STATUS, Modal, Field, TInput, TSelect, Btn, IconBtn, PageTitle, Tabs, YearSelect, Icons,\n} from \"./lib.tsx\";\nimport { OpModal } from \"./pages_a.tsx\";\n\n// ---------- Сделки ----------\nexport function DealModal({ initial, onClose, onSaved }) {\n const [f, setF] = useState(initial || { name: \"\", client: \"\", status: \"work\", amount: \"\", created_at: todayStr(), comment: \"\" });\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 \n set(\"name\", e.target.value)} />\n

\n set(\"client\", e.target.value)} />\n set(\"amount\", e.target.value)} />\n \n set(\"status\", e.target.value)}>\n {Object.entries(DEAL_STATUS).map(([k, v]) => )}\n \n \n set(\"created_at\", e.target.value)} />\n

\n set(\"comment\", e.target.value)} />\n

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

\n \n );\n}\n\nfunction DealCard({ id, meta, refreshMeta, onBack }) {\n const [data, setData] = useState(null);\n const [opModal, setOpModal] = useState(null);\n const [editModal, setEditModal] = useState(false);\n const load = () => { api(\"/deals/\" + id).then(setData); };\n useEffect(() => { load(); }, [id]);\n if (!data) return

Загрузка…

;\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 pct = d.amount > 0 ? Math.min(100, Math.round((Number(d.received) / Number(d.amount)) * 100)) : 0;\n const incomes = data.ops.filter((o) => o.op_type === \"income\");\n const expenses = data.ops.filter((o) => o.op_type === \"expense\");\n const OpRows = ({ rows }) => (\n \n \n \n {rows.map((o) => (\n \n \n \n \n \n \n \n ))}\n {rows.length === 0 && }\n \n

Дата	Счёт	Контрагент	Статья	Сумма
{fmtDate(o.date)}	{o.account_name}	{o.contractor_name \|\| \"—\"}	{o.category_name \|\| \"—\"}{!o.confirmed && план}	{o.op_type === \"income\" ? \"+\" : \"−\"}{fmt(o.amount)}
Пока пусто

\n );\n return (\n

\n \n

{d.name}

\n {st.label}\n setEditModal(true)}>Изменить\n

Сделка на сумму

{fmt(d.amount)}

Клиент: {d.client || \"—\"}

Создана: {fmtDate(d.created_at)}

Поступления

{fmt(d.received)}

из {fmt(d.amount)}

Поступило: {pct}%

Расходы

{fmt(d.expense_all)}

оплачено: {fmt(d.expense_paid)}

Прибыль сделки

= 0 ? \"text-[#22313f]\" : \"text-rose-600\")}>{fmt(profit)}

Рентабельность {rentab}%

Поступления · {incomes.length}

\n setOpModal({ op_type: \"income\" })}>Добавить\n

\n \n

Расходы · {expenses.length}

\n setOpModal({ op_type: \"expense\" })}>Добавить\n

\n \n

\n {opModal && setOpModal(null)} onSaved={() => { load(); refreshMeta(); }} />}\n {editModal && setEditModal(false)} onSaved={load} />}\n

\n );\n}\n\nexport function PageDeals({ 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 load = () => { api(\"/deals\").then(setRows); };\n useEffect(() => { load(); }, []);\n if (view) return { setView(null); load(); }} />;\n const filtered = fltStatus ? rows.filter((r) => r.status === fltStatus) : rows;\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

\n \n setModal(true)}>Создать\n setFltStatus(e.target.value)} className=\"!w-48 ml-auto\">\n \n {Object.entries(DEAL_STATUS).map(([k, v]) => )}\n \n \n }>Сделки по продажам\n \n \n \n \n \n \n \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 profit = Number(r.income_all) - Number(r.expense_all);\n return (\n setView(r.id)}>\n \n \n \n \n \n \n \n \n \n );\n })}\n {filtered.length === 0 && }\n \n

Дата	Название	Клиент	Статус	Сумма сделки, ₽	Поступило	Прибыль, ₽
{fmtDate(r.created_at)}	{r.name}	{r.client \|\| \"—\"}	{st.label}	{fmt(r.amount)}	{pct}%	= 0 ? \"text-emerald-600\" : \"text-rose-500\")}>{fmt(profit)}	e.stopPropagation()}>\n del(r.id)} />\n
Сделок нет — нажмите «Создать»

\n {filtered.length} продаж на сумму: {fmt(totalSum)} · Общая прибыль: {fmt(totalProfit)}\n

\n {modal && setModal(false)} onSaved={load} />}\n

\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

\n setModal({ name: \"\", comment: \"\" })}>Создать}>Проекты\n \n \n \n \n \n \n \n {rows.map((p) => {\n const profit = Number(p.income) - Number(p.expense);\n return (\n \n \n \n \n \n \n \n \n \n );\n })}\n {rows.length === 0 && }\n \n

Название	Комментарий	Поступило (факт)	Выплачено (факт)	Прибыль	План: приход / расход
{p.name}	{p.comment \|\| \"\"}	{fmt0(p.income)}	{fmt0(p.expense)}	= 0 ? \"text-[#22313f]\" : \"text-rose-600\")}>{fmt0(profit)}	{fmt0(p.income_plan)} / {fmt0(p.expense_plan)}	\n setModal(p)} />\n del(p.id)} />\n
Проектов нет. Проект — это направление, по которому хочется видеть деньги отдельно (например: Новостройки, Вторичка, Аренда).

\n {modal && (\n setModal(null)}>\n setModal({ ...modal, name: e.target.value })} />\n setModal({ ...modal, comment: e.target.value })} />\n

setModal(null)}>Отмена save(modal)}>Сохранить

\n \n )}\n

\n );\n}\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

Загрузка…

;\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 \n {label}\n {months.map((m) => {\n const v = k2 ? g(m, k1) - g(m, k2) : g(m, k1);\n return {v ? fmt0(v) : \"—\"};\n })}\n {(() => { const v = k2 ? sum(k1) - sum(k2) : sum(k1); return {v ? fmt0(v) : \"—\"}; })()}\n \n );\n return (\n

\n \n

факт — подтверждённые оплаты; план — все, включая неподтверждённые

\n \n \n \n {months.map((m) => )}\n \n \n \n \"text-emerald-600\"} />\n \"text-emerald-600/60\"} />\n \"text-rose-500\"} />\n \"text-rose-500/60\"} />\n (v < 0 ? \"text-rose-600\" : \"text-[#22313f]\")} />\n (v < 0 ? \"text-rose-600\" : \"text-slate-500\")} />\n \n

Доходы и расходы, ₽	{monLabel(m)}	Итого

\n );\n}\n\nfunction BudgetTab({ 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

Загрузка…

;\n const months = yearMonths(year);\n const cats = flatCats(meta.categories, kind);\n const planBy = {}; // catId -> m -> amount\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) => {\n await api(\"/budget\", \"PUT\", { period: m, category_id: catId, amount: Number(v) || 0 });\n };\n return (\n

\n \n \n

план вводится в ячейки; серым под ячейкой — факт

\n \n \n \n {months.map((m) => )}\n \n \n {cats.map((c) => (\n \n \n {months.map((m) => (\n \n ))}\n \n ))}\n \n

Статья	{monLabel(m)}
{c.name}	\n { const v = e.target.value; if (String(planBy[c.id]?.[m] \|\| \"\") !== v) savePlan(c.id, m, v); }}\n placeholder=\"—\" />\n {factBy[c.id]?.[m] ? fmt0(factBy[c.id][m]) : \"\"} \n

\n );\n}\n\nexport function PagePlan({ meta }) {\n const [tab, setTab] = useState(\"cal\");\n return (\n

\n }>План\n {tab === \"cal\" ? : }\n

\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

Загрузка…

;\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 }) => {v ? fmt0(v) : \"—\"};\n return (\n

\n \n \n \n {months.map((m) => )}\n \n \n \n \n \n {months.map((m) => )}\n s + sumRow(\"income\", m), 0)} cls=\"text-emerald-600\" />\n \n {rowsFor(\"income\").map(([k, v]) => (\n \n \n {months.map((m) => )}\n s + Number((cells[k] || {})[m] || 0), 0)} />\n \n ))}\n \n \n {months.map((m) => )}\n s + sumRow(\"expense\", m), 0)} cls=\"text-rose-500\" />\n \n {rowsFor(\"expense\").map(([k, v]) => (\n \n \n {months.map((m) => )}\n s + Number((cells[k] || {})[m] || 0), 0)} />\n \n ))}\n \n \n {months.map((m) => )}\n s + x, 0)} cls=\"text-gray-500\" />\n \n \n \n {months.map((m) => { const v = sumRow(\"income\", m) - sumRow(\"expense\", m); return ; })}\n {(() => { const v = months.reduce((s, m) => s + sumRow(\"income\", m) - sumRow(\"expense\", m), 0); return ; })()}\n \n \n \n {months.map((m) => )}\n \n \n \n

По статьям учёта	{monLabel(m)}	Итого
Поступления
{v.name}
Выплаты
{v.name}
Перемещения
Общий денежный поток
Остатки на конец периода

\n );\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

Загрузка…

;\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

\n \n

кассовый метод: по подтверждённым операциям; переменные/постоянные — по корневым статьям расходов

\n \n \n \n {months.map((m) => )}\n \n \n \n {ROWS.map(([k, label, cls]) => (\n \n \n {months.map((m) => { const v = calc(m)[k]; return ; })}\n \n \n ))}\n \n

Прибыли и убытки, ₽	{monLabel(m)}	Итого
{label}	{v ? fmt0(v) : \"—\"}	{totals[k] ? fmt0(totals[k]) : \"—\"}

\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

\n {label}{fmt0(v)}\n

\n );\n return (\n

Упрощённый управленческий баланс: деньги + ожидаемые поступления против обязательств к оплате.

Активы

\n \n \n \n

Обязательства

\n \n \n

\n \n

\n );\n}\n\nexport function PageReports({ meta }) {\n const [tab, setTab] = useState(\"dds\");\n return (\n

\n }>Отчёты\n {tab === \"dds\" && }\n {tab === \"pl\" && }\n {tab === \"bal\" && }\n

\n );\n}\n","createdAt",["D",1787303401051],"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",1789499469860],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_106":102},"org",{"_98":97,"_99":100,"_101":102,"_18":53,"_103":104,"_105":24},"branch",{"_13":87,"_31":88,"_41":40,"_89":42,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":43,"_96":97},"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",{"_41":42,"_31":43,"_36":243,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":67,"_68":244,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":245,"_82":246,"_84":247,"_86":24},"tree",[159,169],"files",[159,160,161,162,163,164,165,166,167,168,169],"counts",{"_148":61,"_149":150,"_151":61,"_152":153,"_154":155},"contents",[129,130],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_41":142,"_31":143,"_29":144,"_133":-5,"_39":40,"_38":137,"_135":57,"_36":145,"_13":61,"_33":146,"_34":-5,"_23":24,"_140":-5,"_26":147},{"_41":131,"_31":132,"_29":55,"_133":-5,"_39":40,"_38":134,"_135":24,"_36":136,"_13":137,"_33":138,"_34":139,"_23":24,"_140":-5,"_26":141},"4e734646-80c6-44ca-9d9f-8831c07b3b56","index.ts","parentId",13,"latest",["D",1787303399065],2,"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]);\ntry { await sqlite.execute(`ALTER TABLE pf_ops ADD COLUMN project_id INTEGER`); } catch (_e) { /* колонка уже есть */ }\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 => {\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\nasync function getPin(): Promise {\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/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 = {};\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] = 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 ]);\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 return c.json({\n accounts, categories: cats.rows, contractors: contr.rows, projects: proj.rows,\n total_balance: total, spark, gap,\n });\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({ sql: `INSERT INTO pf_projects (name,comment) VALUES (?,?)`, args: [b.name || \"Проект\", b.comment || \"\"] });\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=?, active=? WHERE id=?`,\n args: [b.name || \"Проект\", b.comment || \"\", 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 = {};\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 FROM pf_deals d`;\n\napp.get(\"/api/deals\", async (c) => {\n const r = 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 = await 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 return c.json({ deal: d, ops: ops.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) VALUES (?,?,?,?,?,?)`,\n args: [b.name || \"Сделка\", b.client || \"\", b.status || \"work\", num(b.amount), b.created_at || today(), b.comment || \"\"],\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});\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/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 months = 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 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 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 });\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",[132],"1ca85b5c-d5d5-43a1-94d8-9ec8c1c79eb5","frontend","78bf61af-bb19-4b2c-900b-e43153ad4bbd",["D",1787239156729],"directory",[143],"pulls","branches",1,"forks","envVars",{"_156":61,"_158":61},"connections",{"_156":61,"_157":61},"count","unfilledCount","emptyCount",{"_41":142,"_31":143,"_29":144,"_133":-5,"_39":40,"_38":137,"_135":57,"_36":240,"_13":61,"_33":146,"_34":-5,"_23":24,"_140":-5,"_171":241,"_26":242},{"_41":236,"_31":219,"_29":215,"_133":144,"_39":40,"_38":231,"_135":57,"_36":237,"_13":61,"_33":146,"_34":-5,"_23":24,"_140":-5,"_171":238,"_26":239},{"_41":228,"_31":229,"_29":230,"_133":215,"_39":40,"_38":231,"_135":24,"_36":232,"_13":61,"_33":20,"_34":233,"_23":24,"_140":-5,"_171":234,"_26":235},{"_41":220,"_31":221,"_29":222,"_133":215,"_39":40,"_38":223,"_135":24,"_36":224,"_13":61,"_33":20,"_34":225,"_23":24,"_140":-5,"_171":226,"_26":227},{"_41":214,"_31":32,"_29":30,"_133":215,"_39":40,"_38":14,"_135":24,"_36":216,"_13":61,"_33":20,"_34":35,"_23":24,"_140":-5,"_171":217,"_26":218},{"_41":206,"_31":207,"_29":208,"_133":144,"_39":40,"_38":209,"_135":24,"_36":210,"_13":137,"_33":20,"_34":211,"_23":24,"_140":-5,"_171":212,"_26":213},{"_41":198,"_31":199,"_29":200,"_133":144,"_39":40,"_38":201,"_135":24,"_36":202,"_13":61,"_33":20,"_34":203,"_23":24,"_140":-5,"_171":204,"_26":205},{"_41":190,"_31":191,"_29":192,"_133":144,"_39":40,"_38":193,"_135":24,"_36":194,"_13":61,"_33":20,"_34":195,"_23":24,"_140":-5,"_171":196,"_26":197},{"_41":182,"_31":183,"_29":184,"_133":144,"_39":40,"_38":185,"_135":24,"_36":186,"_13":150,"_33":20,"_34":187,"_23":24,"_140":-5,"_171":188,"_26":189},{"_41":174,"_31":175,"_29":176,"_133":144,"_39":40,"_38":177,"_135":24,"_36":178,"_13":137,"_33":20,"_34":179,"_23":24,"_140":-5,"_171":180,"_26":181},{"_41":131,"_31":132,"_29":55,"_133":-5,"_39":40,"_38":134,"_135":24,"_36":170,"_13":137,"_33":138,"_34":139,"_23":24,"_140":-5,"_171":172,"_26":173},["D",1787303399065],"children",[],[132],"f88b3652-feff-4248-b7c3-056da567582a","index.tsx","829c2c7a-9caa-11f1-ad94-1607ee4eb77e",9,["D",1787242811259],"// U.fin v2 — фронтенд по скелету ПланФакта\nimport React, { useEffect, useMemo, useState } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\n// ---------- helpers ----------\nconst LS_KEY = \"ufin_pin\";\nconst getPin = () => { try { return localStorage.getItem(LS_KEY) || \"\"; } catch { return \"\"; } };\nconst setPinLS = (p) => { try { p ? localStorage.setItem(LS_KEY, p) : localStorage.removeItem(LS_KEY); } catch {} };\n\nlet onUnauthorized = () => {};\nasync 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\nconst fmt = (n) => new Intl.NumberFormat(\"ru-RU\", { maximumFractionDigits: 2 }).format(n || 0) + \" ₽\";\nconst fmt0 = (n) => new Intl.NumberFormat(\"ru-RU\", { maximumFractionDigits: 0 }).format(n || 0) + \" ₽\";\nconst 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};\nconst todayStr = () => new Date().toISOString().slice(0, 10);\nconst thisYear = () => todayStr().slice(0, 4);\nconst fmtDate = (s) => (s ? s.slice(0, 10).split(\"-\").reverse().join(\".\") : \"—\");\nconst MONTHS = [\"Январь\",\"Февраль\",\"Март\",\"Апрель\",\"Май\",\"Июнь\",\"Июль\",\"Август\",\"Сентябрь\",\"Октябрь\",\"Ноябрь\",\"Декабрь\"];\nconst monLabel = (m) => { const [y, mm] = m.split(\"-\"); return MONTHS[Number(mm) - 1].slice(0, 3).toLowerCase() + \" '\" + y.slice(2); };\n\nconst 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// дерево статей → плоский список с отступами\nfunction 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}\n\n// ---------- базовые компоненты ----------\nfunction Modal({ title, onClose, children, wide }) {\n return (\n

e.stopPropagation()}>\n

{title}

\n \n

{children}

\n );\n}\nfunction Field({ label, children }) {\n return (\n \n

{label}

\n {children}\n \n );\n}\nconst inputCls = \"w-full border border-gray-200 rounded px-3 py-2 text-sm focus:border-teal-500\";\nfunction TInput(props) { return ; }\nfunction TSelect(props) { return set(\"confirmed\", e.target.checked)} />\n Оплата подтверждена (факт)\n \n

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

\n \n );\n}\n\nfunction PageOps({ meta, refreshMeta }) {\n const [data, setData] = useState({ rows: [], totals: {} });\n const [flt, setFlt] = useState({ type: \"\", confirmed: \"\", account: \"\", category: \"\", q: \"\", from: \"\", to: \"\" });\n const [modal, setModal] = useState(null);\n const load = () => {\n const p = new URLSearchParams();\n for (const [k, v] of Object.entries(flt)) if (v !== \"\") p.set(k, v);\n api(\"/ops?\" + p.toString()).then(setData);\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 // группировка по дате\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

Фильтры

\n \n set(\"type\", e.target.value)}>\n \n \n \n \n \n set(\"confirmed\", e.target.value)}>\n \n \n \n \n set(\"account\", e.target.value)}>\n \n {meta.accounts.map((a) => )}\n \n \n \n set(\"category\", e.target.value)}>\n \n {allCats.map((c) => )}\n \n \n set(\"from\", e.target.value)} />\n set(\"to\", e.target.value)} />\n

Операции

\n setModal({})}>Создать\n set(\"q\", e.target.value)} />\n

\n \n \n \n \n \n \n {groups.map((g) => (\n \n \n {g.rows.map((r) => (\n \n \n \n \n \n \n \n \n \n \n ))}\n \n ))}\n

Дата	Счёт	Тип	Контрагент	Статья	Сделка	Сумма
{fmtDate(g.date)}{g.date === todayStr() ? \" · Сегодня\" : \"\"}
{fmtDate(r.date)}	{r.account_name}{r.op_type === \"transfer\" && → {r.account2_name} }	{r.op_type === \"income\" ? ← : r.op_type === \"expense\" ? → : ⇄}	{r.contractor_name \|\| \"—\"}	\n {r.op_type === \"transfer\" ? \"Перевод между счетами\" : (r.category_name \|\| Нераспределенный)} \n {r.purpose && {r.purpose} }\n	{r.deal_name \|\| \"\"}	\n {r.op_type === \"transfer\"\n ? −{fmt(r.amount)} +{fmt(r.amount)} \n : {r.op_type === \"income\" ? \"+\" : \"−\"}{fmt(r.amount)}}\n {!r.confirmed && план }\n	\n {!r.confirmed && confirm(r.id)}>Подтв.}{\" \"}\n {\" \"}\n \n

\n {data.rows.length === 0 &&

Операций нет

}\n

\n {t.n || 0} операций\n Поступления: {fmt(t.income)}\n Выплаты: {fmt(t.expense)}\n Перемещения: {fmt(t.transfer)}\n Итого: = 0 ? \"text-emerald-600\" : \"text-rose-500\"}>{(t.income - t.expense) >= 0 ? \"+\" : \"\"}{fmt((t.income || 0) - (t.expense || 0))}\n

\n {modal && setModal(null)} onSaved={() => { load(); refreshMeta(); }} />}\n

\n );\n}\n\n// ---------- Сделки ----------\nfunction DealModal({ initial, onClose, onSaved }) {\n const [f, setF] = useState(initial || { name: \"\", client: \"\", status: \"work\", amount: \"\", created_at: todayStr(), comment: \"\" });\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 \n set(\"name\", e.target.value)} />\n

\n set(\"comment\", e.target.value)} />\n

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

\n \n );\n}\n\nfunction DealCard({ id, meta, refreshMeta, onBack }) {\n const [data, setData] = useState(null);\n const [opModal, setOpModal] = useState(null);\n const [editModal, setEditModal] = useState(false);\n const load = () => api(\"/deals/\" + id).then(setData);\n useEffect(() => { load(); }, [id]);\n if (!data) return

Загрузка…

Дата	Счёт	Контрагент	Статья	Сумма
{fmtDate(o.date)}	{o.account_name}	{o.contractor_name \|\| \"—\"}	{o.category_name \|\| \"—\"}{!o.confirmed && план}	{o.op_type === \"income\" ? \"+\" : \"−\"}{fmt(o.amount)}
Пока пусто

\n );\n return (\n

\n \n

{d.name}

\n {st.label}\n setEditModal(true)}>✎ Изменить\n

Сделка на сумму

{fmt(d.amount)}

Клиент: {d.client || \"—\"}

Создана: {fmtDate(d.created_at)}

Поступления

{fmt(d.received)}

из {fmt(d.amount)}

Поступило: {pct}%

Расходы

{fmt(d.expense_all)}

оплачено: {fmt(d.expense_paid)}

Прибыль сделки

= 0 ? \"text-slate-800\" : \"text-rose-600\")}>{fmt(profit)}

Рентабельность {rentab}%

Поступления · {incomes.length}

\n setOpModal({ op_type: \"income\" })}>Добавить\n

\n \n

Расходы · {expenses.length}

\n setOpModal({ op_type: \"expense\" })}>Добавить\n

\n \n

\n {opModal && setOpModal(null)} onSaved={() => { load(); refreshMeta(); }} />}\n {editModal && setEditModal(false)} onSaved={load} />}\n

\n );\n}\n\nfunction PageDeals({ 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 load = () => api(\"/deals\").then(setRows);\n useEffect(() => { load(); }, []);\n if (view) return { setView(null); load(); }} />;\n const filtered = fltStatus ? rows.filter((r) => r.status === fltStatus) : rows;\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

Сделки по продажам

\n setModal(true)}>Создать\n setFltStatus(e.target.value)} className=\"!w-48 ml-auto\">\n \n {Object.entries(DEAL_STATUS).map(([k, v]) => )}\n \n

\n \n \n \n \n \n \n \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 profit = Number(r.income_all) - Number(r.expense_all);\n return (\n setView(r.id)}>\n \n \n \n \n \n \n \n \n \n );\n })}\n {filtered.length === 0 && }\n \n

Дата	Название	Клиент	Статус	Сумма сделки, ₽	Поступило	Прибыль, ₽
{fmtDate(r.created_at)}	{r.name}	{r.client \|\| \"—\"}	{st.label}	{fmt(r.amount)}	{pct}%	= 0 ? \"text-emerald-600\" : \"text-rose-500\")}>{fmt(profit)}	e.stopPropagation()}>\n \n
Сделок нет — нажмите «Создать»

\n {filtered.length} продаж на сумму: {fmt(totalSum)} · Общая прибыль: {fmt(totalProfit)}\n

\n {modal && setModal(false)} onSaved={load} />}\n

\n );\n}\n\n// ---------- План (платёжный календарь) ----------\nfunction PageCalendar() {\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

Загрузка…

;\n const byM = {};\n for (const r of data.months) byM[r.m] = r;\n const months = Array.from({ length: 12 }, (_, i) => `${year}-${String(i + 1).padStart(2, \"0\")}`);\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 \n {label}\n {months.map((m) => {\n const v = k2 ? g(m, k1) - g(m, k2) : g(m, k1);\n return {v ? fmt0(v) : \"—\"};\n })}\n {(() => { const v = k2 ? sum(k1) - sum(k2) : sum(k1); return {v ? fmt0(v) : \"—\"}; })()}\n \n );\n return (\n

Платёжный календарь

\n setYear(e.target.value)} className=\"!w-28\">\n {[0, 1, 2].map((i) => { const y = String(Number(thisYear()) - i); return ; })}\n \n

факт — подтверждённые оплаты; план — все, включая неподтверждённые

\n \n \n \n {months.map((m) => )}\n \n \n \n \"text-emerald-600\"} />\n \"text-emerald-600/60\"} />\n \"text-rose-500\"} />\n \"text-rose-500/60\"} />\n (v < 0 ? \"text-rose-600\" : \"text-slate-800\")} />\n (v < 0 ? \"text-rose-600\" : \"text-slate-500\")} />\n \n

Доходы и расходы, ₽	{monLabel(m)}	Итого

\n );\n}\n\n// ---------- Отчёт ДДС ----------\nfunction PageReport({ 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

Загрузка…

;\n const months = Array.from({ length: 12 }, (_, i) => `${year}-${String(i + 1).padStart(2, \"0\")}`);\n // свёртка по корневой статье\n const rootOf = {};\n const byId = {};\n for (const c of meta.categories) byId[c.id] = c;\n const findRoot = (id) => { let c = byId[id]; while (c && c.parent_id) c = byId[c.parent_id]; return c; };\n const cells = {}; // kind -> rootId -> month -> sum\n for (const r of data.by_category) {\n const root = r.category_id ? findRoot(r.category_id) : null;\n const key = root ? root.id : \"none_\" + r.op_type;\n const name = root ? root.name : \"Нераспределенные\";\n rootOf[key] = { 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(rootOf).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 // остатки на конец месяца\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 }) => {v ? fmt0(v) : \"—\"};\n return (\n

Отчёт о движении денежных средств

\n setYear(e.target.value)} className=\"!w-28\">\n {[0, 1, 2].map((i) => { const y = String(Number(thisYear()) - i); return ; })}\n \n

По статьям учёта	{monLabel(m)}	Итого
Поступления
{v.name}
Выплаты
{v.name}
Перемещения
Общий денежный поток
Остатки на конец периода

\n );\n}\n\n// ---------- Справочники ----------\nfunction PageRefs({ meta, refreshMeta }) {\n const [tab, setTab] = useState(\"accounts\");\n const [modal, setModal] = useState(null); // {type, data}\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 catTabs = { accounts: \"Мои счета\", contractors: \"Контрагенты\", categories: \"Учётные статьи\" };\n return (\n

Справочники

\n {Object.entries(catTabs).map(([k, l]) => (\n \n ))}\n

\n setModal({ type: tab })}>Создать\n

\n {tab === \"accounts\" && (\n \n \n \n \n \n \n {meta.accounts.map((a) => (\n \n \n \n \n \n \n \n \n \n ))}\n \n \n \n \n \n

Название	Группа	Тип	Банк	Начальный остаток	Текущий остаток
{a.name}	{a.grp \|\| \"—\"}	{a.acc_type}	{a.bank \|\| \"—\"} {a.number}	{fmt(a.start_balance)} {fmtDate(a.start_date)}	{fmt(a.balance)}	\n {\" \"}\n \n
{meta.accounts.length} счетов · Текущий остаток:	{fmt(meta.total_balance)}

\n )}\n {tab === \"contractors\" && (\n \n \n \n {meta.contractors.map((x) => (\n \n \n \n \n \n \n \n ))}\n \n

Название	Группа	ИНН	Комментарий
{x.name}	{x.grp \|\| \"—\"}	{x.inn \|\| \"—\"}	{x.comment \|\| \"\"}	\n {\" \"}\n \n

\n )}\n {tab === \"categories\" && setModal({ type: \"categories\", data: c })} onDel={(id) => del(\"categories\", id)} />}\n {modal && setModal(null)} onSaved={refreshMeta} />}\n

\n );\n}\n\nfunction CatsRef({ meta, onEdit, onDel }) {\n const [kind, setKind] = useState(\"income\");\n const list = flatCats(meta.categories, kind);\n return (\n

\n {[[\"income\", \"Доходы\"], [\"expense\", \"Расходы\"]].map(([k, l]) => (\n \n ))}\n

\n {list.map((c) => (\n

\n {c.name}\n \n {\" \"}\n \n \n

\n ))}\n

\n );\n}\n\nfunction RefModal({ modal, meta, onClose, onSaved }) {\n const { type, data } = modal;\n const [f, setF] = useState(data || (type === \"accounts\"\n ? { name: \"\", acc_type: \"Безналичный\", bank: \"\", number: \"\", grp: \"\", start_balance: \"\", start_date: todayStr() }\n : type === \"contractors\"\n ? { name: \"\", grp: \"\", inn: \"\", comment: \"\" }\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: \"Учётная статья\" };\n return (\n \n set(\"name\", e.target.value)} />\n {type === \"accounts\" && (\n

\n \n set(\"acc_type\", e.target.value)}>\n {[\"Безналичный\", \"Наличный\", \"Карта физлица\", \"Электронный\"].map((t) => )}\n \n \n set(\"grp\", e.target.value)} placeholder=\"Основной счет / Налоговый…\" />\n set(\"bank\", e.target.value)} />\n set(\"number\", e.target.value)} />\n set(\"start_balance\", e.target.value)} />\n set(\"start_date\", e.target.value)} />\n

\n )}\n {type === \"contractors\" && (\n

\n \n set(\"grp\", e.target.value)}>\n \n {[\"Застройщик\", \"Брокер (ИП)\", \"Банк\", \"Сотрудник\", \"Покупатель\", \"Поставщик\", \"Прочее\"].map((g) => )}\n \n \n set(\"inn\", e.target.value)} />\n set(\"comment\", e.target.value)} />\n

\n )}\n {type === \"categories\" && (\n

\n \n set(\"kind\", e.target.value)} disabled={!!f.id}>\n \n \n \n \n set(\"parent_id\", e.target.value)}>\n \n {flatCats(meta.categories, f.kind).filter((c) => c.id !== f.id).map((c) => (\n \n ))}\n \n \n

\n )}\n

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

\n \n );\n}\n\n// ---------- Настройки ----------\nfunction 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

Настройки

Сменить PIN-код

\n setOldPin(e.target.value)} />\n setNewPin(e.target.value)} />\n Сохранить\n

Данные

\n demo(\"load\")}>Загрузить демо-данные\n demo(\"clear\")}>Очистить операции и сделки\n

\n {msg &&

{msg}

}\n view source\n

\n );\n}\n\n// ---------- Каркас ----------\nconst NAV = [\n [\"indicators\", \"Показатели\", \"📊\"],\n [\"ops\", \"Операции\", \"🔄\"],\n [\"deals\", \"Сделки\", \"🤝\"],\n [\"calendar\", \"План\", \"📅\"],\n [\"report\", \"Отчёты\", \"📋\"],\n [\"refs\", \"Справочники\", \"📚\"],\n [\"settings\", \"Настройки\", \"⚙️\"],\n];\n\nfunction App() {\n const [authed, setAuthed] = useState(!!getPin());\n const [page, setPage] = useState(\"indicators\");\n const [meta, setMeta] = useState(null);\n onUnauthorized = () => { setPinLS(\"\"); setAuthed(false); };\n const refreshMeta = () => api(\"/meta\").then(setMeta).catch(() => {});\n useEffect(() => { if (authed) refreshMeta(); }, [authed]);\n if (!authed) return setAuthed(true)} />;\n if (!meta) return

Загрузка…

;\n const pages = {\n indicators: ,\n ops: ,\n deals: ,\n calendar: ,\n report: ,\n refs: ,\n settings: ,\n };\n return (\n

U.fin

\n На счетах: {fmt(meta.total_balance)}\n

\n \n

\n {NAV.map(([k, label, icon]) => (\n \n ))}\n

{pages[page]}

\n );\n}\n\ncreateRoot(document.getElementById(\"root\")).render();\n",[],[143,175],"1b523b4d-0f70-4905-a3d5-c5bc5bbba0ec","index.html","822ee980-9caa-11f1-b817-1607ee4eb77e",5,["D",1787239923527],"\n\n\n \n \n U.fin — финансы агентства\n 💰\" />\n \n \n \n\n\n

\n \n\n\n",[],[143,183],"fa5db989-9ca9-4111-b8a1-a1b56d9925e5","app.part2.txt","156232da-9d40-11f1-a4dd-1607ee4eb77e",12,["D",1787303398731],"d\",{className:\"p-2 text-right\"},M(s.total_balance)),e.createElement(\"td\",null)))),d===\"contractors\"&&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\"},\"\\u0413\\u0440\\u0443\\u043F\\u043F\\u0430\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0418\\u041D\\u041D\"),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,s.contractors.map(n=>e.createElement(\"tr\",{key:n.id,className:\"border-t border-gray-50\"},e.createElement(\"td\",{className:\"p-2 pl-3 font-medium text-[#22313f]\"},n.name),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},n.grp||\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},n.inn||\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},n.comment||\"\"),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},e.createElement(E,{icon:T.edit,onClick:()=>u({type:\"contractors\",data:n})}),e.createElement(E,{icon:T.trash,danger:!0,onClick:()=>i(\"contractors\",n.id)})))))),d===\"categories\"&&e.createElement(Pe,{meta:s,onEdit:n=>u({type:\"categories\",data:n}),onDel:n=>i(\"categories\",n)}),a&&e.createElement(Fe,{modal:a,meta:s,onClose:()=>u(null),onSaved:l}))}function Pe({meta:s,onEdit:l,onDel:d}){let[r,a]=v(\"income\"),u=W(s.categories,r);return e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4 max-w-2xl\"},e.createElement(Q,{tabs:[[\"income\",\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B\"],[\"expense\",\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\"]],value:r,onChange:a}),e.createElement(\"div\",{className:\"mt-3\"}),u.map(i=>e.createElement(\"div\",{key:i.id,className:\"flex items-center justify-between py-1.5 border-b border-gray-50 text-sm\",style:{paddingLeft:i.depth*20}},e.createElement(\"span\",{className:i.depth===0?\"font-medium text-[#22313f]\":\"text-gray-600\"},i.name),e.createElement(\"span\",{className:\"whitespace-nowrap\"},e.createElement(E,{icon:T.edit,onClick:()=>l(i)}),e.createElement(E,{icon:T.trash,danger:!0,onClick:()=>d(i.id)})))))}function Fe({modal:s,meta:l,onClose:d,onSaved:r}){let{type:a,data:u}=s,[i,n]=v(u||(a===\"accounts\"?{name:\"\",acc_type:\"\\u0411\\u0435\\u0437\\u043D\\u0430\\u043B\\u0438\\u0447\\u043D\\u044B\\u0439\",bank:\"\",number:\"\",grp:\"\",start_balance:\"\",start_date:Y()}:a===\"contractors\"?{name:\"\",grp:\"\",inn:\"\",comment:\"\"}:{name:\"\",kind:\"income\",parent_id:\"\"})),m=(t,h)=>n(p=>({...p,[t]:h})),c=async()=>{if(!i.name)return alert(\"\\u0423\\u043A\\u0430\\u0436\\u0438\\u0442\\u0435 \\u043D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435\");let t=\"/\"+a+(i.id?\"/\"+i.id:\"\"),h=await _(t,i.id?\"PUT\":\"POST\",{...i,parent_id:i.parent_id?Number(i.parent_id):null,active:i.active!==0});if(h.error)return alert(h.error);r(),d()},y={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\"};return e.createElement(J,{title:(i.id?\"\":\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C: \")+y[a],onClose:d},e.createElement(N,{label:\"\\u041D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435\"},e.createElement(P,{value:i.name,onChange:t=>m(\"name\",t.target.value)})),a===\"accounts\"&&e.createElement(\"div\",{className:\"grid grid-cols-2 gap-x-4\"},e.createElement(N,{label:\"\\u0422\\u0438\\u043F\"},e.createElement(B,{value:i.acc_type,onChange:t=>m(\"acc_type\",t.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(t=>e.createElement(\"option\",{key:t},t)))),e.createElement(N,{label:\"\\u0413\\u0440\\u0443\\u043F\\u043F\\u0430\"},e.createElement(P,{value:i.grp,onChange:t=>m(\"grp\",t.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(N,{label:\"\\u0411\\u0430\\u043D\\u043A\"},e.createElement(P,{value:i.bank,onChange:t=>m(\"bank\",t.target.value)})),e.createElement(N,{label:\"\\u041D\\u043E\\u043C\\u0435\\u0440 \\u0441\\u0447\\u0451\\u0442\\u0430\"},e.createElement(P,{value:i.number,onChange:t=>m(\"number\",t.target.value)})),e.createElement(N,{label:\"\\u041D\\u0430\\u0447\\u0430\\u043B\\u044C\\u043D\\u044B\\u0439 \\u043E\\u0441\\u0442\\u0430\\u0442\\u043E\\u043A, \\u20BD\"},e.createElement(P,{type:\"number\",value:i.start_balance,onChange:t=>m(\"start_balance\",t.target.value)})),e.createElement(N,{label:\"\\u0414\\u0430\\u0442\\u0430 \\u043E\\u0441\\u0442\\u0430\\u0442\\u043A\\u0430\"},e.createElement(P,{type:\"date\",value:(i.start_date||\"\").slice(0,10),onChange:t=>m(\"start_date\",t.target.value)}))),a===\"contractors\"&&e.createElement(\"div\",{className:\"grid grid-cols-2 gap-x-4\"},e.createElement(N,{label:\"\\u0413\\u0440\\u0443\\u043F\\u043F\\u0430\"},e.createElement(B,{value:i.grp,onChange:t=>m(\"grp\",t.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(t=>e.createElement(\"option\",{key:t},t)))),e.createElement(N,{label:\"\\u0418\\u041D\\u041D\"},e.createElement(P,{value:i.inn,onChange:t=>m(\"inn\",t.target.value)})),e.createElement(N,{label:\"\\u041A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0439\"},e.createElement(P,{value:i.comment,onChange:t=>m(\"comment\",t.target.value)}))),a===\"categories\"&&e.createElement(\"div\",{className:\"grid grid-cols-2 gap-x-4\"},e.createElement(N,{label:\"\\u0420\\u0430\\u0437\\u0434\\u0435\\u043B\"},e.createElement(B,{value:i.kind,onChange:t=>m(\"kind\",t.target.value),disabled:!!i.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(N,{label:\"\\u0420\\u043E\\u0434\\u0438\\u0442\\u0435\\u043B\\u044C\\u0441\\u043A\\u0430\\u044F \\u0441\\u0442\\u0430\\u0442\\u044C\\u044F\"},e.createElement(B,{value:i.parent_id||\"\",onChange:t=>m(\"parent_id\",t.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u2014 (\\u043A\\u043E\\u0440\\u043D\\u0435\\u0432\\u0430\\u044F)\"),W(l.categories,i.kind).filter(t=>t.id!==i.id).map(t=>e.createElement(\"option\",{key:t.id,value:t.id},\" \".repeat(t.depth*3)+t.name))))),e.createElement(\"div\",{className:\"flex justify-end gap-2 mt-2\"},e.createElement(C,{kind:\"ghost\",onClick:d},\"\\u041E\\u0442\\u043C\\u0435\\u043D\\u0430\"),e.createElement(C,{onClick:c},\"\\u0421\\u043E\\u0445\\u0440\\u0430\\u043D\\u0438\\u0442\\u044C\")))}function ve({refreshMeta:s}){let[l,d]=v(\"\"),[r,a]=v(\"\"),[u,i]=v(\"\"),n=async()=>{let c=await _(\"/settings/pin\",\"POST\",{oldPin:l,newPin:r});i(c.ok?\"PIN \\u0438\\u0437\\u043C\\u0435\\u043D\\u0451\\u043D\":c.error||\"\\u041E\\u0448\\u0438\\u0431\\u043A\\u0430\"),c.ok&&(Z(r),d(\"\"),a(\"\"))},m=async c=>{c===\"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 _(\"/demo\",\"POST\",{action:c}),i(c===\"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\"),s())};return e.createElement(\"div\",{className:\"p-6 max-w-md\"},e.createElement(V,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\"},\"\\u0421\\u043C\\u0435\\u043D\\u0438\\u0442\\u044C PIN-\\u043A\\u043E\\u0434\"),e.createElement(N,{label:\"\\u0422\\u0435\\u043A\\u0443\\u0449\\u0438\\u0439 PIN\"},e.createElement(P,{type:\"password\",value:l,onChange:c=>d(c.target.value)})),e.createElement(N,{label:\"\\u041D\\u043E\\u0432\\u044B\\u0439 PIN (4\\u20138 \\u0446\\u0438\\u0444\\u0440)\"},e.createElement(P,{type:\"password\",value:r,onChange:c=>a(c.target.value)})),e.createElement(C,{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\"},\"\\u0414\\u0430\\u043D\\u043D\\u044B\\u0435\"),e.createElement(\"div\",{className:\"flex gap-2 flex-wrap\"},e.createElement(C,{kind:\"ghost\",onClick:()=>m(\"load\")},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u0438\\u0442\\u044C \\u0434\\u0435\\u043C\\u043E-\\u0434\\u0430\\u043D\\u043D\\u044B\\u0435\"),e.createElement(C,{kind:\"danger\",onClick:()=>m(\"clear\")},\"\\u041E\\u0447\\u0438\\u0441\\u0442\\u0438\\u0442\\u044C \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0438 \\u0438 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438\"))),u&&e.createElement(\"div\",{className:\"text-sm text-[#2aa3af]\"},u),e.createElement(\"a\",{href:\"/source\",className:\"text-xs text-gray-300 hover:text-gray-400\"},\"view source\"))}function he({onOk:s}){let[l,d]=v(\"\"),[r,a]=v(\"\");return e.createElement(\"div\",{className:\"min-h-screen flex items-center justify-center\",style:{background:\"#22313f\"}},e.createElement(\"form\",{onSubmit:async i=>{i.preventDefault(),(await _(\"/login\",\"POST\",{pin:l})).ok?(Z(l),s()):a(\"\\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(P,{type:\"password\",placeholder:\"PIN-\\u043A\\u043E\\u0434\",value:l,onChange:i=>d(i.target.value),className:\"text-center mb-3\"}),r&&e.createElement(\"div\",{className:\"text-rose-500 text-xs mb-2\"},r),e.createElement(\"button\",{className:\"w-full text-white rounded py-2 text-sm font-medium\",style:{background:\"#2aa3af\"}},\"\\u0412\\u043E\\u0439\\u0442\\u0438\")))}var Be=[[\"indicators\",\"\\u041F\\u043E\\u043A\\u0430\\u0437\\u0430\\u0442\\u0435\\u043B\\u0438\",T.chart],[\"ops\",\"\\u041E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0438\",T.ops],[\"deals\",\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0438\",T.deals],[\"plan\",\"\\u041F\\u043B\\u0430\\u043D\",T.plan],[\"projects\",\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\\u044B\",T.projects],[\"reports\",\"\\u041E\\u0442\\u0447\\u0451\\u0442\\u044B\",T.reports],[\"refs\",\"\\u0421\\u043F\\u0440\\u0430\\u0432\\u043E\\u0447\\u043D\\u0438\\u043A\\u0438\",T.refs],[\"settings\",\"\\u041D\\u0430\\u0441\\u0442\\u0440\\u043E\\u0439\\u043A\\u0438\",T.settings]];function Ie({spark:s}){if(!s||s.length<2)return null;let l=Math.min(...s.map(n=>n.b)),d=Math.max(...s.map(n=>n.b)),r=120,a=28,u=n=>n/(s.length-1)*r,i=n=>a-(n-l)/(d-l||1)*(a-6)-3;return e.createElement(\"svg\",{width:r,height:a,className:\"hidden md:block\"},e.createElement(\"polyline\",{fill:\"none\",stroke:\"#4ade80\",strokeWidth:\"1.5\",points:s.map((n,m)=>`${u(m)},${i(n.b)}`).join(\" \")}))}function De(){let[s,l]=v(!!se()),[d,r]=v(\"indicators\"),[a,u]=v(null);re(()=>{Z(\"\"),l(!1)});let i=()=>_(\"/meta\").then(u).catch(()=>{});if(D(()=>{s&&i()},[s]),!s)return e.createElement(he,{onOk:()=>l(!0)});if(!a)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 n={indicators:e.createElement(de,{meta:a}),ops:e.createElement(me,{meta:a,refreshMeta:i}),deals:e.createElement(ue,{meta:a,refreshMeta:i}),plan:e.createElement(ge,{meta:a}),projects:e.createElement(ce,{refreshMeta:i}),reports:e.createElement(xe,{meta:a}),refs:e.createElement(be,{meta:a,refreshMeta:i}),settings:e.createElement(ve,{refreshMeta:i})};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\",style:{background:U.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:U.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:\"text-right leading-tight\"},e.createElement(\"div\",{className:\"text-sm\"},e.createElement(\"span\",{className:\"text-slate-400\"},\"\\u041D\\u0430 \\u0441\\u0447\\u0435\\u0442\\u0430\\u0445\"),\" \",e.createElement(\"b\",{style:{color:\"#ffd35c\"}},M(a.total_balance))),a.gap&&e.createElement(\"div\",{className:\"text-[11px]\",style:{color:\"#ffb04c\"}},\"\\u0420\\u0430\\u0437\\u0440\\u044B\\u0432 \\u0441 \",L(a.gap.from),\" \\u043F\\u043E \",L(a.gap.to))),e.createElement(Ie,{spark:a.spark}),e.createElement(\"button\",{className:\"text-slate-400 hover:text-white text-xs\",onClick:()=>{Z(\"\"),l(!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 overflow-y-auto\",style:{background:U.darker}},Be.map(([m,c,y])=>e.createElement(\"button\",{key:m,onClick:()=>r(m),className:\"w-[68px] rounded-md py-2 text-center transition-colors\",style:d===m?{background:\"rgba(255,255,255,0.08)\",color:\"#fff\",boxShadow:`inset 3px 0 0 ${U.teal}`}:{color:\"#8b9bab\"}},e.createElement(\"div\",{className:\"flex justify-center\"},e.createElement(y,{size:20})),e.createElement(\"div\",{className:\"text-[10px] leading-tight mt-0.5\"},c)))),e.createElement(\"div\",{className:\"flex-1 overflow-y-auto min-w-0\",style:{background:\"#eef1f4\"}},n[d])))}je(document.getElementById(\"root\")).render(e.createElement(De,null));\n",[],[143,191],"3aece257-02ce-48d1-9e10-dd96651c9ffc","app.part1.txt","14f5557a-9d40-11f1-a464-1607ee4eb77e",11,["D",1787303398009],"import{createRoot as je}from\"https://esm.sh/react-dom@18.2.0/client\";import e,{useEffect as D,useMemo as Le,useState as v}from\"https://esm.sh/react@18.2.0\";var te=\"ufin_pin\",se=()=>{try{return localStorage.getItem(te)||\"\"}catch{return\"\"}},Z=s=>{try{s?localStorage.setItem(te,s):localStorage.removeItem(te)}catch{}},le=()=>{},re=s=>{le=s};async function _(s,l=\"GET\",d){let r=await fetch(\"/api\"+s,{method:l,headers:{\"content-type\":\"application/json\",\"x-pin\":se()},body:d===void 0?void 0:JSON.stringify(d)});if(r.status===401&&s!==\"/login\")throw le(),new Error(\"unauthorized\");return r.json()}var M=s=>new Intl.NumberFormat(\"ru-RU\",{maximumFractionDigits:2}).format(s||0)+\" \\u20BD\",j=s=>new Intl.NumberFormat(\"ru-RU\",{maximumFractionDigits:0}).format(s||0)+\" \\u20BD\";var ae=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),H=()=>Y().slice(0,4),L=s=>s?s.slice(0,10).split(\"-\").reverse().join(\".\"):\"\\u2014\",ye=[\"\\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\"],K=s=>{let[l,d]=s.split(\"-\");return ye[Number(d)-1].slice(0,3).toLowerCase()+\" '\"+l.slice(2)},R=s=>Array.from({length:12},(l,d)=>`${s}-${String(d+1).padStart(2,\"0\")}`),G={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\"}},U={dark:\"#22313f\",darker:\"#1b2735\",teal:\"#2aa3af\",tealD:\"#238e99\",green:\"#27ae60\",red:\"#e74c3c\",amber:\"#f2c94c\"};function W(s,l){let d={};for(let u of s.filter(i=>i.kind===l)){let i=u.parent_id||0;(d[i]=d[i]||[]).push(u)}let r=[],a=(u,i)=>{for(let n of d[u]||[])r.push({...n,depth:i}),a(n.id,i+1)};return a(0,0),r}function oe(s,l){let d={};for(let a of s)d[a.id]=a;let r=d[l];for(;r&&r.parent_id;)r=d[r.parent_id];return r||null}var I=(s,l=null)=>d=>e.createElement(\"svg\",{viewBox:\"0 0 24 24\",width:d.size||20,height:d.size||20,fill:\"none\",stroke:\"currentColor\",strokeWidth:\"1.8\",strokeLinecap:\"round\",strokeLinejoin:\"round\"},e.createElement(\"path\",{d:s}),l),T={chart:I(\"M4 20V10 M10 20V4 M16 20v-7 M22 20H2\"),ops:I(\"M4 7h13l-3-3 M20 17H7l3 3\"),deals:I(\"M3 8h18v12H3z M8 8V5a2 2 0 012-2h4a2 2 0 012 2v3 M3 13h18\"),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\"),projects:I(\"M3 6a1 1 0 011-1h5l2 2h9a1 1 0 011 1v11a1 1 0 01-1 1H4a1 1 0 01-1-1V6z\"),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\"),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\"),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\"),arrowIn:I(\"M20 12H4 M10 6l-6 6 6 6\"),arrowOut:I(\"M4 12h16 M14 6l6 6-6 6\"),swap:I(\"M4 7h13l-3-3 M20 17H7l3 3\"),x:I(\"M6 6l12 12 M18 6L6 18\"),edit:I(\"M4 20h4L19 9l-4-4L4 16v4z\"),trash:I(\"M4 7h16 M9 7V5a1 1 0 011-1h4a1 1 0 011 1v2 M6 7l1 13h10l1-13 M10 11v5 M14 11v5\"),plus:I(\"M12 5v14 M5 12h14\")};function J({title:s,onClose:l,children:d,wide:r}){return e.createElement(\"div\",{className:\"fixed inset-0 bg-black/40 flex items-start justify-center z-50 overflow-y-auto py-10\",onClick:l},e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-xl w-full \"+(r?\"max-w-3xl\":\"max-w-lg\"),onClick:a=>a.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:l},\"\\xD7\")),e.createElement(\"div\",{className:\"p-5\"},d)))}function N({label:s,children:l}){return e.createElement(\"label\",{className:\"block mb-3\"},e.createElement(\"div\",{className:\"text-xs text-gray-500 mb-1\"},s),l)}var ie=\"w-full border border-gray-200 rounded px-3 py-2 text-sm focus:border-[#2aa3af]\";function P(s){return e.createElement(\"input\",{...s,className:ie+\" \"+(s.className||\"\")})}function B(s){return e.createElement(\"select\",{...s,className:ie+\" bg-white \"+(s.className||\"\")})}function q({label:s,checked:l,onChange:d}){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:l,onChange:r=>d(r.target.checked),className:\"accent-[#2aa3af]\"}),s)}function C({children:s,onClick:l,kind:d=\"primary\",small:r,type:a}){let u=(r?\"px-3 py-1.5 text-xs\":\"px-4 py-2 text-sm\")+\" rounded font-medium transition-colors \";return e.createElement(\"button\",{type:a||\"button\",onClick:l,className:u+(d===\"primary\"?\"text-white bg-[#2aa3af] hover:bg-[#238e99]\":d===\"dark\"?\"text-white bg-[#22313f] hover:bg-[#1b2735]\":d===\"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 E({icon:s,onClick:l,danger:d,title:r}){return e.createElement(\"button\",{title:r,onClick:l,className:\"p-1 rounded text-gray-300 \"+(d?\"hover:text-rose-500\":\"hover:text-gray-500\")},e.createElement(s,{size:15}))}function V({children:s,right:l}){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),l)}function Q({tabs:s,value:l,onChange:d}){return e.createElement(\"div\",{className:\"inline-flex border border-gray-200 rounded overflow-hidden bg-white\"},s.map(([r,a])=>e.createElement(\"button\",{key:r,onClick:()=>d(r),className:\"px-4 py-1.5 text-sm border-r border-gray-200 last:border-0 \"+(l===r?\"text-[#2aa3af] font-semibold bg-teal-50/40\":\"text-gray-600 hover:bg-gray-50\")},a)))}function X({value:s,onChange:l}){return e.createElement(B,{value:s,onChange:d=>l(d.target.value),className:\"!w-28\"},[0,1,2].map(d=>{let r=String(Number(H())-d);return e.createElement(\"option\",{key:r,value:r},r)}))}function de({meta:s}){let[l,d]=v(null),[r,a]=v(H());if(D(()=>{_(`/indicators?from=${r}-01-01&to=${r}-12-31`).then(d)},[r]),!l)return e.createElement(\"div\",{className:\"p-6 text-gray-400 text-sm\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");let u=l.months||[],i=u.reduce((f,O)=>f+Number(O.income||0),0),n=u.reduce((f,O)=>f+Number(O.expense||0),0),m=i-n,c=i?Math.round(m/i*100):0,y=Math.max(1,...u.map(f=>Math.max(Number(f.income||0),Number(f.expense||0)))),t=l.planned||{},h=s.spark||[],p=Math.min(...h.map(f=>f.b),0),b=Math.max(...h.map(f=>f.b),1),o=560,x=120,k=f=>f/Math.max(1,h.length-1)*o,S=f=>x-(f-p)/(b-p||1)*(x-10)-5,F=({label:f,value:O,cls:A})=>e.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm\"},e.createElement(\"div\",{className:\"text-xs text-gray-500\"},f),e.createElement(\"div\",{className:\"text-lg font-bold \"+(A||\"text-[#22313f]\")},O));return e.createElement(\"div\",{className:\"p-6\"},e.createElement(V,{right:e.createElement(X,{value:r,onChange:a})},\"\\u041F\\u043E\\u043A\\u0430\\u0437\\u0430\\u0442\\u0435\\u043B\\u0438\"),e.createElement(\"div\",{className:\"text-sm font-semibold text-gray-500 mb-2\"},\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C, \\u20BD\"),e.createElement(\"div\",{className:\"grid grid-cols-2 lg:grid-cols-4 gap-3 mb-5\"},e.createElement(F,{label:\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B\",value:j(i),cls:\"text-emerald-600\"}),e.createElement(F,{label:\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\",value:j(n),cls:\"text-rose-500\"}),e.createElement(F,{label:\"\\u0427\\u0438\\u0441\\u0442\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C\",value:j(m),cls:m<0?\"text-rose-600\":void 0}),e.createElement(F,{label:\"\\u0420\\u0435\\u043D\\u0442\\u0430\\u0431\\u0435\\u043B\\u044C\\u043D\\u043E\\u0441\\u0442\\u044C\",value:c+\"%\"})),e.createElement(\"div\",{className:\"grid lg:grid-cols-3 gap-4\"},e.createElement(\"div\",{className:\"lg:col-span-2\"},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-3\"},\"\\u0414\\u0435\\u043D\\u0435\\u0436\\u043D\\u044B\\u0439 \\u043F\\u043E\\u0442\\u043E\\u043A \\u043F\\u043E \\u043C\\u0435\\u0441\\u044F\\u0446\\u0430\\u043C\"),u.length===0?e.createElement(\"div\",{className:\"text-gray-400 text-sm py-8 text-center\"},\"\\u041D\\u0435\\u0442 \\u043F\\u043E\\u0434\\u0442\\u0432\\u0435\\u0440\\u0436\\u0434\\u0451\\u043D\\u043D\\u044B\\u0445 \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0439 \\u0437\\u0430 \",r,\" \\u0433\\u043E\\u0434\"):e.createElement(\"svg\",{viewBox:`0 0 ${Math.max(4,u.length)*90} 190`,className:\"w-full\",style:{maxHeight:230}},u.map((f,O)=>{let A=Math.round(Number(f.income||0)/y*130),z=Math.round(Number(f.expense||0)/y*130),g=O*90;return e.createElement(\"g\",{key:f.m},e.createElement(\"rect\",{x:g+16,y:145-A,width:26,height:A,rx:\"2\",fill:U.teal}),e.createElement(\"rect\",{x:g+46,y:145-z,width:26,height:z,rx:\"2\",fill:U.amber}),e.createElement(\"text\",{x:g+44,y:162,textAnchor:\"middle\",fontSize:\"11\",fill:\"#64748b\"},K(f.m)),e.createElement(\"text\",{x:g+44,y:178,textAnchor:\"middle\",fontSize:\"10\",fill:\"#94a3b8\"},ae(Number(f.income||0)-Number(f.expense||0))))})),e.createElement(\"div\",{className:\"flex gap-4 text-xs text-gray-500 mt-2\"},e.createElement(\"span\",null,e.createElement(\"span\",{className:\"inline-block w-3 h-3 rounded-sm align-middle mr-1\",style:{background:U.teal}}),\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F\"),e.createElement(\"span\",null,e.createElement(\"span\",{className:\"inline-block w-3 h-3 rounded-sm align-middle mr-1\",style:{background:U.amber}}),\"\\u0412\\u044B\\u043F\\u043B\\u0430\\u0442\\u044B\"))),e.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm\"},e.createElement(\"div\",{className:\"text-sm font-semibold text-[#22313f] mb-3\"},\"\\u041E\\u0441\\u0442\\u0430\\u0442\\u043E\\u043A \\u043D\\u0430 \\u0441\\u0447\\u0435\\u0442\\u0430\\u0445, \\u043F\\u043E\\u0441\\u043B\\u0435\\u0434\\u043D\\u0438\\u0435 90 \\u0434\\u043D\\u0435\\u0439\"),h.length<2?e.createElement(\"div\",{className:\"text-gray-400 text-sm py-4 text-center\"},\"\\u041C\\u0430\\u043B\\u043E \\u0434\\u0430\\u043D\\u043D\\u044B\\u0445\"):e.createElement(\"svg\",{viewBox:`0 0 ${o} ${x}`,className:\"w-full\",style:{maxHeight:150}},p<0&&e.createElement(\"line\",{x1:\"0\",x2:o,y1:S(0),y2:S(0),stroke:\"#e5e7eb\",strokeDasharray:\"4 3\"}),e.createElement(\"polyline\",{fill:\"none\",stroke:U.green,strokeWidth:\"2\",points:h.map((f,O)=>`${k(O)},${S(f.b)}`).join(\" \")}),e.createElement(\"text\",{x:o-4,y:S(h[h.length-1].b)-6,textAnchor:\"end\",fontSize:\"11\",fill:\"#334155\",fontWeight:\"bold\"},ae(h[h.length-1].b))))),e.createElement(\"div\",null,e.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm mb-3\"},e.createElement(\"div\",{className:\"text-sm font-semibold text-[#22313f] mb-2\"},\"\\u041E\\u0441\\u0442\\u0430\\u0442\\u043A\\u0438 \\u043D\\u0430 \\u0441\\u0447\\u0435\\u0442\\u0430\\u0445\"),s.accounts.filter(f=>f.active).map(f=>e.createElement(\"div\",{key:f.id,className:\"flex justify-between text-sm py-1 border-b border-gray-50 last:border-0\"},e.createElement(\"span\",{className:\"text-gray-600 truncate mr-2\"},f.name),e.createElement(\"span\",{className:\"font-medium \"+(f.balance<0?\"text-rose-600\":\"text-[#22313f]\")},j(f.balance)))),e.createElement(\"div\",{className:\"flex justify-between text-sm pt-2 font-bold text-[#22313f]\"},e.createElement(\"span\",null,\"\\u0418\\u0442\\u043E\\u0433\\u043E\"),e.createElement(\"span\",null,j(s.total_balance)))),e.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm\"},e.createElement(\"div\",{className:\"text-sm font-semibold text-[#22313f] mb-2\"},\"\\u041D\\u0435 \\u043F\\u043E\\u0434\\u0442\\u0432\\u0435\\u0440\\u0436\\u0434\\u0435\\u043D\\u043E (\\u043F\\u043B\\u0430\\u043D)\"),e.createElement(\"div\",{className:\"flex justify-between text-sm py-1\"},e.createElement(\"span\",{className:\"text-gray-600\"},\"\\u041D\\u0430 \\u0437\\u0430\\u0445\\u043E\\u0434\\u0435\"),e.createElement(\"span\",{className:\"font-medium text-emerald-600\"},j(t.inc))),e.createElement(\"div\",{className:\"flex justify-between text-sm py-1\"},e.createElement(\"span\",{className:\"text-gray-600\"},\"\\u041A \\u043E\\u043F\\u043B\\u0430\\u0442\\u0435\"),e.createElement(\"span\",{className:\"font-medium text-rose-500\"},j(t.exp))),s.gap&&e.createElement(\"div\",{className:\"mt-2 text-xs bg-amber-50 text-amber-700 rounded p-2\"},\"\\u041F\\u0440\\u043E\\u0433\\u043D\\u043E\\u0437 \\u043A\\u0430\\u0441\\u0441\\u043E\\u0432\\u043E\\u0433\\u043E \\u0440\\u0430\\u0437\\u0440\\u044B\\u0432\\u0430: \\u0441 \",L(s.gap.from),\" \\u043F\\u043E \",L(s.gap.to),\" (\\u0434\\u043E \",j(s.gap.min),\")\")))))}function ne({meta:s,initial:l,onClose:d,onSaved:r}){let[a,u]=v(l||{op_type:\"income\",date:Y(),confirmed:!0,amount:\"\",account_id:\"\",account2_id:\"\",category_id:\"\",contractor_id:\"\",deal_id:\"\",project_id:\"\",purpose:\"\"}),[i,n]=v([]);D(()=>{_(\"/deals\").then(n)},[]);let m=(t,h)=>u(p=>({...p,[t]:h})),c=W(s.categories,a.op_type===\"expense\"?\"expense\":\"income\"),y=async()=>{if(!a.amount||!a.account_id)return alert(\"\\u0423\\u043A\\u0430\\u0436\\u0438\\u0442\\u0435 \\u0441\\u0443\\u043C\\u043C\\u0443 \\u0438 \\u0441\\u0447\\u0451\\u0442\");let t={...a,amount:Number(a.amount),account_id:Number(a.account_id)||null,account2_id:Number(a.account2_id)||null,category_id:Number(a.category_id)||null,contractor_id:Number(a.contractor_id)||null,deal_id:Number(a.deal_id)||null,project_id:Number(a.project_id)||null};a.id?await _(\"/ops/\"+a.id,\"PUT\",t):await _(\"/ops\",\"POST\",t),r(),d()};return e.createElement(J,{title:a.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:d},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(([t,h])=>e.createElement(\"button\",{key:t,onClick:()=>m(\"op_type\",t),className:\"px-3 py-1.5 text-sm rounded \"+(a.op_type===t?\"bg-[#2aa3af] text-white\":\"bg-gray-100 text-gray-600 hover:bg-gray-200\")},h))),e.createElement(\"div\",{className:\"grid grid-cols-2 gap-x-4\"},e.createElement(N,{label:\"\\u0414\\u0430\\u0442\\u0430 \\u043E\\u043F\\u043B\\u0430\\u0442\\u044B\"},e.createElement(P,{type:\"date\",value:a.date,onChange:t=>m(\"date\",t.target.value)})),e.createElement(N,{label:\"\\u0421\\u0443\\u043C\\u043C\\u0430, \\u20BD\"},e.createElement(P,{type:\"number\",value:a.amount,onChange:t=>m(\"amount\",t.target.value),placeholder:\"0\"})),e.createElement(N,{label:a.op_type===\"transfer\"?\"\\u0421\\u043E \\u0441\\u0447\\u0451\\u0442\\u0430\":\"\\u0421\\u0447\\u0451\\u0442\"},e.createElement(B,{value:a.account_id,onChange:t=>m(\"account_id\",t.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u0412\\u044B\\u0431\\u0440\\u0430\\u0442\\u044C \\u0441\\u0447\\u0451\\u0442\\u2026\"),s.accounts.filter(t=>t.active).map(t=>e.createElement(\"option\",{key:t.id,value:t.id},t.name)))),a.op_type===\"transfer\"?e.createElement(N,{label:\"\\u041D\\u0430 \\u0441\\u0447\\u0451\\u0442\"},e.createElement(B,{value:a.account2_id,onChange:t=>m(\"account2_id\",t.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u0412\\u044B\\u0431\\u0440\\u0430\\u0442\\u044C \\u0441\\u0447\\u0451\\u0442\\u2026\"),s.accounts.filter(t=>t.active).map(t=>e.createElement(\"option\",{key:t.id,value:t.id},t.name)))):e.createElement(N,{label:\"\\u0421\\u0442\\u0430\\u0442\\u044C\\u044F \\u0443\\u0447\\u0451\\u0442\\u0430\"},e.createElement(B,{value:a.category_id,onChange:t=>m(\"category_id\",t.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u041D\\u0435 \\u0432\\u044B\\u0431\\u0440\\u0430\\u043D\\u0430\"),c.map(t=>e.createElement(\"option\",{key:t.id,value:t.id},\"\\xA0\".repeat(t.depth*3)+t.name)))),a.op_type!==\"transfer\"&&e.createElement(N,{label:\"\\u041A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442\"},e.createElement(B,{value:a.contractor_id,onChange:t=>m(\"contractor_id\",t.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u041D\\u0435 \\u0432\\u044B\\u0431\\u0440\\u0430\\u043D\"),s.contractors.map(t=>e.createElement(\"option\",{key:t.id,value:t.id},t.name)))),a.op_type!==\"transfer\"&&e.createElement(N,{label:\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0430\"},e.createElement(B,{value:a.deal_id,onChange:t=>m(\"deal_id\",t.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u0411\\u0435\\u0437 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438\"),i.map(t=>e.createElement(\"option\",{key:t.id,value:t.id},t.name)))),a.op_type!==\"transfer\"&&e.createElement(N,{label:\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\"},e.createElement(B,{value:a.project_id,onChange:t=>m(\"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(N,{label:\"\\u041D\\u0430\\u0437\\u043D\\u0430\\u0447\\u0435\\u043D\\u0438\\u0435 \\u043F\\u043B\\u0430\\u0442\\u0435\\u0436\\u0430\"},e.createElement(P,{value:a.purpose,onChange:t=>m(\"purpose\",t.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:!!a.confirmed,onChange:t=>m(\"confirmed\",t)}),e.createElement(\"div\",{className:\"flex justify-end gap-2 mt-4\"},e.createElement(C,{kind:\"ghost\",onClick:d},\"\\u041E\\u0442\\u043C\\u0435\\u043D\\u0430\"),e.createElement(C,{onClick:y},\"\\u0421\\u043E\\u0445\\u0440\\u0430\\u043D\\u0438\\u0442\\u044C\")))}function Ne({meta:s,onClose:l,onDone:d}){let[r,a]=v(\"\"),[u,i]=v(\"\"),[n,m]=v(!0),[c,y]=v(null),t=()=>{let p=[];for(let b of r.split(/\\r?\\n/)){let o=b.trim();if(!o)continue;let x=o.split(/[;\\t]/).map(F=>F.trim());if(x.length<2)continue;let k=x[0].includes(\".\")?x[0].split(\".\").reverse().join(\"-\"):x[0];if(!/^\\d{4}-\\d{2}-\\d{2}/.test(k))continue;let S=Number(x[1].replace(/\\s/g,\"\").replace(\",\",\".\"));S&&p.push({date:k,amount:Math.abs(S),op_type:S<0?\"expense\":\"income\",contractor_name:x[2]||\"\",purpose:x.slice(3).join(\"; \")||\"\"})}y(p)},h=async()=>{if(!u)return alert(\"\\u0412\\u044B\\u0431\\u0435\\u0440\\u0438\\u0442\\u0435 \\u0441\\u0447\\u0451\\u0442\");let p=await _(\"/ops/import\",\"POST\",{rows:c.map(b=>({...b,account_id:Number(u),confirmed:n}))});alert(\"\\u0418\\u043C\\u043F\\u043E\\u0440\\u0442\\u0438\\u0440\\u043E\\u0432\\u0430\\u043D\\u043E \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0439: \"+p.n),d(),l()};return e.createElement(J,{title:\"\\u0418\\u043C\\u043F\\u043E\\u0440\\u0442 \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0439 (\\u0432\\u044B\\u043F\\u0438\\u0441\\u043A\\u0430)\",onClose:l,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:r,onChange:p=>a(p.target.value)}),e.createElement(\"div\",{className:\"grid grid-cols-2 gap-4 mb-3\"},e.createElement(N,{label:\"\\u0417\\u0430\\u0447\\u0438\\u0441\\u043B\\u0438\\u0442\\u044C \\u043D\\u0430 \\u0441\\u0447\\u0451\\u0442\"},e.createElement(B,{value:u,onChange:p=>i(p.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u0412\\u044B\\u0431\\u0440\\u0430\\u0442\\u044C \\u0441\\u0447\\u0451\\u0442\\u2026\"),s.accounts.filter(p=>p.active).map(p=>e.createElement(\"option\",{key:p.id,value:p.id},p.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:n,onChange:m}))),c&&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,c.length),c.length>0&&e.createElement(\"span\",{className:\"text-gray-500\"},\" \\xB7 \\u043F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u0439 \",c.filter(p=>p.op_type===\"income\").length,\", \\u0432\\u044B\\u043F\\u043B\\u0430\\u0442 \",c.filter(p=>p.op_type===\"expense\").length)),e.createElement(\"div\",{className:\"flex justify-end gap-2\"},e.createElement(C,{kind:\"ghost\",onClick:l},\"\\u041E\\u0442\\u043C\\u0435\\u043D\\u0430\"),c?e.createElement(C,{onClick:h},\"\\u0418\\u043C\\u043F\\u043E\\u0440\\u0442\\u0438\\u0440\\u043E\\u0432\\u0430\\u0442\\u044C \",c.length):e.createElement(C,{onClick:t},\"\\u041F\\u0440\\u043E\\u0432\\u0435\\u0440\\u0438\\u0442\\u044C\")))}function me({meta:s,refreshMeta:l}){let[d,r]=v({rows:[],totals:{}}),[a,u]=v({income:!0,expense:!0,transfer:!0,conf:!0,unconf:!0,account:\"\",category:\"\",contractor:\"\",project:\"\",q:\"\",from:\"\",to:\"\",uncat:!1}),[i,n]=v(null),[m,c]=v(!1),[y,t]=v({}),[h,p]=v(\"\"),b=()=>{let g=new URLSearchParams,w=[a.income&&\"income\",a.expense&&\"expense\",a.transfer&&\"transfer\"].filter(Boolean);w.length===1&&g.set(\"type\",w[0]),a.conf!==a.unconf&&g.set(\"confirmed\",a.conf?\"1\":\"0\");for(let $ of[\"account\",\"category\",\"contractor\",\"project\",\"q\",\"from\",\"to\"])a[$]&&g.set($,a[$]);a.uncat&&g.set(\"uncat\",\"1\"),_(\"/ops?\"+g.toString()).then($=>{let ee=new Set(w.length?w:[\"income\",\"expense\",\"transfer\"]);$.rows=$.rows.filter(fe=>ee.has(fe.op_type)),r($)})};D(()=>{b()},[JSON.stringify(a)]);let o=(g,w)=>u($=>({...$,[g]:w})),x=async g=>{await _(`/ops/${g}/confirm`,\"POST\",{}),b(),l()},k=async g=>{window.confirm(\"\\u0423\\u0434\\u0430\\u043B\\u0438\\u0442\\u044C \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u044E?\")&&(await _(\"/ops/\"+g,\"DELETE\"),b(),l())},S=[...W(s.categories,\"income\"),...W(s.categories,\"expense\")],F=Object.keys(y).filter(g=>y[g]),f=async()=>{if(!h)return alert(\"\\u0412\\u044B\\u0431\\u0435\\u0440\\u0438\\u0442\\u0435 \\u0441\\u0442\\u0430\\u0442\\u044C\\u044E\");await _(\"/ops/bulk\",\"POST\",{ids:F.map(Number),category_id:Number(h)}),t({}),p(\"\"),b()},O=[],A=null;for(let g of d.rows)(!A||A.date!==g.date)&&(A={date:g.date,rows:[]},O.push(A)),A.rows.push(g);let z=d.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:a.income,onChange:g=>o(\"income\",g)}),e.createElement(q,{label:\"\\u0412\\u044B\\u043F\\u043B\\u0430\\u0442\\u0430\",checked:a.expense,onChange:g=>o(\"expense\",g)}),e.createElement(q,{label:\"\\u041F\\u0435\\u0440\\u0435\\u043C\\u0435\\u0449\\u0435\\u043D\\u0438\\u0435\",checked:a.transfer,onChange:g=>o(\"transfer\",g)}),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:a.conf,onChange:g=>o(\"conf\",g)}),e.createElement(q,{label:\"\\u041D\\u0435 \\u043F\\u043E\\u0434\\u0442\\u0432\\u0435\\u0440\\u0436\\u0434\\u0435\\u043D\\u0430\",checked:a.unconf,onChange:g=>o(\"unconf\",g)}),e.createElement(\"div\",{className:\"mt-3\"}),e.createElement(N,{label:\"\\u0421\\u0447\\u0451\\u0442\"},e.createElement(B,{value:a.account,onChange:g=>o(\"account\",g.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u0412\\u0441\\u0435\"),s.accounts.map(g=>e.createElement(\"option\",{key:g.id,value:g.id},g.name)))),e.createElement(N,{label:\"\\u0421\\u0442\\u0430\\u0442\\u044C\\u044F \\u0443\\u0447\\u0451\\u0442\\u0430\"},e.createElement(B,{value:a.category,onChange:g=>o(\"category\",g.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u0412\\u0441\\u0435\"),S.map(g=>e.createElement(\"option\",{key:g.id,value:g.id},\"\\xA0\".repeat(g.depth*2)+g.name)))),e.createElement(N,{label:\"\\u041A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442\"},e.createElement(B,{value:a.contractor,onChange:g=>o(\"contractor\",g.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u0412\\u0441\\u0435\"),s.contractors.map(g=>e.createElement(\"option\",{key:g.id,value:g.id},g.name)))),e.createElement(N,{label:\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\"},e.createElement(B,{value:a.project,onChange:g=>o(\"project\",g.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u0412\\u0441\\u0435\"),(s.projects||[]).map(g=>e.createElement(\"option\",{key:g.id,value:g.id},g.name)))),e.createElement(N,{label:\"\\u041F\\u0435\\u0440\\u0438\\u043E\\u0434 \\u0441\"},e.createElement(P,{type:\"date\",value:a.from,onChange:g=>o(\"from\",g.target.value)})),e.createElement(N,{label:\"\\u043F\\u043E\"},e.createElement(P,{type:\"date\",value:a.to,onChange:g=>o(\"to\",g.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:a.uncat,onChange:g=>o(\"uncat\",g)})),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(C,{onClick:()=>n({})},\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C\"),e.createElement(C,{kind:\"ghost\",onClick:()=>c(!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:a.q,onChange:g=>o(\"q\",g.target.value)})),F.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,F.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(B,{value:h,onChange:g=>p(g.target.value),className:\"!w-64\"},e.createElement(\"option\",{value:\"\"},\"\\u0412\\u044B\\u0431\\u0440\\u0430\\u0442\\u044C\\u2026\"),S.map(g=>e.createElement(\"option\",{key:g.id,value:g.id},\"\\xA0\".repeat(g.depth*2)+g.name))),e.createElement(C,{small:!0,onClick:f},\"\\u041F\\u0440\\u0438\\u043C\\u0435\\u043D\\u0438\\u0442\\u044C\"),e.createElement(\"button\",{className:\"text-gray-400 text-xs\",onClick:()=>t({})},\"\\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\"}))),O.map(g=>e.createElement(\"tbody\",{key:g.date},e.createElement(\"tr\",null,e.createElement(\"td\",{colSpan:9,className:\"px-3 pt-3 pb-1 text-xs font-semibold text-slate-500\"},L(g.date),g.date===Y()?\" \\xB7 \\u0421\\u0435\\u0433\\u043E\\u0434\\u043D\\u044F\":\"\")),g.rows.map(w=>e.createElement(\"tr\",{key:w.id,className:\"border-t border-gray-50 hover:bg-slate-50\"},e.createElement(\"td\",{className:\"p-2 pl-3\"},w.op_type!==\"transfer\"&&e.createElement(\"input\",{type:\"checkbox\",className:\"accent-[#2aa3af]\",checked:!!y[w.id],onChange:$=>t(ee=>({...ee,[w.id]:$.target.checked}))})),e.createElement(\"td\",{className:\"p-2 text-gray-500 whitespace-nowrap\"},L(w.date)),e.createElement(\"td\",{className:\"p-2 text-gray-700\"},w.account_name,w.op_type===\"transfer\"&&e.createElement(\"div\",{className:\"text-gray-400 text-xs\"},\"\\u2192 \",w.account2_name)),e.createElement(\"td\",{className:\"p-2\"},e.createElement(\"span\",{className:w.op_type===\"income\"?\"text-emerald-600\":w.op_type===\"expense\"?\"text-rose-500\":\"text-gray-400\"},w.op_type===\"income\"?e.createElement(T.arrowIn,{size:15}):w.op_type===\"expense\"?e.createElement(T.arrowOut,{size:15}):e.createElement(T.swap,{size:15}))),e.createElement(\"td\",{className:\"p-2 text-gray-700 max-w-[170px] truncate\"},w.contractor_name||\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-gray-600 max-w-[220px]\"},e.createElement(\"div\",{className:\"truncate\"},w.op_type===\"transfer\"?\"\\u041F\\u0435\\u0440\\u0435\\u0432\\u043E\\u0434 \\u043C\\u0435\\u0436\\u0434\\u0443 \\u0441\\u0447\\u0435\\u0442\\u0430\\u043C\\u0438\":w.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 \",w.op_type===\"income\"?\"\\u0434\\u043E\\u0445\\u043E\\u0434\":\"\\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\")),w.purpose&&e.createElement(\"div\",{className:\"text-gray-400 text-xs truncate\"},w.purpose)),e.createElement(\"td\",{className:\"p-2 text-gray-500 max-w-[130px]\"},e.createElement(\"div\",{className:\"truncate\"},w.deal_name||\"\"),w.project_name&&e.createElement(\"div\",{className:\"text-xs text-gray-400 truncate\"},w.project_name)),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},w.op_type===\"transfer\"?e.createElement(\"div\",{className:\"text-gray-600\"},\"\\u2212\",M(w.amount),e.createElement(\"div\",null,\"+\",M(w.amount))):e.createElement(\"span\",{className:w.op_type===\"income\"?\"text-emerald-600 font-medium\":\"text-rose-500 font-medium\"},w.op_type===\"income\"?\"+\":\"\\u2212\",M(w.amount)),!w.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\"},!w.confirmed&&e.createElement(C,{small:!0,onClick:()=>x(w.id)},\"\\u041F\\u043E\\u0434\\u0442\\u0432.\"),e.createElement(E,{icon:T.edit,onClick:()=>n({...w,confirmed:!!w.confirmed})}),e.createElement(E,{icon:T.trash,danger:!0,onClick:()=>k(w.id)}))))))),d.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,z.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\"},M(z.income))),e.createElement(\"span\",null,\"\\u0412\\u044B\\u043F\\u043B\\u0430\\u0442\\u044B: \",e.createElement(\"b\",{className:\"text-rose-500\"},M(z.expense))),e.createElement(\"span\",null,\"\\u041F\\u0435\\u0440\\u0435\\u043C\\u0435\\u0449\\u0435\\u043D\\u0438\\u044F: \",e.createElement(\"b\",null,M(z.transfer))),e.createElement(\"span\",null,\"\\u0418\\u0442\\u043E\\u0433\\u043E: \",e.createElement(\"b\",{className:z.income-z.expense>=0?\"text-emerald-600\":\"text-rose-500\"},z.income-z.expense>=0?\"+\":\"\",M((z.income||0)-(z.expense||0)))))),i&&e.createElement(ne,{meta:s,initial:i.id?i:null,onClose:()=>n(null),onSaved:()=>{b(),l()}}),m&&e.createElement(Ne,{meta:s,onClose:()=>c(!1),onDone:()=>{b(),l()}}))}function pe({initial:s,onClose:l,onSaved:d}){let[r,a]=v(s||{name:\"\",client:\"\",status:\"work\",amount:\"\",created_at:Y(),comment:\"\"}),u=(n,m)=>a(c=>({...c,[n]:m})),i=async()=>{if(!r.name)return alert(\"\\u0423\\u043A\\u0430\\u0436\\u0438\\u0442\\u0435 \\u043D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435\");let n={...r,amount:Number(r.amount)||0};r.id?await _(\"/deals/\"+r.id,\"PUT\",n):await _(\"/deals\",\"POST\",n),d(),l()};return e.createElement(J,{title:r.id?\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0430\":\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u043D\\u0438\\u0435 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438\",onClose:l},e.createElement(N,{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(P,{value:r.name,onChange:n=>u(\"name\",n.target.value)})),e.createElement(\"div\",{className:\"grid grid-cols-2 gap-x-4\"},e.createElement(N,{label:\"\\u041A\\u043B\\u0438\\u0435\\u043D\\u0442\"},e.createElement(P,{value:r.client,onChange:n=>u(\"client\",n.target.value)})),e.createElement(N,{label:\"\\u0421\\u0443\\u043C\\u043C\\u0430 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438, \\u20BD\"},e.createElement(P,{type:\"number\",value:r.amount,onChange:n=>u(\"amount\",n.target.value)})),e.createElement(N,{label:\"\\u0421\\u0442\\u0430\\u0442\\u0443\\u0441\"},e.createElement(B,{value:r.status,onChange:n=>u(\"status\",n.target.value)},Object.entries(G).map(([n,m])=>e.createElement(\"option\",{key:n,value:n},m.label)))),e.createElement(N,{label:\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u043D\\u0430\"},e.createElement(P,{type:\"date\",value:(r.created_at||\"\").slice(0,10),onChange:n=>u(\"created_at\",n.target.value)}))),e.createElement(N,{label:\"\\u041A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0439\"},e.createElement(P,{value:r.comment,onChange:n=>u(\"comment\",n.target.value)})),e.createElement(\"div\",{className:\"flex justify-end gap-2\"},e.createElement(C,{kind:\"ghost\",onClick:l},\"\\u041E\\u0442\\u043C\\u0435\\u043D\\u0430\"),e.createElement(C,{onClick:i},\"\\u0421\\u043E\\u0445\\u0440\\u0430\\u043D\\u0438\\u0442\\u044C\")))}function we({id:s,meta:l,refreshMeta:d,onBack:r}){let[a,u]=v(null),[i,n]=v(null),[m,c]=v(!1),y=()=>{_(\"/deals/\"+s).then(u)};if(D(()=>{y()},[s]),!a)return e.createElement(\"div\",{className:\"p-6 text-gray-400 text-sm\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");let t=a.deal,h=G[t.status]||G.work,p=Number(t.income_all)-Number(t.expense_all),b=Number(t.income_all)?Math.round(p/Number(t.income_all)*100):0,o=t.amount>0?Math.min(100,Math.round(Number(t.received)/Number(t.amount)*100)):0,x=a.ops.filter(F=>F.op_type===\"income\"),k=a.ops.filter(F=>F.op_type===\"expense\"),S=({rows:F})=>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\"},\"\\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\"},\"\\u0421\\u0443\\u043C\\u043C\\u0430\"))),e.createElement(\"tbody\",null,F.map(f=>e.createElement(\"tr\",{key:f.id,className:\"border-t border-gray-50\"},e.createElement(\"td\",{className:\"p-2 text-gray-500\"},L(f.date)),e.createElement(\"td\",{className:\"p-2 text-gray-600\"},f.account_name),e.createElement(\"td\",{className:\"p-2 text-gray-700\"},f.contractor_name||\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-gray-600\"},f.category_name||\"\\u2014\",!f.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 text-right font-medium \"+(f.op_type===\"income\"?\"text-emerald-600\":\"text-rose-500\")},f.op_type===\"income\"?\"+\":\"\\u2212\",M(f.amount)))),F.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\"))));return e.createElement(\"div\",{className:\"p-6\"},e.createElement(\"button\",{className:\"text-sm text-[#2aa3af] mb-2\",onClick:r},\"\\u2190 \\u0421\\u0434\\u0435\\u043B\\u043A\\u0438 \\u043F\\u0440\\u043E\\u0434\\u0430\\u0436\"),e.createElement(\"div\",{className:\"flex items-center gap-3 mb-4\"},e.createElement(\"h1\",{className:\"text-[22px] font-bold text-[#22313f]\"},t.name),e.createElement(\"span\",{className:\"text-xs px-2 py-1 rounded \"+h.cls},h.label),e.createElement(C,{small:!0,kind:\"ghost\",onClick:()=>c(!0)},\"\\u0418\\u0437\\u043C\\u0435\\u043D\\u0438\\u0442\\u044C\")),e.createElement(\"div\",{className:\"grid lg:grid-cols-4 gap-3 mb-5\"},e.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm\"},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-lg font-bold text-[#22313f]\"},M(t.amount)),e.createElement(\"div\",{className:\"text-xs text-gray-500 mt-2\"},\"\\u041A\\u043B\\u0438\\u0435\\u043D\\u0442: \",e.createElement(\"span\",{className:\"text-gray-700\"},t.client||\"\\u2014\")),e.createElement(\"div\",{className:\"text-xs text-gray-500\"},\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u043D\\u0430: \",L(t.created_at))),e.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm\"},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-lg font-bold text-emerald-600\"},M(t.received)),e.createElement(\"div\",{className:\"text-xs text-gray-400\"},\"\\u0438\\u0437 \",M(t.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:o+\"%\"}})),e.createElement(\"div\",{className:\"text-xs text-gray-500 mt-1\"},\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u0438\\u043B\\u043E: \",o,\"%\")),e.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm\"},e.createElement(\"div\",{className:\"text-xs text-gray-500 uppercase\"},\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\"),e.createElement(\"div\",{className:\"text-lg font-bold text-rose-500\"},M(t.expense_all)),e.createElement(\"div\",{className:\"text-xs text-gray-400\"},\"\\u043E\\u043F\\u043B\\u0430\\u0447\\u0435\\u043D\\u043E: \",M(t.expense_paid))),e.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm\"},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-lg font-bold \"+(p>=0?\"text-[#22313f]\":\"text-rose-600\")},M(p)),e.createElement(\"div\",{className:\"text-xs text-gray-500\"},\"\\u0420\\u0435\\u043D\\u0442\\u0430\\u0431\\u0435\\u043B\\u044C\\u043D\\u043E\\u0441\\u0442\\u044C \",b,\"%\"))),e.createElement(\"div\",{className:\"grid lg:grid-cols-2 gap-4\"},e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm\"},e.createElement(\"div\",{className:\"flex items-center justify-between px-4 py-2 border-b border-gray-50\"},e.createElement(\"div\",{className:\"text-sm font-semibold text-[#22313f]\"},\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F \\xB7 \",x.length),e.createElement(C,{small:!0,onClick:()=>n({op_type:\"income\"})},\"\\u0414\\u043E\\u0431\\u0430\\u0432\\u0438\\u0442\\u044C\")),e.createElement(S,{rows:x})),e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm\"},e.createElement(\"div\",{className:\"flex items-center justify-between px-4 py-2 border-b border-gray-50\"},e.createElement(\"div\",{className:\"text-sm font-semibold text-[#22313f]\"},\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B \\xB7 \",k.length),e.createElement(C,{small:!0,onClick:()=>n({op_type:\"expense\"})},\"\\u0414\\u043E\\u0431\\u0430\\u0432\\u0438\\u0442\\u044C\")),e.createElement(S,{rows:k}))),i&&e.createElement(ne,{meta:l,initial:{op_type:i.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:()=>{y(),d()}}),m&&e.createElement(pe,{initial:t,onClose:()=>c(!1),onSaved:y}))}function ue({meta:s,refreshMeta:l}){let[d,r]=v([]),[a,u]=v(!1),[i,n]=v(null),[m,c]=v(\"\"),y=()=>{_(\"/deals\").then(r)};if(D(()=>{y()},[]),i)return e.createElement(we,{id:i,meta:s,refreshMeta:l,onBack:()=>{n(null),y()}});let t=m?d.filter(o=>o.status===m):d,h=t.reduce((o,x)=>o+Number(x.amount||0),0),p=t.reduce((o,x)=>o+Number(x.income_all||0)-Number(x.expense_all||0),0),b=async o=>{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 _(\"/deals/\"+o,\"DELETE\"),y())};return e.createElement(\"div\",{className:\"p-6\"},e.createElement(V,{right:e.createElement(e.Fragment,null,e.createElement(C,{onClick:()=>u(!0)},\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C\"),e.createElement(B,{value:m,onChange:o=>c(o.target.value),className:\"!w-48 ml-auto\"},e.createElement(\"option\",{value:\"\"},\"\\u0412\\u0441\\u0435 \\u0441\\u0442\\u0430\\u0442\\u0443\\u0441\\u044B\"),Object.entries(G).map(([o,x])=>e.createElement(\"option\",{key:o,value:o},x.label))))},\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0438 \\u043F\\u043E \\u043F\\u0440\\u043E\\u0434\\u0430\\u0436\\u0430\\u043C\"),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\"},\"\\u0414\\u0430\\u0442\\u0430\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u041D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435\"),e.createElement(\"th\",{className:\"p-2\"},\"\\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\"},\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C, \\u20BD\"),e.createElement(\"th\",{className:\"p-2\"}))),e.createElement(\"tbody\",null,t.map(o=>{let x=G[o.status]||G.work,k=o.amount>0?Math.min(100,Math.round(Number(o.received)/Number(o.amount)*100)):0,S=Number(o.income_all)-Number(o.expense_all);return e.createElement(\"tr\",{key:o.id,className:\"border-t border-gray-50 hover:bg-slate-50 cursor-pointer\",onClick:()=>n(o.id)},e.createElement(\"td\",{className:\"p-2 pl-3 text-gray-500 whitespace-nowrap\"},L(o.created_at)),e.createElement(\"td\",{className:\"p-2 font-medium text-[#22313f]\"},o.name),e.createElement(\"td\",{className:\"p-2 text-gray-700\"},o.client||\"\\u2014\"),e.createElement(\"td\",{className:\"p-2\"},e.createElement(\"span\",{className:\"text-xs px-2 py-0.5 rounded \"+x.cls},x.label)),e.createElement(\"td\",{className:\"p-2 text-right font-medium\"},M(o.amount)),e.createElement(\"td\",{className:\"p-2 text-right text-gray-600\"},k,\"%\"),e.createElement(\"td\",{className:\"p-2 text-right font-medium \"+(S>=0?\"text-emerald-600\":\"text-rose-500\")},M(S)),e.createElement(\"td\",{className:\"p-2 text-right\",onClick:F=>F.stopPropagation()},e.createElement(E,{icon:T.trash,danger:!0,onClick:()=>b(o.id)})))}),t.length===0&&e.createElement(\"tr\",null,e.createElement(\"td\",{colSpan:8,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:\"text-xs text-gray-500 mt-2\"},t.length,\" \\u043F\\u0440\\u043E\\u0434\\u0430\\u0436 \\u043D\\u0430 \\u0441\\u0443\\u043C\\u043C\\u0443: \",e.createElement(\"b\",null,M(h)),\" \\xB7 \\u041E\\u0431\\u0449\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C: \",e.createElement(\"b\",{className:\"text-emerald-600\"},M(p))),a&&e.createElement(pe,{onClose:()=>u(!1),onSaved:y}))}function ce({refreshMeta:s}){let[l,d]=v([]),[r,a]=v(null),u=()=>{_(\"/projects\").then(d)};D(()=>{u()},[]);let i=async m=>{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 _(\"/projects/\"+m,\"DELETE\"),u(),s())},n=async m=>{m.id?await _(\"/projects/\"+m.id,\"PUT\",m):await _(\"/projects\",\"POST\",m),a(null),u(),s()};return e.createElement(\"div\",{className:\"p-6\"},e.createElement(V,{right:e.createElement(C,{onClick:()=>a({name:\"\",comment:\"\"})},\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C\")},\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\\u044B\"),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\"},\"\\u041A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0439\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u0438\\u043B\\u043E (\\u0444\\u0430\\u043A\\u0442)\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0412\\u044B\\u043F\\u043B\\u0430\\u0447\\u0435\\u043D\\u043E (\\u0444\\u0430\\u043A\\u0442)\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u041F\\u043B\\u0430\\u043D: \\u043F\\u0440\\u0438\\u0445\\u043E\\u0434 / \\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\"),e.createElement(\"th\",{className:\"p-2\"}))),e.createElement(\"tbody\",null,l.map(m=>{let c=Number(m.income)-Number(m.expense);return e.createElement(\"tr\",{key:m.id,className:\"border-t border-gray-50 \"+(m.active?\"\":\"opacity-40\")},e.createElement(\"td\",{className:\"p-2 pl-3 font-medium text-[#22313f]\"},m.name),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},m.comment||\"\"),e.createElement(\"td\",{className:\"p-2 text-right text-emerald-600\"},j(m.income)),e.createElement(\"td\",{className:\"p-2 text-right text-rose-500\"},j(m.expense)),e.createElement(\"td\",{className:\"p-2 text-right font-medium \"+(c>=0?\"text-[#22313f]\":\"text-rose-600\")},j(c)),e.createElement(\"td\",{className:\"p-2 text-right text-gray-500\"},j(m.income_plan),\" / \",j(m.expense_plan)),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},e.createElement(E,{icon:T.edit,onClick:()=>a(m)}),e.createElement(E,{icon:T.trash,danger:!0,onClick:()=>i(m.id)})))}),l.length===0&&e.createElement(\"tr\",null,e.createElement(\"td\",{colSpan:7,className:\"p-8 text-center text-gray-400\"},\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\\u043E\\u0432 \\u043D\\u0435\\u0442. \\u041F\\u0440\\u043E\\u0435\\u043A\\u0442 \\u2014 \\u044D\\u0442\\u043E \\u043D\\u0430\\u043F\\u0440\\u0430\\u0432\\u043B\\u0435\\u043D\\u0438\\u0435, \\u043F\\u043E \\u043A\\u043E\\u0442\\u043E\\u0440\\u043E\\u043C\\u0443 \\u0445\\u043E\\u0447\\u0435\\u0442\\u0441\\u044F \\u0432\\u0438\\u0434\\u0435\\u0442\\u044C \\u0434\\u0435\\u043D\\u044C\\u0433\\u0438 \\u043E\\u0442\\u0434\\u0435\\u043B\\u044C\\u043D\\u043E (\\u043D\\u0430\\u043F\\u0440\\u0438\\u043C\\u0435\\u0440: \\u041D\\u043E\\u0432\\u043E\\u0441\\u0442\\u0440\\u043E\\u0439\\u043A\\u0438, \\u0412\\u0442\\u043E\\u0440\\u0438\\u0447\\u043A\\u0430, \\u0410\\u0440\\u0435\\u043D\\u0434\\u0430).\")))),r&&e.createElement(J,{title:r.id?\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\":\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u043D\\u0438\\u0435 \\u043F\\u0440\\u043E\\u0435\\u043A\\u0442\\u0430\",onClose:()=>a(null)},e.createElement(N,{label:\"\\u041D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435\"},e.createElement(P,{value:r.name,onChange:m=>a({...r,name:m.target.value})})),e.createElement(N,{label:\"\\u041A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0439\"},e.createElement(P,{value:r.comment,onChange:m=>a({...r,comment:m.target.value})})),e.createElement(\"div\",{className:\"flex justify-end gap-2\"},e.createElement(C,{kind:\"ghost\",onClick:()=>a(null)},\"\\u041E\\u0442\\u043C\\u0435\\u043D\\u0430\"),e.createElement(C,{onClick:()=>n(r)},\"\\u0421\\u043E\\u0445\\u0440\\u0430\\u043D\\u0438\\u0442\\u044C\"))))}function ke(){let[s,l]=v(H()),[d,r]=v(null);if(D(()=>{_(\"/calendar?year=\"+s).then(r)},[s]),!d)return e.createElement(\"div\",{className:\"text-gray-400 text-sm\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");let a={};for(let c of d.months)a[c.m]=c;let u=R(s),i=(c,y)=>Number((a[c]||{})[y]||0),n=c=>u.reduce((y,t)=>y+i(t,c),0),m=({label:c,k1:y,k2:t,bold:h,colorFn:p})=>e.createElement(\"tr\",{className:\"border-t border-gray-50 \"+(h?\"font-semibold bg-slate-50\":\"\")},e.createElement(\"td\",{className:\"p-2 pl-3 whitespace-nowrap sticky left-0 bg-inherit\"},c),u.map(b=>{let o=t?i(b,y)-i(b,t):i(b,y);return e.createElement(\"td\",{key:b,className:\"p-2 text-right whitespace-nowrap \"+(p?p(o):\"\")},o?j(o):\"\\u2014\")}),(()=>{let b=t?n(y)-n(t):n(y);return e.createElement(\"td\",{className:\"p-2 text-right font-semibold whitespace-nowrap \"+(p?p(b):\"\")},b?j(b):\"\\u2014\")})());return e.createElement(\"div\",null,e.createElement(\"div\",{className:\"flex items-center gap-3 mb-3\"},e.createElement(X,{value:s,onChange:l}),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\"),u.map(c=>e.createElement(\"th\",{key:c,className:\"p-2 text-right\"},K(c))),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0418\\u0442\\u043E\\u0433\\u043E\"))),e.createElement(\"tbody\",null,e.createElement(m,{label:\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B (\\u0444\\u0430\\u043A\\u0442)\",k1:\"income_fact\",colorFn:()=>\"text-emerald-600\"}),e.createElement(m,{label:\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B (\\u043F\\u043B\\u0430\\u043D)\",k1:\"income_plan\",colorFn:()=>\"text-emerald-600/60\"}),e.createElement(m,{label:\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B (\\u0444\\u0430\\u043A\\u0442)\",k1:\"expense_fact\",colorFn:()=>\"text-rose-500\"}),e.createElement(m,{label:\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B (\\u043F\\u043B\\u0430\\u043D)\",k1:\"expense_plan\",colorFn:()=>\"text-rose-500/60\"}),e.createElement(m,{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:c=>c<0?\"text-rose-600\":\"text-[#22313f]\"}),e.createElement(m,{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:c=>c<0?\"text-rose-600\":\"text-slate-500\"})))))}function _e({meta:s}){let[l,d]=v(H()),[r,a]=v(\"income\"),[u,i]=v(null),n=()=>{_(\"/budget?year=\"+l).then(i)};if(D(()=>{n()},[l]),!u)return e.createElement(\"div\",{className:\"text-gray-400 text-sm\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");let m=R(l),c=W(s.categories,r),y={};for(let p of u.plans)(y[p.category_id]=y[p.category_id]||{})[p.period]=Number(p.amount);let t={};for(let p of u.facts)r===\"income\"==(p.op_type===\"income\")&&((t[p.category_id]=t[p.category_id]||{})[p.m]=(t[p.category_id]?.[p.m]||0)+Number(p.s));let h=async(p,b,o)=>{await _(\"/budget\",\"PUT\",{period:b,category_id:p,amount:Number(o)||0})};return e.createElement(\"div\",null,e.createElement(\"div\",{className:\"flex items-center gap-3 mb-3\"},e.createElement(X,{value:l,onChange:d}),e.createElement(Q,{tabs:[[\"income\",\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B\"],[\"expense\",\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\"]],value:r,onChange:a}),e.createElement(\"div\",{className:\"text-xs text-gray-400\"},\"\\u043F\\u043B\\u0430\\u043D \\u0432\\u0432\\u043E\\u0434\\u0438\\u0442\\u0441\\u044F \\u0432 \\u044F\\u0447\\u0435\\u0439\\u043A\\u0438; \\u0441\\u0435\\u0440\\u044B\\u043C \\u043F\\u043E\\u0434 \\u044F\\u0447\\u0435\\u0439\\u043A\\u043E\\u0439 \\u2014 \\u0444\\u0430\\u043A\\u0442\")),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-[180px]\"},\"\\u0421\\u0442\\u0430\\u0442\\u044C\\u044F\"),m.map(p=>e.createElement(\"th\",{key:p,className:\"p-2 text-right min-w-[90px]\"},K(p))))),e.createElement(\"tbody\",null,c.map(p=>e.createElement(\"tr\",{key:p.id,className:\"border-t border-gray-50\"},e.createElement(\"td\",{className:\"p-2 sticky left-0 bg-white whitespace-nowrap \"+(p.depth===0?\"font-semibold text-[#22313f]\":\"text-gray-600\"),style:{paddingLeft:12+p.depth*14}},p.name),m.map(b=>e.createElement(\"td\",{key:b,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\",defaultValue:y[p.id]?.[b]||\"\",onBlur:o=>{let x=o.target.value;String(y[p.id]?.[b]||\"\")!==x&&h(p.id,b,x)},placeholder:\"\\u2014\"}),e.createElement(\"div\",{className:\"text-[10px] text-gray-400 pr-1\"},t[p.id]?.[b]?j(t[p.id][b]):\"\")))))))))}function ge({meta:s}){let[l,d]=v(\"cal\");return e.createElement(\"div\",{className:\"p-6\"},e.createElement(V,{right:e.createElement(Q,{tabs:[[\"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\"]],value:l,onChange:d})},\"\\u041F\\u043B\\u0430\\u043D\"),l===\"cal\"?e.createElement(ke,null):e.createElement(_e,{meta:s}))}function Ce({meta:s}){let[l,d]=v(H()),[r,a]=v(null);if(D(()=>{_(`/report/cashflow?from=${l}-01-01&to=${l}-12-31`).then(a)},[l]),!r)return e.createElement(\"div\",{className:\"text-gray-400 text-sm\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");let u=R(l),i={},n={};for(let o of r.by_category){let x=o.category_id?oe(s.categories,o.category_id):null,k=x?\"c\"+x.id:\"none_\"+o.op_type;i[k]={name:x?x.name:\"\\u041D\\u0435\\u0440\\u0430\\u0441\\u043F\\u0440\\u0435\\u0434\\u0435\\u043B\\u0435\\u043D\\u043D\\u044B\\u0435\",kind:o.op_type},(n[k]=n[k]||{})[o.m]=(n[k][o.m]||0)+Number(o.s)}let m=o=>Object.entries(i).filter(([,x])=>x.kind===o),c=(o,x)=>m(o).reduce((k,[S])=>k+Number((n[S]||{})[x]||0),0),y={};for(let o of r.transfers)y[o.m]=Number(o.s);let t={};for(let o of r.net_by_month)t[o.m]=Number(o.net);let h=Object.keys(t).sort(),p=o=>{let x=Number(r.start_total||0);for(let k of h)k<=o&&(x+=t[k]);return x},b=({v:o,cls:x})=>e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap \"+(x||\"\")},o?j(o):\"\\u2014\");return e.createElement(\"div\",null,e.createElement(\"div\",{className:\"mb-3\"},e.createElement(X,{value:l,onChange:d})),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\"),u.map(o=>e.createElement(\"th\",{key:o,className:\"p-2 text-right\"},K(o))),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\"),u.map(o=>e.createElement(b,{key:o,v:c(\"income\",o),cls:\"text-emerald-600\"})),e.createElement(b,{v:u.reduce((o,x)=>o+c(\"income\",x),0),cls:\"text-emerald-600\"})),m(\"income\").map(([o,x])=>e.createElement(\"tr\",{key:o,className:\"border-t border-gray-50\"},e.createElement(\"td\",{className:\"p-2 pl-6 text-gray-600 sticky left-0 bg-white\"},x.name),u.map(k=>e.createElement(b,{key:k,v:(n[o]||{})[k]})),e.createElement(b,{v:u.reduce((k,S)=>k+Number((n[o]||{})[S]||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\"),u.map(o=>e.createElement(b,{key:o,v:c(\"expense\",o),cls:\"text-rose-500\"})),e.createElement(b,{v:u.reduce((o,x)=>o+c(\"expense\",x),0),cls:\"text-rose-500\"})),m(\"expense\").map(([o,x])=>e.createElement(\"tr\",{key:o,className:\"border-t border-gray-50\"},e.createElement(\"td\",{className:\"p-2 pl-6 text-gray-600 sticky left-0 bg-white\"},x.name),u.map(k=>e.createElement(b,{key:k,v:(n[o]||{})[k]})),e.createElement(b,{v:u.reduce((k,S)=>k+Number((n[o]||{})[S]||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\"),u.map(o=>e.createElement(b,{key:o,v:y[o],cls:\"text-gray-500\"})),e.createElement(b,{v:Object.values(y).reduce((o,x)=>o+x,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\"),u.map(o=>{let x=c(\"income\",o)-c(\"expense\",o);return e.createElement(b,{key:o,v:x,cls:x<0?\"text-rose-600\":\"\"})}),(()=>{let o=u.reduce((x,k)=>x+c(\"income\",k)-c(\"expense\",k),0);return e.createElement(b,{v:o,cls:o<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\"),u.map(o=>e.createElement(b,{key:o,v:p(o)})),e.createElement(b,{v:p(u[11])}))))))}function Se(s,l){let d=(s?.name||\"\").toLowerCase();return l===\"income\"?d.includes(\"\\u043F\\u0440\\u043E\\u0447\\u0438\\u0435\")?\"other_inc\":\"revenue\":d.includes(\"\\u043F\\u043E\\u0441\\u0442\\u043E\\u044F\\u043D\\u043D\\u044B\\u0435\")?\"fixed\":d.includes(\"\\u043D\\u0430\\u043B\\u043E\\u0433\")?\"tax\":d.includes(\"\\u043A\\u0440\\u0435\\u0434\\u0438\\u0442\")||d.includes(\"\\u043E\\u0432\\u0435\\u0440\\u0434\\u0440\\u0430\\u0444\\u0442\")?\"other_exp\":\"variable\"}function Me({meta:s}){let[l,d]=v(H()),[r,a]=v(null);if(D(()=>{_(`/report/cashflow?from=${l}-01-01&to=${l}-12-31`).then(a)},[l]),!r)return e.createElement(\"div\",{className:\"text-gray-400 text-sm\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");let u=R(l),i={revenue:{},other_inc:{},variable:{},fixed:{},tax:{},other_exp:{}};for(let t of r.by_category){let h=t.category_id?oe(s.categories,t.category_id):null,p=Se(h,t.op_type);i[p][t.m]=(i[p][t.m]||0)+Number(t.s)}let n=(t,h)=>Number(i[t][h]||0),m=t=>{let h=n(\"revenue\",t),p=n(\"variable\",t),b=h-p,o=n(\"fixed\",t),x=b-o,k=n(\"other_inc\",t),S=n(\"other_exp\",t),F=x+k-S,f=n(\"tax\",t),O=F-f;return{rev:h,varc:p,marg:b,fix:o,oper:x,oi:k,oe:S,ebitda:F,tax:f,np:O}},c={};for(let t of u){let h=m(t);for(let p in h)c[p]=(c[p]||0)+h[p]}let y=[[\"rev\",\"\\u0412\\u044B\\u0440\\u0443\\u0447\\u043A\\u0430\",\"text-emerald-600\"],[\"varc\",\"\\u041F\\u0435\\u0440\\u0435\\u043C\\u0435\\u043D\\u043D\\u044B\\u0435 \\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\",\"text-rose-500\"],[\"marg\",\"\\u041C\\u0430\\u0440\\u0436\\u0438\\u043D\\u0430\\u043B\\u044C\\u043D\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C\",\"font-semibold\"],[\"fix\",\"\\u041F\\u043E\\u0441\\u0442\\u043E\\u044F\\u043D\\u043D\\u044B\\u0435 \\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\",\"text-rose-500\"],[\"oper\",\"\\u041E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u043E\\u043D\\u043D\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C\",\"font-semibold\"],[\"oi\",\"\\u041F\\u0440\\u043E\\u0447\\u0438\\u0435 \\u0434\\u043E\\u0445\\u043E\\u0434\\u044B\",\"\"],[\"oe\",\"\\u041F\\u0440\\u043E\\u0447\\u0438\\u0435 \\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\",\"\"],[\"ebitda\",\"EBITDA\",\"font-semibold\"],[\"tax\",\"\\u041D\\u0430\\u043B\\u043E\\u0433\\u0438\",\"text-rose-500\"],[\"np\",\"\\u0427\\u0418\\u0421\\u0422\\u0410\\u042F \\u041F\\u0420\\u0418\\u0411\\u042B\\u041B\\u042C\",\"font-bold\"]];return e.createElement(\"div\",null,e.createElement(\"div\",{className:\"flex items-center gap-3 mb-3\"},e.createElement(X,{value:l,onChange:d}),e.createElement(\"div\",{className:\"text-xs text-gray-400\"},\"\\u043A\\u0430\\u0441\\u0441\\u043E\\u0432\\u044B\\u0439 \\u043C\\u0435\\u0442\\u043E\\u0434: \\u043F\\u043E \\u043F\\u043E\\u0434\\u0442\\u0432\\u0435\\u0440\\u0436\\u0434\\u0451\\u043D\\u043D\\u044B\\u043C \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u044F\\u043C; \\u043F\\u0435\\u0440\\u0435\\u043C\\u0435\\u043D\\u043D\\u044B\\u0435/\\u043F\\u043E\\u0441\\u0442\\u043E\\u044F\\u043D\\u043D\\u044B\\u0435 \\u2014 \\u043F\\u043E \\u043A\\u043E\\u0440\\u043D\\u0435\\u0432\\u044B\\u043C \\u0441\\u0442\\u0430\\u0442\\u044C\\u044F\\u043C \\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\\u043E\\u0432\")),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\\u0440\\u0438\\u0431\\u044B\\u043B\\u0438 \\u0438 \\u0443\\u0431\\u044B\\u0442\\u043A\\u0438, \\u20BD\"),u.map(t=>e.createElement(\"th\",{key:t,className:\"p-2 text-right\"},K(t))),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0418\\u0442\\u043E\\u0433\\u043E\"))),e.createElement(\"tbody\",null,y.map(([t,h,p])=>e.createElement(\"tr\",{key:t,className:\"border-t border-gray-50 \"+(p.includes(\"font\")?\"bg-slate-50\":\"\")},e.createElement(\"td\",{className:\"p-2 pl-3 sticky left-0 bg-inherit whitespace-nowrap \"+p},h),u.map(b=>{let o=m(b)[t];return e.createElement(\"td\",{key:b,className:\"p-2 text-right whitespace-nowrap \"+p+(o<0?\" text-rose-600\":\"\")},o?j(o):\"\\u2014\")}),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap font-semibold \"+(c[t]<0?\"text-rose-600\":\"\")},c[t]?j(c[t]):\"\\u2014\")))))))}function Te({meta:s}){let[l,d]=v(null);D(()=>{_(`/indicators?from=${H()}-01-01&to=${H()}-12-31`).then(d)},[]);let r=l?.planned||{},a=s.total_balance||0,u=Number(r.inc||0),i=Number(r.exp||0),n=a+u,m=n-i,c=({label:y,v:t,bold:h,indent:p})=>e.createElement(\"div\",{className:\"flex justify-between py-1.5 text-sm border-b border-gray-50 \"+(h?\"font-bold text-[#22313f]\":\"text-gray-700\"),style:{paddingLeft:p?16:0}},e.createElement(\"span\",null,y),e.createElement(\"span\",null,j(t)));return e.createElement(\"div\",{className:\"max-w-xl\"},e.createElement(\"div\",{className:\"text-xs text-gray-400 mb-3\"},\"\\u0423\\u043F\\u0440\\u043E\\u0449\\u0451\\u043D\\u043D\\u044B\\u0439 \\u0443\\u043F\\u0440\\u0430\\u0432\\u043B\\u0435\\u043D\\u0447\\u0435\\u0441\\u043A\\u0438\\u0439 \\u0431\\u0430\\u043B\\u0430\\u043D\\u0441: \\u0434\\u0435\\u043D\\u044C\\u0433\\u0438 + \\u043E\\u0436\\u0438\\u0434\\u0430\\u0435\\u043C\\u044B\\u0435 \\u043F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F \\u043F\\u0440\\u043E\\u0442\\u0438\\u0432 \\u043E\\u0431\\u044F\\u0437\\u0430\\u0442\\u0435\\u043B\\u044C\\u0441\\u0442\\u0432 \\u043A \\u043E\\u043F\\u043B\\u0430\\u0442\\u0435.\"),e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4 mb-4\"},e.createElement(\"div\",{className:\"text-sm font-semibold text-[#22313f] mb-2\"},\"\\u0410\\u043A\\u0442\\u0438\\u0432\\u044B\"),e.createElement(c,{label:\"\\u0414\\u0435\\u043D\\u0435\\u0436\\u043D\\u044B\\u0435 \\u0441\\u0440\\u0435\\u0434\\u0441\\u0442\\u0432\\u0430 (\\u043E\\u0441\\u0442\\u0430\\u0442\\u043A\\u0438 \\u043D\\u0430 \\u0441\\u0447\\u0435\\u0442\\u0430\\u0445)\",v:a,indent:!0}),e.createElement(c,{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 (\\u043E\\u0436\\u0438\\u0434\\u0430\\u0435\\u043C \\u043F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F)\",v:u,indent:!0}),e.createElement(c,{label:\"\\u0418\\u0422\\u041E\\u0413\\u041E \\u0410\\u041A\\u0422\\u0418\\u0412\\u042B\",v:n,bold:!0})),e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4 mb-4\"},e.createElement(\"div\",{className:\"text-sm font-semibold text-[#22313f] mb-2\"},\"\\u041E\\u0431\\u044F\\u0437\\u0430\\u0442\\u0435\\u043B\\u044C\\u0441\\u0442\\u0432\\u0430\"),e.createElement(c,{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 (\\u043A \\u043E\\u043F\\u043B\\u0430\\u0442\\u0435)\",v:i,indent:!0}),e.createElement(c,{label:\"\\u0418\\u0422\\u041E\\u0413\\u041E \\u041E\\u0411\\u042F\\u0417\\u0410\\u0422\\u0415\\u041B\\u042C\\u0421\\u0422\\u0412\\u0410\",v:i,bold:!0})),e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4\"},e.createElement(c,{label:\"\\u041A\\u0410\\u041F\\u0418\\u0422\\u0410\\u041B (\\u0430\\u043A\\u0442\\u0438\\u0432\\u044B \\u2212 \\u043E\\u0431\\u044F\\u0437\\u0430\\u0442\\u0435\\u043B\\u044C\\u0441\\u0442\\u0432\\u0430)\",v:m,bold:!0})))}function xe({meta:s}){let[l,d]=v(\"dds\");return e.createElement(\"div\",{className:\"p-6\"},e.createElement(V,{right:e.createElement(Q,{tabs:[[\"dds\",\"\\u0414\\u0414\\u0421\"],[\"pl\",\"\\u041E\\u041F\\u0438\\u0423\"],[\"bal\",\"\\u0411\\u0430\\u043B\\u0430\\u043D\\u0441\"]],value:l,onChange:d})},\"\\u041E\\u0442\\u0447\\u0451\\u0442\\u044B\"),l===\"dds\"&&e.createElement(Ce,{meta:s}),l===\"pl\"&&e.createElement(Me,{meta:s}),l===\"bal\"&&e.createElement(Te,{meta:s}))}function be({meta:s,refreshMeta:l}){let[d,r]=v(\"accounts\"),[a,u]=v(null),i=async(n,m)=>{if(!window.confirm(\"\\u0423\\u0434\\u0430\\u043B\\u0438\\u0442\\u044C?\"))return;let c=await _(`/${n}/${m}`,\"DELETE\");c.error?alert(c.error):l()};return e.createElement(\"div\",{className:\"p-6\"},e.createElement(V,{right:e.createElement(e.Fragment,null,e.createElement(Q,{tabs:[[\"accounts\",\"\\u041C\\u043E\\u0438 \\u0441\\u0447\\u0435\\u0442\\u0430\"],[\"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\"]],value:d,onChange:r}),e.createElement(C,{onClick:()=>u({type:d})},\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C\"))},\"\\u0421\\u043F\\u0440\\u0430\\u0432\\u043E\\u0447\\u043D\\u0438\\u043A\\u0438\"),d===\"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\"},\"\\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,s.accounts.map(n=>e.createElement(\"tr\",{key:n.id,className:\"border-t border-gray-50 \"+(n.active?\"\":\"opacity-40\")},e.createElement(\"td\",{className:\"p-2 pl-3 font-medium text-[#22313f]\"},n.name),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},n.grp||\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},n.acc_type),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},n.bank||\"\\u2014\",e.createElement(\"div\",{className:\"text-xs text-gray-400\"},n.number)),e.createElement(\"td\",{className:\"p-2 text-right text-gray-600\"},M(n.start_balance),e.createElement(\"div\",{className:\"text-xs text-gray-400\"},L(n.start_date))),e.createElement(\"td\",{className:\"p-2 text-right font-medium \"+(n.balance<0?\"text-rose-600\":\"text-[#22313f]\")},M(n.balance)),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},e.createElement(E,{icon:T.edit,onClick:()=>u({type:\"accounts\",data:n})}),e.createElement(E,{icon:T.trash,danger:!0,onClick:()=>i(\"accounts\",n.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:5},s.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(\"t",[],[143,199],"9d4c26c2-df3d-4c0a-8782-e54769401891","app.js","4acd4e12-9cac-11f1-a1bf-1607ee4eb77e",10,["D",1787242812294],"import React,{useEffect,useState}from\"https://esm.sh/react@18.2.0\";import{createRoot}from\"https://esm.sh/react-dom@18.2.0/client\";const LS_KEY=\"ufin_pin\",getPin=()=>{try{return localStorage.getItem(LS_KEY)||\"\"}catch{return\"\"}},setPinLS=p=>{try{p?localStorage.setItem(LS_KEY,p):localStorage.removeItem(LS_KEY)}catch{}};let onUnauthorized=()=>{};async function api(path,method=\"GET\",body){const res=await fetch(\"/api\"+path,{method,headers:{\"content-type\":\"application/json\",\"x-pin\":getPin()},body:body===void 0?void 0:JSON.stringify(body)});if(res.status===401&&path!==\"/login\")throw onUnauthorized(),new Error(\"unauthorized\");return res.json()}const fmt=n=>new Intl.NumberFormat(\"ru-RU\",{maximumFractionDigits:2}).format(n||0)+\" \\u20BD\",fmt0=n=>new Intl.NumberFormat(\"ru-RU\",{maximumFractionDigits:0}).format(n||0)+\" \\u20BD\",fmtShort=n=>(n=n||0,Math.abs(n)>=1e6?(n/1e6).toLocaleString(\"ru-RU\",{maximumFractionDigits:1})+\" \\u043C\\u043B\\u043D\":Math.abs(n)>=1e3?(n/1e3).toLocaleString(\"ru-RU\",{maximumFractionDigits:0})+\" \\u0442\\u044B\\u0441\":String(Math.round(n))),todayStr=()=>new Date().toISOString().slice(0,10),thisYear=()=>todayStr().slice(0,4),fmtDate=s=>s?s.slice(0,10).split(\"-\").reverse().join(\".\"):\"\\u2014\",MONTHS=[\"\\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\"],monLabel=m=>{const[y,mm]=m.split(\"-\");return MONTHS[Number(mm)-1].slice(0,3).toLowerCase()+\" '\"+y.slice(2)},DEAL_STATUS={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\"}};function flatCats(categories,kind){const byParent={};for(const c of categories.filter(x=>x.kind===kind)){const p=c.parent_id||0;(byParent[p]=byParent[p]||[]).push(c)}const out=[],walk=(pid,depth)=>{for(const c of byParent[pid]||[])out.push({...c,depth}),walk(c.id,depth+1)};return walk(0,0),out}function Modal({title,onClose,children,wide}){return React.createElement(\"div\",{className:\"fixed inset-0 bg-black/40 flex items-start justify-center z-50 overflow-y-auto py-10\",onClick:onClose},React.createElement(\"div\",{className:\"bg-white rounded-lg shadow-xl w-full \"+(wide?\"max-w-3xl\":\"max-w-lg\"),onClick:e=>e.stopPropagation()},React.createElement(\"div\",{className:\"flex items-center justify-between px-5 py-3 border-b border-gray-100\"},React.createElement(\"div\",{className:\"font-semibold text-gray-800\"},title),React.createElement(\"button\",{className:\"text-gray-400 hover:text-gray-600 text-xl leading-none\",onClick:onClose},\"\\xD7\")),React.createElement(\"div\",{className:\"p-5\"},children)))}function Field({label,children}){return React.createElement(\"label\",{className:\"block mb-3\"},React.createElement(\"div\",{className:\"text-xs text-gray-500 mb-1\"},label),children)}const inputCls=\"w-full border border-gray-200 rounded px-3 py-2 text-sm focus:border-teal-500\";function TInput(props){return React.createElement(\"input\",{...props,className:inputCls+\" \"+(props.className||\"\")})}function TSelect(props){return React.createElement(\"select\",{...props,className:inputCls+\" bg-white \"+(props.className||\"\")})}function Btn({children,onClick,kind=\"primary\",small,type}){return React.createElement(\"button\",{type:type||\"button\",onClick,className:(small?\"px-3 py-1 text-xs rounded \":\"px-4 py-2 text-sm rounded \")+(kind===\"primary\"?\"bg-teal-600 text-white hover:bg-teal-700\":kind===\"danger\"?\"bg-rose-50 text-rose-600 hover:bg-rose-100\":\"bg-gray-100 text-gray-700 hover:bg-gray-200\")},children)}function Login({onOk}){const[pin,setPin]=useState(\"\"),[err,setErr]=useState(\"\");return React.createElement(\"div\",{className:\"min-h-screen flex items-center justify-center bg-slate-100\"},React.createElement(\"form\",{onSubmit:async e=>{e.preventDefault(),(await api(\"/login\",\"POST\",{pin})).ok?(setPinLS(pin),onOk()):setErr(\"\\u041D\\u0435\\u0432\\u0435\\u0440\\u043D\\u044B\\u0439 PIN\")},className:\"bg-white rounded-xl shadow p-8 w-80 text-center\"},React.createElement(\"div\",{className:\"text-3xl mb-1\"},\"\\u{1F4BC}\"),React.createElement(\"div\",{className:\"font-bold text-lg text-slate-800\"},\"U.fin\"),React.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\"),React.createElement(TInput,{type:\"password\",placeholder:\"PIN-\\u043A\\u043E\\u0434\",value:pin,onChange:e=>setPin(e.target.value),className:\"text-center mb-3\"}),err&&React.createElement(\"div\",{className:\"text-rose-500 text-xs mb-2\"},err),React.createElement(\"button\",{className:\"w-full bg-slate-800 text-white rounded py-2 text-sm hover:bg-slate-700\"},\"\\u0412\\u043E\\u0439\\u0442\\u0438\")))}function PageIndicators({meta}){const[data,setData]=useState(null),[year,setYear]=useState(thisYear());if(useEffect(()=>{api(`/indicators?from=${year}-01-01&to=${year}-12-31`).then(setData)},[year]),!data)return React.createElement(\"div\",{className:\"p-6 text-gray-400 text-sm\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");const months=data.months||[],inc=months.reduce((s,m)=>s+Number(m.income||0),0),exp=months.reduce((s,m)=>s+Number(m.expense||0),0),profit=inc-exp,rent=inc?Math.round(profit/inc*100):0,maxV=Math.max(1,...months.map(m=>Math.max(Number(m.income||0),Number(m.expense||0)))),planned=data.planned||{};return React.createElement(\"div\",{className:\"p-6\"},React.createElement(\"div\",{className:\"flex items-center gap-3 mb-4\"},React.createElement(\"h1\",{className:\"text-xl font-bold text-slate-800\"},\"\\u041F\\u043E\\u043A\\u0430\\u0437\\u0430\\u0442\\u0435\\u043B\\u0438\"),React.createElement(TSelect,{value:year,onChange:e=>setYear(e.target.value),className:\"!w-28\"},[0,1,2].map(i=>{const y=String(Number(thisYear())-i);return React.createElement(\"option\",{key:y,value:y},y)}))),React.createElement(\"div\",{className:\"grid grid-cols-2 lg:grid-cols-4 gap-3 mb-4\"},React.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm\"},React.createElement(\"div\",{className:\"text-xs text-gray-500\"},\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B\"),React.createElement(\"div\",{className:\"text-lg font-bold text-emerald-600\"},fmt0(inc))),React.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm\"},React.createElement(\"div\",{className:\"text-xs text-gray-500\"},\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\"),React.createElement(\"div\",{className:\"text-lg font-bold text-rose-500\"},fmt0(exp))),React.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm\"},React.createElement(\"div\",{className:\"text-xs text-gray-500\"},\"\\u0427\\u0438\\u0441\\u0442\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C\"),React.createElement(\"div\",{className:\"text-lg font-bold \"+(profit>=0?\"text-slate-800\":\"text-rose-600\")},fmt0(profit))),React.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm\"},React.createElement(\"div\",{className:\"text-xs text-gray-500\"},\"\\u0420\\u0435\\u043D\\u0442\\u0430\\u0431\\u0435\\u043B\\u044C\\u043D\\u043E\\u0441\\u0442\\u044C\"),React.createElement(\"div\",{className:\"text-lg font-bold text-slate-800\"},rent,\"%\"))),React.createElement(\"div\",{className:\"grid lg:grid-cols-3 gap-4\"},React.createElement(\"div\",{className:\"lg:col-span-2 bg-white rounded-lg p-4 shadow-sm\"},React.createElement(\"div\",{className:\"text-sm font-semibold text-slate-700 mb-3\"},\"\\u0414\\u0435\\u043D\\u0435\\u0436\\u043D\\u044B\\u0439 \\u043F\\u043E\\u0442\\u043E\\u043A \\u043F\\u043E \\u043C\\u0435\\u0441\\u044F\\u0446\\u0430\\u043C\"),months.length===0?React.createElement(\"div\",{className:\"text-gray-400 text-sm py-8 text-center\"},\"\\u041D\\u0435\\u0442 \\u043F\\u043E\\u0434\\u0442\\u0432\\u0435\\u0440\\u0436\\u0434\\u0451\\u043D\\u043D\\u044B\\u0445 \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0439 \\u0437\\u0430 \",year,\" \\u0433\\u043E\\u0434\"):React.createElement(\"svg\",{viewBox:`0 0 ${months.length*70} 180`,className:\"w-full\",style:{maxHeight:220}},months.map((m,i)=>{const hI=Math.round(Number(m.income||0)/maxV*130),hE=Math.round(Number(m.expense||0)/maxV*130),x=i*70;return React.createElement(\"g\",{key:m.m},React.createElement(\"rect\",{x:x+10,y:140-hI,width:20,height:hI,rx:\"2\",fill:\"#0d9488\"}),React.createElement(\"rect\",{x:x+34,y:140-hE,width:20,height:hE,rx:\"2\",fill:\"#f59e0b\"}),React.createElement(\"text\",{x:x+32,y:155,textAnchor:\"middle\",fontSize:\"10\",fill:\"#64748b\"},monLabel(m.m)),React.createElement(\"text\",{x:x+32,y:170,textAnchor:\"middle\",fontSize:\"9\",fill:\"#94a3b8\"},fmtShort(Number(m.income||0)-Number(m.expense||0))))})),React.createElement(\"div\",{className:\"flex gap-4 text-xs text-gray-500 mt-2\"},React.createElement(\"span\",null,React.createElement(\"span\",{className:\"inline-block w-3 h-3 rounded-sm align-middle mr-1\",style:{background:\"#0d9488\"}}),\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F\"),React.createElement(\"span\",null,React.createElement(\"span\",{className:\"inline-block w-3 h-3 rounded-sm align-middle mr-1\",style:{background:\"#f59e0b\"}}),\"\\u0412\\u044B\\u043F\\u043B\\u0430\\u0442\\u044B\"))),React.createElement(\"div\",null,React.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm mb-3\"},React.createElement(\"div\",{className:\"text-sm font-semibold text-slate-700 mb-2\"},\"\\u041E\\u0441\\u0442\\u0430\\u0442\\u043A\\u0438 \\u043D\\u0430 \\u0441\\u0447\\u0435\\u0442\\u0430\\u0445\"),data.accounts.map(a=>React.createElement(\"div\",{key:a.id,className:\"flex justify-between text-sm py-1 border-b border-gray-50 last:border-0\"},React.createElement(\"span\",{className:\"text-gray-600 truncate mr-2\"},a.name),React.createElement(\"span\",{className:\"font-medium \"+(a.balance<0?\"text-rose-600\":\"text-slate-800\")},fmt0(a.balance)))),React.createElement(\"div\",{className:\"flex justify-between text-sm pt-2 font-bold text-slate-800\"},React.createElement(\"span\",null,\"\\u0418\\u0442\\u043E\\u0433\\u043E\"),React.createElement(\"span\",null,fmt0(data.total_balance)))),React.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm\"},React.createElement(\"div\",{className:\"text-sm font-semibold text-slate-700 mb-2\"},\"\\u041D\\u0435\\u043F\\u043E\\u0434\\u0442\\u0432\\u0435\\u0440\\u0436\\u0434\\u0451\\u043D\\u043D\\u044B\\u0435 (\\u043F\\u043B\\u0430\\u043D)\"),React.createElement(\"div\",{className:\"flex justify-between text-sm py-1\"},React.createElement(\"span\",{className:\"text-gray-600\"},\"\\u041D\\u0430 \\u0437\\u0430\\u0445\\u043E\\u0434\\u0435\"),React.createElement(\"span\",{className:\"font-medium text-emerald-600\"},fmt0(planned.inc))),React.createElement(\"div\",{className:\"flex justify-between text-sm py-1\"},React.createElement(\"span\",{className:\"text-gray-600\"},\"\\u041A \\u043E\\u043F\\u043B\\u0430\\u0442\\u0435\"),React.createElement(\"span\",{className:\"font-medium text-rose-500\"},fmt0(planned.exp)))))))}function OpModal({meta,initial,onClose,onSaved}){const[f,setF]=useState(initial||{op_type:\"income\",date:todayStr(),confirmed:!0,amount:\"\",account_id:\"\",account2_id:\"\",category_id:\"\",contractor_id:\"\",deal_id:\"\",purpose:\"\"}),[deals,setDeals]=useState([]);useEffect(()=>{api(\"/deals\").then(setDeals)},[]);const set=(k,v)=>setF(s=>({...s,[k]:v})),cats=flatCats(meta.categories,f.op_type===\"expense\"?\"expense\":\"income\"),save=async()=>{if(!f.amount||!f.account_id)return alert(\"\\u0423\\u043A\\u0430\\u0436\\u0438\\u0442\\u0435 \\u0441\\u0443\\u043C\\u043C\\u0443 \\u0438 \\u0441\\u0447\\u0451\\u0442\");const body={...f,amount:Number(f.amount),account_id:Number(f.account_id)||null,account2_id:Number(f.account2_id)||null,category_id:Number(f.category_id)||null,contractor_id:Number(f.contractor_id)||null,deal_id:Number(f.deal_id)||null};f.id?await api(\"/ops/\"+f.id,\"PUT\",body):await api(\"/ops\",\"POST\",body),onSaved(),onClose()};return React.createElement(Modal,{title:f.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},React.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(([k,l])=>React.createElement(\"button\",{key:k,onClick:()=>set(\"op_type\",k),className:\"px-3 py-1.5 text-sm rounded \"+(f.op_type===k?\"bg-teal-600 text-white\":\"bg-gray-100 text-gray-600 hover:bg-gray-200\")},l))),React.createElement(\"div\",{className:\"grid grid-cols-2 gap-x-4\"},React.createElement(Field,{label:\"\\u0414\\u0430\\u0442\\u0430 \\u043E\\u043F\\u043B\\u0430\\u0442\\u044B\"},React.createElement(TInput,{type:\"date\",value:f.date,onChange:e=>set(\"date\",e.target.value)})),React.createElement(Field,{label:\"\\u0421\\u0443\\u043C\\u043C\\u0430, \\u20BD\"},React.createElement(TInput,{type:\"number\",value:f.amount,onChange:e=>set(\"amount\",e.target.value),placeholder:\"0\"})),React.createElement(Field,{label:f.op_type===\"transfer\"?\"\\u0421\\u043E \\u0441\\u0447\\u0451\\u0442\\u0430\":\"\\u0421\\u0447\\u0451\\u0442\"},React.createElement(TSelect,{value:f.account_id,onChange:e=>set(\"account_id\",e.target.value)},React.createElement(\"option\",{value:\"\"},\"\\u0412\\u044B\\u0431\\u0440\\u0430\\u0442\\u044C \\u0441\\u0447\\u0451\\u0442\\u2026\"),meta.accounts.filter(a=>a.active).map(a=>React.createElement(\"option\",{key:a.id,value:a.id},a.name)))),f.op_type===\"transfer\"?React.createElement(Field,{label:\"\\u041D\\u0430 \\u0441\\u0447\\u0451\\u0442\"},React.createElement(TSelect,{value:f.account2_id,onChange:e=>set(\"account2_id\",e.target.value)},React.createElement(\"option\",{value:\"\"},\"\\u0412\\u044B\\u0431\\u0440\\u0430\\u0442\\u044C \\u0441\\u0447\\u0451\\u0442\\u2026\"),meta.accounts.filter(a=>a.active).map(a=>React.createElement(\"option\",{key:a.id,value:a.id},a.name)))):React.createElement(Field,{label:\"\\u0421\\u0442\\u0430\\u0442\\u044C\\u044F \\u0443\\u0447\\u0451\\u0442\\u0430\"},React.createElement(TSelect,{value:f.category_id,onChange:e=>set(\"category_id\",e.target.value)},React.createElement(\"option\",{value:\"\"},\"\\u041D\\u0435 \\u0432\\u044B\\u0431\\u0440\\u0430\\u043D\\u0430\"),cats.map(c=>React.createElement(\"option\",{key:c.id,value:c.id},\"\\xA0\".repeat(c.depth*3)+c.name)))),f.op_type!==\"transfer\"&&React.createElement(Field,{label:\"\\u041A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442\"},React.createElement(TSelect,{value:f.contractor_id,onChange:e=>set(\"contractor_id\",e.target.value)},React.createElement(\"option\",{value:\"\"},\"\\u041D\\u0435 \\u0432\\u044B\\u0431\\u0440\\u0430\\u043D\"),meta.contractors.map(x=>React.createElement(\"option\",{key:x.id,value:x.id},x.name)))),f.op_type!==\"transfer\"&&React.createElement(Field,{label:\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0430\"},React.createElement(TSelect,{value:f.deal_id,onChange:e=>set(\"deal_id\",e.target.value)},React.createElement(\"option\",{value:\"\"},\"\\u0411\\u0435\\u0437 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438\"),deals.map(x=>React.createElement(\"option\",{key:x.id,value:x.id},x.name))))),React.createElement(Field,{label:\"\\u041D\\u0430\\u0437\\u043D\\u0430\\u0447\\u0435\\u043D\\u0438\\u0435 \\u043F\\u043B\\u0430\\u0442\\u0435\\u0436\\u0430\"},React.createElement(TInput,{value:f.purpose,onChange:e=>set(\"purpose\",e.target.value),placeholder:\"\\u041A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0439\\u2026\"})),React.createElement(\"label\",{className:\"flex items-center gap-2 text-sm text-gray-700 mb-4\"},React.createElement(\"input\",{type:\"checkbox\",checked:!!f.confirmed,onChange:e=>set(\"confirmed\",e.target.checked)}),\"\\u041E\\u043F\\u043B\\u0430\\u0442\\u0430 \\u043F\\u043E\\u0434\\u0442\\u0432\\u0435\\u0440\\u0436\\u0434\\u0435\\u043D\\u0430 (\\u0444\\u0430\\u043A\\u0442)\"),React.createElement(\"div\",{className:\"flex justify-end gap-2\"},React.createElement(Btn,{kind:\"ghost\",onClick:onClose},\"\\u041E\\u0442\\u043C\\u0435\\u043D\\u0430\"),React.createElement(Btn,{onClick:save},\"\\u0421\\u043E\\u0445\\u0440\\u0430\\u043D\\u0438\\u0442\\u044C\")))}function PageOps({meta,refreshMeta}){const[data,setData]=useState({rows:[],totals:{}}),[flt,setFlt]=useState({type:\"\",confirmed:\"\",account:\"\",category:\"\",q:\"\",from:\"\",to:\"\"}),[modal,setModal]=useState(null),load=()=>{const p=new URLSearchParams;for(const[k,v]of Object.entries(flt))v!==\"\"&&p.set(k,v);api(\"/ops?\"+p.toString()).then(setData)};useEffect(()=>{load()},[JSON.stringify(flt)]);const set=(k,v)=>setFlt(s=>({...s,[k]:v})),confirm=async id=>{await api(`/ops/${id}/confirm`,\"POST\",{}),load(),refreshMeta()},del=async id=>{window.confirm(\"\\u0423\\u0434\\u0430\\u043B\\u0438\\u0442\\u044C \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u044E?\")&&(await api(\"/ops/\"+id,\"DELETE\"),load(),refreshMeta())},allCats=[...flatCats(meta.categories,\"income\"),...flatCats(meta.categories,\"expense\")],groups=[];let cur=null;for(const r of data.rows)(!cur||cur.date!==r.date)&&(cur={date:r.date,rows:[]},groups.push(cur)),cur.rows.push(r);const t=data.totals||{};return React.createElement(\"div\",{className:\"flex h-full\"},React.createElement(\"div\",{className:\"w-56 shrink-0 bg-white border-r border-gray-100 p-4 text-sm overflow-y-auto\"},React.createElement(\"div\",{className:\"font-semibold text-slate-700 mb-3\"},\"\\u0424\\u0438\\u043B\\u044C\\u0442\\u0440\\u044B\"),React.createElement(Field,{label:\"\\u0422\\u0438\\u043F \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0438\"},React.createElement(TSelect,{value:flt.type,onChange:e=>set(\"type\",e.target.value)},React.createElement(\"option\",{value:\"\"},\"\\u0412\\u0441\\u0435\"),React.createElement(\"option\",{value:\"income\"},\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u0435\"),React.createElement(\"option\",{value:\"expense\"},\"\\u0412\\u044B\\u043F\\u043B\\u0430\\u0442\\u0430\"),React.createElement(\"option\",{value:\"transfer\"},\"\\u041F\\u0435\\u0440\\u0435\\u043C\\u0435\\u0449\\u0435\\u043D\\u0438\\u0435\"))),React.createElement(Field,{label:\"\\u0414\\u0430\\u0442\\u0430 \\u043E\\u043F\\u043B\\u0430\\u0442\\u044B\"},React.createElement(TSelect,{value:flt.confirmed,onChange:e=>set(\"confirmed\",e.target.value)},React.createElement(\"option\",{value:\"\"},\"\\u0412\\u0441\\u0435\"),React.createElement(\"option\",{value:\"1\"},\"\\u041F\\u043E\\u0434\\u0442\\u0432\\u0435\\u0440\\u0436\\u0434\\u0435\\u043D\\u0430\"),React.createElement(\"option\",{value:\"0\"},\"\\u041D\\u0435 \\u043F\\u043E\\u0434\\u0442\\u0432\\u0435\\u0440\\u0436\\u0434\\u0435\\u043D\\u0430\"))),React.createElement(Field,{label:\"\\u0421\\u0447\\u0451\\u0442\"},React.createElement(TSelect,{value:flt.account,onChange:e=>set(\"account\",e.target.value)},React.createElement(\"option\",{value:\"\"},\"\\u0412\\u0441\\u0435\"),meta.accounts.map(a=>React.createElement(\"option\",{key:a.id,value:a.id},a.name)))),React.createElement(Field,{label:\"\\u0421\\u0442\\u0430\\u0442\\u044C\\u044F \\u0443\\u0447\\u0451\\u0442\\u0430\"},React.createElement(TSelect,{value:flt.category,onChange:e=>set(\"category\",e.target.value)},React.createElement(\"option\",{value:\"\"},\"\\u0412\\u0441\\u0435\"),allCats.map(c=>React.createElement(\"option\",{key:c.id,value:c.id},\"\\xA0\".repeat(c.depth*2)+c.name)))),React.createElement(Field,{label:\"\\u041F\\u0435\\u0440\\u0438\\u043E\\u0434 \\u0441\"},React.createElement(TInput,{type:\"date\",value:flt.from,onChange:e=>set(\"from\",e.target.value)})),React.createElement(Field,{label:\"\\u043F\\u043E\"},React.createElement(TInput,{type:\"date\",value:flt.to,onChange:e=>set(\"to\",e.target.value)}))),React.createElement(\"div\",{className:\"flex-1 flex flex-col min-w-0\"},React.createElement(\"div\",{className:\"flex items-center gap-3 p-4 pb-2\"},React.createElement(\"h1\",{className:\"text-xl font-bold text-slate-800\"},\"\\u041E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0438\"),React.createElement(Btn,{onClick:()=>setModal({})},\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C\"),React.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:flt.q,onChange:e=>set(\"q\",e.target.value)})),React.createElement(\"div\",{className:\"flex-1 overflow-y-auto px-4\"},React.createElement(\"table\",{className:\"w-full text-sm bg-white rounded-lg shadow-sm\"},React.createElement(\"thead\",null,React.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},React.createElement(\"th\",{className:\"p-2 pl-3\"},\"\\u0414\\u0430\\u0442\\u0430\"),React.createElement(\"th\",{className:\"p-2\"},\"\\u0421\\u0447\\u0451\\u0442\"),React.createElement(\"th\",{className:\"p-2\"},\"\\u0422\\u0438\\u043F\"),React.createElement(\"th\",{className:\"p-2\"},\"\\u041A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442\"),React.createElement(\"th\",{className:\"p-2\"},\"\\u0421\\u0442\\u0430\\u0442\\u044C\\u044F\"),React.createElement(\"th\",{className:\"p-2\"},\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0430\"),React.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0421\\u0443\\u043C\\u043C\\u0430\"),React.createElement(\"th\",{className:\"p-2\"}))),groups.map(g=>React.createElement(\"tbody\",{key:g.date},React.createElement(\"tr\",null,React.createElement(\"td\",{colSpan:8,className:\"px-3 pt-3 pb-1 text-xs font-semibold text-slate-500\"},fmtDate(g.date),g.date===todayStr()?\" \\xB7 \\u0421\\u0435\\u0433\\u043E\\u0434\\u043D\\u044F\":\"\")),g.rows.map(r=>React.createElement(\"tr\",{key:r.id,className:\"border-t border-gray-50 hover:bg-slate-50\"},React.createElement(\"td\",{className:\"p-2 pl-3 text-gray-500 whitespace-nowrap\"},fmtDate(r.date)),React.createElement(\"td\",{className:\"p-2 text-gray-700\"},r.account_name,r.op_type===\"transfer\"&&React.createElement(\"div\",{className:\"text-gray-400 text-xs\"},\"\\u2192 \",r.account2_name)),React.createElement(\"td\",{className:\"p-2\"},r.op_type===\"income\"?React.createElement(\"span\",{className:\"text-emerald-600\"},\"\\u2190\"):r.op_type===\"expense\"?React.createElement(\"span\",{className:\"text-rose-500\"},\"\\u2192\"):React.createElement(\"span\",{className:\"text-gray-400\"},\"\\u21C4\")),React.createElement(\"td\",{className:\"p-2 text-gray-700 max-w-[180px] truncate\"},r.contractor_name||\"\\u2014\"),React.createElement(\"td\",{className:\"p-2 text-gray-600 max-w-[220px]\"},React.createElement(\"div\",{className:\"truncate\"},r.op_type===\"transfer\"?\"\\u041F\\u0435\\u0440\\u0435\\u0432\\u043E\\u0434 \\u043C\\u0435\\u0436\\u0434\\u0443 \\u0441\\u0447\\u0435\\u0442\\u0430\\u043C\\u0438\":r.category_name||React.createElement(\"span\",{className:\"text-amber-600\"},\"\\u041D\\u0435\\u0440\\u0430\\u0441\\u043F\\u0440\\u0435\\u0434\\u0435\\u043B\\u0435\\u043D\\u043D\\u044B\\u0439\")),r.purpose&&React.createElement(\"div\",{className:\"text-gray-400 text-xs truncate\"},r.purpose)),React.createElement(\"td\",{className:\"p-2 text-gray-500 max-w-[140px] truncate\"},r.deal_name||\"\"),React.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},r.op_type===\"transfer\"?React.createElement(\"div\",{className:\"text-gray-600\"},\"\\u2212\",fmt(r.amount),React.createElement(\"div\",null,\"+\",fmt(r.amount))):React.createElement(\"span\",{className:r.op_type===\"income\"?\"text-emerald-600 font-medium\":\"text-rose-500 font-medium\"},r.op_type===\"income\"?\"+\":\"\\u2212\",fmt(r.amount)),!r.confirmed&&React.createElement(\"div\",null,React.createElement(\"span\",{className:\"text-[10px] bg-slate-100 text-slate-500 rounded px-1\"},\"\\u043F\\u043B\\u0430\\u043D\"))),React.createElement(\"td\",{className:\"p-2 whitespace-nowrap text-right\"},!r.confirmed&&React.createElement(Btn,{small:!0,onClick:()=>confirm(r.id)},\"\\u041F\\u043E\\u0434\\u0442\\u0432.\"),\" \",React.createElement(\"button\",{className:\"text-gray-300 hover:text-gray-500\",onClick:()=>setModal({...r,confirmed:!!r.confirmed})},\"\\u270E\"),\" \",React.createElement(\"button\",{className:\"text-gray-300 hover:text-rose-500\",onClick:()=>del(r.id)},\"\\u{1F5D1}\"))))))),data.rows.length===0&&React.createElement(\"div\",{className:\"text-center text-gray-400 text-sm py-10\"},\"\\u041E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0439 \\u043D\\u0435\\u0442\")),React.createElement(\"div\",{className:\"border-t border-gray-100 bg-white px-4 py-2 text-xs text-gray-500 flex gap-4 flex-wrap\"},React.createElement(\"span\",null,t.n||0,\" \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0439\"),React.createElement(\"span\",null,\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F: \",React.createElement(\"b\",{className:\"text-emerald-600\"},fmt(t.income))),React.createElement(\"span\",null,\"\\u0412\\u044B\\u043F\\u043B\\u0430\\u0442\\u044B: \",React.createElement(\"b\",{className:\"text-rose-500\"},fmt(t.expense))),React.createElement(\"span\",null,\"\\u041F\\u0435\\u0440\\u0435\\u043C\\u0435\\u0449\\u0435\\u043D\\u0438\\u044F: \",React.createElement(\"b\",null,fmt(t.transfer))),React.createElement(\"span\",null,\"\\u0418\\u0442\\u043E\\u0433\\u043E: \",React.createElement(\"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)))))),modal&&React.createElement(OpModal,{meta,initial:modal.id?modal:null,onClose:()=>setModal(null),onSaved:()=>{load(),refreshMeta()}}))}function DealModal({initial,onClose,onSaved}){const[f,setF]=useState(initial||{name:\"\",client:\"\",status:\"work\",amount:\"\",created_at:todayStr(),comment:\"\"}),set=(k,v)=>setF(s=>({...s,[k]:v})),save=async()=>{if(!f.name)return alert(\"\\u0423\\u043A\\u0430\\u0436\\u0438\\u0442\\u0435 \\u043D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435\");const body={...f,amount:Number(f.amount)||0};f.id?await api(\"/deals/\"+f.id,\"PUT\",body):await api(\"/deals\",\"POST\",body),onSaved(),onClose()};return React.createElement(Modal,{title:f.id?\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0430\":\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u043D\\u0438\\u0435 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438\",onClose},React.createElement(Field,{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)\"},React.createElement(TInput,{value:f.name,onChange:e=>set(\"name\",e.target.value)})),React.createElement(\"div\",{className:\"grid grid-cols-2 gap-x-4\"},React.createElement(Field,{label:\"\\u041A\\u043B\\u0438\\u0435\\u043D\\u0442\"},React.createElement(TInput,{value:f.client,onChange:e=>set(\"client\",e.target.value)})),React.createElement(Field,{label:\"\\u0421\\u0443\\u043C\\u043C\\u0430 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438, \\u20BD\"},React.createElement(TInput,{type:\"number\",value:f.amount,onChange:e=>set(\"amount\",e.target.value)})),React.createElement(Field,{label:\"\\u0421\\u0442\\u0430\\u0442\\u0443\\u0441\"},React.createElement(TSelect,{value:f.status,onChange:e=>set(\"status\",e.target.value)},Object.entries(DEAL_STATUS).map(([k,v])=>React.createElement(\"option\",{key:k,value:k},v.label)))),React.createElement(Field,{label:\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u043D\\u0430\"},React.createElement(TInput,{type:\"date\",value:(f.created_at||\"\").slice(0,10),onChange:e=>set(\"created_at\",e.target.value)}))),React.createElement(Field,{label:\"\\u041A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0439\"},React.createElement(TInput,{value:f.comment,onChange:e=>set(\"comment\",e.target.value)})),React.createElement(\"div\",{className:\"flex justify-end gap-2\"},React.createElement(Btn,{kind:\"ghost\",onClick:onClose},\"\\u041E\\u0442\\u043C\\u0435\\u043D\\u0430\"),React.createElement(Btn,{onClick:save},\"\\u0421\\u043E\\u0445\\u0440\\u0430\\u043D\\u0438\\u0442\\u044C\")))}function DealCard({id,meta,refreshMeta,onBack}){const[data,setData]=useState(null),[opModal,setOpModal]=useState(null),[editModal,setEditModal]=useState(!1),load=()=>api(\"/deals/\"+id).then(setData);if(useEffect(()=>{load()},[id]),!data)return React.createElement(\"div\",{className:\"p-6 text-gray-400 text-sm\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");const d=data.deal,st=DEAL_STATUS[d.status]||DEAL_STATUS.work,profit=Number(d.income_all)-Number(d.expense_all),rentab=Number(d.income_all)?Math.round(profit/Number(d.income_all)*100):0,pct=d.amount>0?Math.min(100,Math.round(Number(d.received)/Number(d.amount)*100)):0,incomes=data.ops.filter(o=>o.op_type===\"income\"),expenses=data.ops.filter(o=>o.op_type===\"expense\"),OpRows=({rows})=>React.createElement(\"table\",{className:\"w-full text-sm\"},React.createElement(\"thead\",null,React.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},React.createElement(\"th\",{className:\"p-2\"},\"\\u0414\\u0430\\u0442\\u0430\"),React.createElement(\"th\",{className:\"p-2\"},\"\\u0421\\u0447\\u0451\\u0442\"),React.createElement(\"th\",{className:\"p-2\"},\"\\u041A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442\"),React.createElement(\"th\",{className:\"p-2\"},\"\\u0421\\u0442\\u0430\\u0442\\u044C\\u044F\"),React.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0421\\u0443\\u043C\\u043C\\u0430\"))),React.createElement(\"tbody\",null,rows.map(o=>React.createElement(\"tr\",{key:o.id,className:\"border-t border-gray-50\"},React.createElement(\"td\",{className:\"p-2 text-gray-500\"},fmtDate(o.date)),React.createElement(\"td\",{className:\"p-2 text-gray-600\"},o.account_name),React.createElement(\"td\",{className:\"p-2 text-gray-700\"},o.contractor_name||\"\\u2014\"),React.createElement(\"td\",{className:\"p-2 text-gray-600\"},o.category_name||\"\\u2014\",!o.confirmed&&React.createElement(\"span\",{className:\"ml-1 text-[10px] bg-slate-100 text-slate-500 rounded px-1\"},\"\\u043F\\u043B\\u0430\\u043D\")),React.createElement(\"td\",{className:\"p-2 text-right font-medium \"+(o.op_type===\"income\"?\"text-emerald-600\":\"text-rose-500\")},o.op_type===\"income\"?\"+\":\"\\u2212\",fmt(o.amount)))),rows.length===0&&React.createElement(\"tr\",null,React.createElement(\"td\",{colSpan:5,className:\"p-4 text-center text-gray-400\"},\"\\u041F\\u043E\\u043A\\u0430 \\u043F\\u0443\\u0441\\u0442\\u043E\"))));return React.createElement(\"div\",{className:\"p-6\"},React.createElement(\"button\",{className:\"text-sm text-teal-600 mb-2\",onClick:onBack},\"\\u2190 \\u0421\\u0434\\u0435\\u043B\\u043A\\u0438 \\u043F\\u0440\\u043E\\u0434\\u0430\\u0436\"),React.createElement(\"div\",{className:\"flex items-center gap-3 mb-4\"},React.createElement(\"h1\",{className:\"text-xl font-bold text-slate-800\"},d.name),React.createElement(\"span\",{className:\"text-xs px-2 py-1 rounded \"+st.cls},st.label),React.createElement(Btn,{small:!0,kind:\"ghost\",onClick:()=>setEditModal(!0)},\"\\u270E \\u0418\\u0437\\u043C\\u0435\\u043D\\u0438\\u0442\\u044C\")),React.createElement(\"div\",{className:\"grid lg:grid-cols-4 gap-3 mb-5\"},React.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm\"},React.createElement(\"div\",{className:\"text-xs text-gray-500\"},\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0430 \\u043D\\u0430 \\u0441\\u0443\\u043C\\u043C\\u0443\"),React.createElement(\"div\",{className:\"text-lg font-bold text-slate-800\"},fmt(d.amount)),React.createElement(\"div\",{className:\"text-xs text-gray-500 mt-2\"},\"\\u041A\\u043B\\u0438\\u0435\\u043D\\u0442: \",React.createElement(\"span\",{className:\"text-gray-700\"},d.client||\"\\u2014\")),React.createElement(\"div\",{className:\"text-xs text-gray-500\"},\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u043D\\u0430: \",fmtDate(d.created_at))),React.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm\"},React.createElement(\"div\",{className:\"text-xs text-gray-500 uppercase\"},\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F\"),React.createElement(\"div\",{className:\"text-lg font-bold text-emerald-600\"},fmt(d.received)),React.createElement(\"div\",{className:\"text-xs text-gray-400\"},\"\\u0438\\u0437 \",fmt(d.amount)),React.createElement(\"div\",{className:\"h-1.5 bg-gray-100 rounded mt-2\"},React.createElement(\"div\",{className:\"h-1.5 bg-emerald-500 rounded\",style:{width:pct+\"%\"}})),React.createElement(\"div\",{className:\"text-xs text-gray-500 mt-1\"},\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u0438\\u043B\\u043E: \",pct,\"%\")),React.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm\"},React.createElement(\"div\",{className:\"text-xs text-gray-500 uppercase\"},\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\"),React.createElement(\"div\",{className:\"text-lg font-bold text-rose-500\"},fmt(d.expense_all)),React.createElement(\"div\",{className:\"text-xs text-gray-400\"},\"\\u043E\\u043F\\u043B\\u0430\\u0447\\u0435\\u043D\\u043E: \",fmt(d.expense_paid))),React.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm\"},React.createElement(\"div\",{className:\"text-xs text-gray-500 uppercase\"},\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438\"),React.createElement(\"div\",{className:\"text-lg font-bold \"+(profit>=0?\"text-slate-800\":\"text-rose-600\")},fmt(profit)),React.createElement(\"div\",{className:\"text-xs text-gray-500\"},\"\\u0420\\u0435\\u043D\\u0442\\u0430\\u0431\\u0435\\u043B\\u044C\\u043D\\u043E\\u0441\\u0442\\u044C \",rentab,\"%\"))),React.createElement(\"div\",{className:\"grid lg:grid-cols-2 gap-4\"},React.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm\"},React.createElement(\"div\",{className:\"flex items-center justify-between px-4 py-2 border-b border-gray-50\"},React.createElement(\"div\",{className:\"text-sm font-semibold text-slate-700\"},\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F \\xB7 \",incomes.length),React.createElement(Btn,{small:!0,onClick:()=>setOpModal({op_type:\"income\"})},\"\\u0414\\u043E\\u0431\\u0430\\u0432\\u0438\\u0442\\u044C\")),React.createElement(OpRows,{rows:incomes})),React.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm\"},React.createElement(\"div\",{className:\"flex items-center justify-between px-4 py-2 border-b border-gray-50\"},React.createElement(\"div\",{className:\"text-sm font-semibold text-slate-700\"},\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B \\xB7 \",expenses.length),React.createElement(Btn,{small:!0,onClick:()=>setOpModal({op_type:\"expense\"})},\"\\u0414\\u043E\\u0431\\u0430\\u0432\\u0438\\u0442\\u044C\")),React.createElement(OpRows,{rows:expenses}))),opModal&&React.createElement(OpModal,{meta,initial:{op_type:opModal.op_type,date:todayStr(),confirmed:!1,amount:\"\",account_id:\"\",account2_id:\"\",category_id:\"\",contractor_id:\"\",deal_id:String(id),purpose:\"\"},onClose:()=>setOpModal(null),onSaved:()=>{load(),refreshMeta()}}),editModal&&React.createElement(DealModal,{initial:d,onClose:()=>setEditModal(!1),onSaved:load}))}function PageDeals({meta,refreshMeta}){const[rows,setRows]=useState([]),[modal,setModal]=useState(!1),[view,setView]=useState(null),[fltStatus,setFltStatus]=useState(\"\"),load=()=>api(\"/deals\").then(setRows);if(useEffect(()=>{load()},[]),view)return React.createElement(DealCard,{id:view,meta,refreshMeta,onBack:()=>{setView(null),load()}});const filtered=fltStatus?rows.filter(r=>r.status===fltStatus):rows,totalSum=filtered.reduce((s,r)=>s+Number(r.amount||0),0),totalProfit=filtered.reduce((s,r)=>s+Number(r.income_all||0)-Number(r.expense_all||0),0),del=async id=>{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 api(\"/deals/\"+id,\"DELETE\"),load())};return React.createElement(\"div\",{className:\"p-6\"},React.createElement(\"div\",{className:\"flex items-center gap-3 mb-4\"},React.createElement(\"h1\",{className:\"text-xl font-bold text-slate-800\"},\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0438 \\u043F\\u043E \\u043F\\u0440\\u043E\\u0434\\u0430\\u0436\\u0430\\u043C\"),React.createElement(Btn,{onClick:()=>setModal(!0)},\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C\"),React.createElement(TSelect,{value:fltStatus,onChange:e=>setFltStatus(e.target.value),className:\"!w-48 ml-auto\"},React.createElement(\"option\",{value:\"\"},\"\\u0412\\u0441\\u0435 \\u0441\\u0442\\u0430\\u0442\\u0443\\u0441\\u044B\"),Object.entries(DEAL_STATUS).map(([k,v])=>React.createElement(\"option\",{key:k,value:k},v.label)))),React.createElement(\"table\",{className:\"w-full text-sm bg-white rounded-lg shadow-sm\"},React.createElement(\"thead\",null,React.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},React.createElement(\"th\",{className:\"p-2 pl-3\"},\"\\u0414\\u0430\\u0442\\u0430\"),React.createElement(\"th\",{className:\"p-2\"},\"\\u041D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435\"),React.createElement(\"th\",{className:\"p-2\"},\"\\u041A\\u043B\\u0438\\u0435\\u043D\\u0442\"),React.createElement(\"th\",{className:\"p-2\"},\"\\u0421\\u0442\\u0430\\u0442\\u0443\\u0441\"),React.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0421\\u0443\\u043C\\u043C\\u0430 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438, \\u20BD\"),React.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u0438\\u043B\\u043E\"),React.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C, \\u20BD\"),React.createElement(\"th\",{className:\"p-2\"}))),React.createElement(\"tbody\",null,filtered.map(r=>{const st=DEAL_STATUS[r.status]||DEAL_STATUS.work,pct=r.amount>0?Math.min(100,Math.round(Number(r.received)/Number(r.amount)*100)):0,profit=Number(r.income_all)-Number(r.expense_all);return React.createElement(\"tr\",{key:r.id,className:\"border-t border-gray-50 hover:bg-slate-50 cursor-pointer\",onClick:()=>setView(r.id)},React.createElement(\"td\",{className:\"p-2 pl-3 text-gray-500 whitespace-nowrap\"},fmtDate(r.created_at)),React.createElement(\"td\",{className:\"p-2 font-medium text-slate-800\"},r.name),React.createElement(\"td\",{className:\"p-2 text-gray-700\"},r.client||\"\\u2014\"),React.createElement(\"td\",{className:\"p-2\"},React.createElement(\"span\",{className:\"text-xs px-2 py-0.5 rounded \"+st.cls},st.label)),React.createElement(\"td\",{className:\"p-2 text-right font-medium\"},fmt(r.amount)),React.createElement(\"td\",{className:\"p-2 text-right text-gray-600\"},pct,\"%\"),React.createElement(\"td\",{className:\"p-2 text-right font-medium \"+(profit>=0?\"text-emerald-600\":\"text-rose-500\")},fmt(profit)),React.createElement(\"td\",{className:\"p-2 text-right\",onClick:e=>e.stopPropagation()},React.createElement(\"button\",{className:\"text-gray-300 hover:text-rose-500\",onClick:()=>del(r.id)},\"\\u{1F5D1}\")))}),filtered.length===0&&React.createElement(\"tr\",null,React.createElement(\"td\",{colSpan:8,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\")))),React.createElement(\"div\",{className:\"text-xs text-gray-500 mt-2\"},filtered.length,\" \\u043F\\u0440\\u043E\\u0434\\u0430\\u0436 \\u043D\\u0430 \\u0441\\u0443\\u043C\\u043C\\u0443: \",React.createElement(\"b\",null,fmt(totalSum)),\" \\xB7 \\u041E\\u0431\\u0449\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C: \",React.createElement(\"b\",{className:\"text-emerald-600\"},fmt(totalProfit))),modal&&React.createElement(DealModal,{onClose:()=>setModal(!1),onSaved:load}))}function PageCalendar(){const[year,setYear]=useState(thisYear()),[data,setData]=useState(null);if(useEffect(()=>{api(\"/calendar?year=\"+year).then(setData)},[year]),!data)return React.createElement(\"div\",{className:\"p-6 text-gray-400 text-sm\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");const byM={};for(const r of data.months)byM[r.m]=r;const months=Array.from({length:12},(_,i)=>`${year}-${String(i+1).padStart(2,\"0\")}`),g=(m,k)=>Number((byM[m]||{})[k]||0),sum=k=>months.reduce((s,m)=>s+g(m,k),0),Row=({label,k1,k2,bold,colorFn})=>React.createElement(\"tr\",{className:\"border-t border-gray-50 \"+(bold?\"font-semibold bg-slate-50\":\"\")},React.createElement(\"td\",{className:\"p-2 pl-3 whitespace-nowrap sticky left-0 bg-inherit\"},label),months.map(m=>{const v=k2?g(m,k1)-g(m,k2):g(m,k1);return React.createElement(\"td\",{key:m,className:\"p-2 text-right whitespace-nowrap \"+(colorFn?colorFn(v):\"\")},v?fmt0(v):\"\\u2014\")}),(()=>{const v=k2?sum(k1)-sum(k2):sum(k1);return React.createElement(\"td\",{className:\"p-2 text-right font-semibold whitespace-nowrap \"+(colorFn?colorFn(v):\"\")},v?fmt0(v):\"\\u2014\")})());return React.createElement(\"div\",{className:\"p-6\"},React.createElement(\"div\",{className:\"flex items-center gap-3 mb-4\"},React.createElement(\"h1\",{className:\"text-xl font-bold text-slate-800\"},\"\\u041F\\u043B\\u0430\\u0442\\u0451\\u0436\\u043D\\u044B\\u0439 \\u043A\\u0430\\u043B\\u0435\\u043D\\u0434\\u0430\\u0440\\u044C\"),React.createElement(TSelect,{value:year,onChange:e=>setYear(e.target.value),className:\"!w-28\"},[0,1,2].map(i=>{const y=String(Number(thisYear())-i);return React.createElement(\"option\",{key:y,value:y},y)})),React.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\")),React.createElement(\"div\",{className:\"overflow-x-auto bg-white rounded-lg shadow-sm\"},React.createElement(\"table\",{className:\"text-sm min-w-full\"},React.createElement(\"thead\",null,React.createElement(\"tr\",{className:\"text-xs text-gray-400\"},React.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\"),months.map(m=>React.createElement(\"th\",{key:m,className:\"p-2 text-right\"},monLabel(m))),React.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0418\\u0442\\u043E\\u0433\\u043E\"))),React.createElement(\"tbody\",null,React.createElement(Row,{label:\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B (\\u0444\\u0430\\u043A\\u0442)\",k1:\"income_fact\",colorFn:()=>\"text-emerald-600\"}),React.createElement(Row,{label:\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B (\\u043F\\u043B\\u0430\\u043D)\",k1:\"income_plan\",colorFn:()=>\"text-emerald-600/60\"}),React.createElement(Row,{label:\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B (\\u0444\\u0430\\u043A\\u0442)\",k1:\"expense_fact\",colorFn:()=>\"text-rose-500\"}),React.createElement(Row,{label:\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B (\\u043F\\u043B\\u0430\\u043D)\",k1:\"expense_plan\",colorFn:()=>\"text-rose-500/60\"}),React.createElement(Row,{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:v=>v<0?\"text-rose-600\":\"text-slate-800\"}),React.createElement(Row,{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:v=>v<0?\"text-rose-600\":\"text-slate-500\"})))))}function PageReport({meta}){const[year,setYear]=useState(thisYear()),[data,setData]=useState(null);if(useEffect(()=>{api(`/report/cashflow?from=${year}-01-01&to=${year}-12-31`).then(setData)},[year]),!data)return React.createElement(\"div\",{className:\"p-6 text-gray-400 text-sm\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");const months=Array.from({length:12},(_,i)=>`${year}-${String(i+1).padStart(2,\"0\")}`),rootOf={},byId={};for(const c of meta.categories)byId[c.id]=c;const findRoot=id=>{let c=byId[id];for(;c&&c.parent_id;)c=byId[c.parent_id];return c},cells={};for(const r of data.by_category){const root=r.category_id?findRoot(r.category_id):null,key=root?root.id:\"none_\"+r.op_type,name=root?root.name:\"\\u041D\\u0435\\u0440\\u0430\\u0441\\u043F\\u0440\\u0435\\u0434\\u0435\\u043B\\u0435\\u043D\\u043D\\u044B\\u0435\";rootOf[key]={name,kind:r.op_type},(cells[key]=cells[key]||{})[r.m]=(cells[key][r.m]||0)+Number(r.s)}const rowsFor=kind=>Object.entries(rootOf).filter(([,v])=>v.kind===kind),sumRow=(kind,m)=>rowsFor(kind).reduce((s,[k])=>s+Number((cells[k]||{})[m]||0),0),trByM={};for(const r of data.transfers)trByM[r.m]=Number(r.s);const netBy={};for(const r of data.net_by_month)netBy[r.m]=Number(r.net);const allMonthsSorted=Object.keys(netBy).sort(),balanceAt=m=>{let b=Number(data.start_total||0);for(const mm of allMonthsSorted)mm<=m&&(b+=netBy[mm]);return b},Cell=({v,cls})=>React.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap \"+(cls||\"\")},v?fmt0(v):\"\\u2014\");return React.createElement(\"div\",{className:\"p-6\"},React.createElement(\"div\",{className:\"flex items-center gap-3 mb-4\"},React.createElement(\"h1\",{className:\"text-xl font-bold text-slate-800\"},\"\\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\"),React.createElement(TSelect,{value:year,onChange:e=>setYear(e.target.value),className:\"!w-28\"},[0,1,2].map(i=>{const y=String(Number(thisYear())-i);return React.createElement(\"option\",{key:y,value:y},y)}))),React.createElement(\"div\",{className:\"overflow-x-auto bg-white rounded-lg shadow-sm\"},React.createElement(\"table\",{className:\"text-sm min-w-full\"},React.createElement(\"thead\",null,React.createElement(\"tr\",{className:\"text-xs text-gray-400\"},React.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\"),months.map(m=>React.createElement(\"th\",{key:m,className:\"p-2 text-right\"},monLabel(m))),React.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0418\\u0442\\u043E\\u0433\\u043E\"))),React.createElement(\"tbody\",null,React.createElement(\"tr\",{className:\"bg-slate-50 font-semibold border-t border-gray-100\"},React.createElement(\"td\",{className:\"p-2 pl-3 sticky left-0 bg-slate-50\"},\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F\"),months.map(m=>React.createElement(Cell,{key:m,v:sumRow(\"income\",m),cls:\"text-emerald-600\"})),React.createElement(Cell,{v:months.reduce((s,m)=>s+sumRow(\"income\",m),0),cls:\"text-emerald-600\"})),rowsFor(\"income\").map(([k,v])=>React.createElement(\"tr\",{key:k,className:\"border-t border-gray-50\"},React.createElement(\"td\",{className:\"p-2 pl-6 text-gray-600 sticky left-0 bg-white\"},v.name),months.map(m=>React.createElement(Cell,{key:m,v:(cells[k]||{})[m]})),React.createElement(Cell,{v:months.reduce((s,m)=>s+Number((cells[k]||{})[m]||0),0)}))),React.createElement(\"tr\",{className:\"bg-slate-50 font-semibold border-t border-gray-100\"},React.createElement(\"td\",{className:\"p-2 pl-3 sticky left-0 bg-slate-50\"},\"\\u0412\\u044B\\u043F\\u043B\\u0430\\u0442\\u044B\"),months.map(m=>React.createElement(Cell,{key:m,v:sumRow(\"expense\",m),cls:\"text-rose-500\"})),React.createElement(Cell,{v:months.reduce((s,m)=>s+sumRow(\"expense\",m),0),cls:\"text-rose-500\"})),rowsFor(\"expense\").map(([k,v])=>React.createElement(\"tr\",{key:k,className:\"border-t border-gray-50\"},React.createElement(\"td\",{className:\"p-2 pl-6 text-gray-600 sticky left-0 bg-white\"},v.name),months.map(m=>React.createElement(Cell,{key:m,v:(cells[k]||{})[m]})),React.createElement(Cell,{v:months.reduce((s,m)=>s+Number((cells[k]||{})[m]||0),0)}))),React.createElement(\"tr\",{className:\"border-t border-gray-100\"},React.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\"),months.map(m=>React.createElement(Cell,{key:m,v:trByM[m],cls:\"text-gray-500\"})),React.createElement(Cell,{v:Object.values(trByM).reduce((s,x)=>s+x,0),cls:\"text-gray-500\"})),React.createElement(\"tr\",{className:\"bg-slate-100 font-bold border-t border-gray-200\"},React.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\"),months.map(m=>{const v=sumRow(\"income\",m)-sumRow(\"expense\",m);return React.createElement(Cell,{key:m,v,cls:v<0?\"text-rose-600\":\"\"})}),(()=>{const v=months.reduce((s,m)=>s+sumRow(\"income\",m)-sumRow(\"expense\",m),0);return React.createElement(Cell,{v,cls:v<0?\"text-rose-600\":\"\"})})()),React.createElement(\"tr\",{className:\"font-semibold border-t border-gray-100\"},React.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\"),months.map(m=>React.createElement(Cell,{key:m,v:balanceAt(m)})),React.createElement(Cell,{v:balanceAt(months[11])}))))))}function PageRefs({meta,refreshMeta}){const[tab,setTab]=useState(\"accounts\"),[modal,setModal]=useState(null),del=async(type,id)=>{if(!window.confirm(\"\\u0423\\u0434\\u0430\\u043B\\u0438\\u0442\\u044C?\"))return;const r=await api(`/${type}/${id}`,\"DELETE\");r.error?alert(r.error):refreshMeta()};return React.createElement(\"div\",{className:\"p-6\"},React.createElement(\"div\",{className:\"flex items-center gap-3 mb-4\"},React.createElement(\"h1\",{className:\"text-xl font-bold text-slate-800\"},\"\\u0421\\u043F\\u0440\\u0430\\u0432\\u043E\\u0447\\u043D\\u0438\\u043A\\u0438\"),React.createElement(\"div\",{className:\"flex gap-1\"},Object.entries({accounts:\"\\u041C\\u043E\\u0438 \\u0441\\u0447\\u0435\\u0442\\u0430\",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\"}).map(([k,l])=>React.createElement(\"button\",{key:k,onClick:()=>setTab(k),className:\"px-3 py-1.5 text-sm rounded \"+(tab===k?\"bg-slate-800 text-white\":\"bg-white text-gray-600 hover:bg-gray-100\")},l))),React.createElement(Btn,{onClick:()=>setModal({type:tab})},\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C\")),tab===\"accounts\"&&React.createElement(\"table\",{className:\"w-full text-sm bg-white rounded-lg shadow-sm\"},React.createElement(\"thead\",null,React.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},React.createElement(\"th\",{className:\"p-2 pl-3\"},\"\\u041D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435\"),React.createElement(\"th\",{className:\"p-2\"},\"\\u0413\\u0440\\u0443\\u043F\\u043F\\u0430\"),React.createElement(\"th\",{className:\"p-2\"},\"\\u0422\\u0438\\u043F\"),React.createElement(\"th\",{className:\"p-2\"},\"\\u0411\\u0430\\u043D\\u043A\"),React.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u041D\\u0430\\u0447\\u0430\\u043B\\u044C\\u043D\\u044B\\u0439 \\u043E\\u0441\\u0442\\u0430\\u0442\\u043E\\u043A\"),React.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0422\\u0435\\u043A\\u0443\\u0449\\u0438\\u0439 \\u043E\\u0441\\u0442\\u0430\\u0442\\u043E\\u043A\"),React.createElement(\"th\",{className:\"p-2\"}))),React.createElement(\"tbody\",null,meta.accounts.map(a=>React.createElement(\"tr\",{key:a.id,className:\"border-t border-gray-50 \"+(a.active?\"\":\"opacity-40\")},React.createElement(\"td\",{className:\"p-2 pl-3 font-medium text-slate-800\"},a.name),React.createElement(\"td\",{className:\"p-2 text-gray-500\"},a.grp||\"\\u2014\"),React.createElement(\"td\",{className:\"p-2 text-gray-500\"},a.acc_type),React.createElement(\"td\",{className:\"p-2 text-gray-500\"},a.bank||\"\\u2014\",React.createElement(\"div\",{className:\"text-xs text-gray-400\"},a.number)),React.createElement(\"td\",{className:\"p-2 text-right text-gray-600\"},fmt(a.start_balance),React.createElement(\"div\",{className:\"text-xs text-gray-400\"},fmtDate(a.start_date))),React.createElement(\"td\",{className:\"p-2 text-right font-medium \"+(a.balance<0?\"text-rose-600\":\"text-slate-800\")},fmt(a.balance)),React.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},React.createElement(\"button\",{className:\"text-gray-300 hover:text-gray-500\",onClick:()=>setModal({type:\"accounts\",data:a})},\"\\u270E\"),\" \",React.createElement(\"button\",{className:\"text-gray-300 hover:text-rose-500\",onClick:()=>del(\"accounts\",a.id)},\"\\u{1F5D1}\"))))),React.createElement(\"tfoot\",null,React.createElement(\"tr\",{className:\"border-t border-gray-100 font-semibold\"},React.createElement(\"td\",{className:\"p-2 pl-3\",colSpan:5},meta.accounts.length,\" \\u0441\\u0447\\u0435\\u0442\\u043E\\u0432 \\xB7 \\u0422\\u0435\\u043A\\u0443\\u0449\\u0438\\u0439 \\u043E\\u0441\\u0442\\u0430\\u0442\\u043E\\u043A:\"),React.createElement(\"td\",{className:\"p-2 text-right\"},fmt(meta.total_balance)),React.createElement(\"td\",null)))),tab===\"contractors\"&&React.createElement(\"table\",{className:\"w-full text-sm bg-white rounded-lg shadow-sm\"},React.createElement(\"thead\",null,React.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},React.createElement(\"th\",{className:\"p-2 pl-3\"},\"\\u041D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435\"),React.createElement(\"th\",{className:\"p-2\"},\"\\u0413\\u0440\\u0443\\u043F\\u043F\\u0430\"),React.createElement(\"th\",{className:\"p-2\"},\"\\u0418\\u041D\\u041D\"),React.createElement(\"th\",{className:\"p-2\"},\"\\u041A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0439\"),React.createElement(\"th\",{className:\"p-2\"}))),React.createElement(\"tbody\",null,meta.contractors.map(x=>React.createElement(\"tr\",{key:x.id,className:\"border-t border-gray-50\"},React.createElement(\"td\",{className:\"p-2 pl-3 font-medium text-slate-800\"},x.name),React.createElement(\"td\",{className:\"p-2 text-gray-500\"},x.grp||\"\\u2014\"),React.createElement(\"td\",{className:\"p-2 text-gray-500\"},x.inn||\"\\u2014\"),React.createElement(\"td\",{className:\"p-2 text-gray-500\"},x.comment||\"\"),React.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},React.createElement(\"button\",{className:\"text-gray-300 hover:text-gray-500\",onClick:()=>setModal({type:\"contractors\",data:x})},\"\\u270E\"),\" \",React.createElement(\"button\",{className:\"text-gray-300 hover:text-rose-500\",onClick:()=>del(\"contractors\",x.id)},\"\\u{1F5D1}\")))))),tab===\"categories\"&&React.createElement(CatsRef,{meta,onEdit:c=>setModal({type:\"categories\",data:c}),onDel:id=>del(\"categories\",id)}),modal&&React.createElement(RefModal,{modal,meta,onClose:()=>setModal(null),onSaved:refreshMeta}))}function CatsRef({meta,onEdit,onDel}){const[kind,setKind]=useState(\"income\"),list=flatCats(meta.categories,kind);return React.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4 max-w-2xl\"},React.createElement(\"div\",{className:\"flex gap-1 mb-3\"},[[\"income\",\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B\"],[\"expense\",\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\"]].map(([k,l])=>React.createElement(\"button\",{key:k,onClick:()=>setKind(k),className:\"px-3 py-1.5 text-sm rounded \"+(kind===k?\"bg-teal-600 text-white\":\"bg-gray-100 text-gray-600\")},l))),list.map(c=>React.createElement(\"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}},React.createElement(\"span\",{className:c.depth===0?\"font-medium text-slate-800\":\"text-gray-600\"},c.name),React.createElement(\"span\",{className:\"whitespace-nowrap\"},React.createElement(\"button\",{className:\"text-gray-300 hover:text-gray-500\",onClick:()=>onEdit(c)},\"\\u270E\"),\" \",React.createElement(\"button\",{className:\"text-gray-300 hover:text-rose-500\",onClick:()=>onDel(c.id)},\"\\u{1F5D1}\")))))}function RefModal({modal,meta,onClose,onSaved}){const{type,data}=modal,[f,setF]=useState(data||(type===\"accounts\"?{name:\"\",acc_type:\"\\u0411\\u0435\\u0437\\u043D\\u0430\\u043B\\u0438\\u0447\\u043D\\u044B\\u0439\",bank:\"\",number:\"\",grp:\"\",start_balance:\"\",start_date:todayStr()}:type===\"contractors\"?{name:\"\",grp:\"\",inn:\"\",comment:\"\"}:{name:\"\",kind:\"income\",parent_id:\"\"})),set=(k,v)=>setF(s=>({...s,[k]:v})),save=async()=>{if(!f.name)return alert(\"\\u0423\\u043A\\u0430\\u0436\\u0438\\u0442\\u0435 \\u043D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435\");const path=\"/\"+type+(f.id?\"/\"+f.id:\"\"),r=await api(path,f.id?\"PUT\":\"POST\",{...f,parent_id:f.parent_id?Number(f.parent_id):null,active:f.active!==0});if(r.error)return alert(r.error);onSaved(),onClose()},titles={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\"};return React.createElement(Modal,{title:(f.id?\"\":\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C: \")+titles[type],onClose},React.createElement(Field,{label:\"\\u041D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435\"},React.createElement(TInput,{value:f.name,onChange:e=>set(\"name\",e.target.value)})),type===\"accounts\"&&React.createElement(\"div\",{className:\"grid grid-cols-2 gap-x-4\"},React.createElement(Field,{label:\"\\u0422\\u0438\\u043F\"},React.createElement(TSelect,{value:f.acc_type,onChange:e=>set(\"acc_type\",e.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(t=>React.createElement(\"option\",{key:t},t)))),React.createElement(Field,{label:\"\\u0413\\u0440\\u0443\\u043F\\u043F\\u0430\"},React.createElement(TInput,{value:f.grp,onChange:e=>set(\"grp\",e.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\"})),React.createElement(Field,{label:\"\\u0411\\u0430\\u043D\\u043A\"},React.createElement(TInput,{value:f.bank,onChange:e=>set(\"bank\",e.target.value)})),React.createElement(Field,{label:\"\\u041D\\u043E\\u043C\\u0435\\u0440 \\u0441\\u0447\\u0451\\u0442\\u0430\"},React.createElement(TInput,{value:f.number,onChange:e=>set(\"number\",e.target.value)})),React.createElement(Field,{label:\"\\u041D\\u0430\\u0447\\u0430\\u043B\\u044C\\u043D\\u044B\\u0439 \\u043E\\u0441\\u0442\\u0430\\u0442\\u043E\\u043A, \\u20BD\"},React.createElement(TInput,{type:\"number\",value:f.start_balance,onChange:e=>set(\"start_balance\",e.target.value)})),React.createElement(Field,{label:\"\\u0414\\u0430\\u0442\\u0430 \\u043E\\u0441\\u0442\\u0430\\u0442\\u043A\\u0430\"},React.createElement(TInput,{type:\"date\",value:(f.start_date||\"\").slice(0,10),onChange:e=>set(\"start_date\",e.target.value)}))),type===\"contractors\"&&React.createElement(\"div\",{className:\"grid grid-cols-2 gap-x-4\"},React.createElement(Field,{label:\"\\u0413\\u0440\\u0443\\u043F\\u043F\\u0430\"},React.createElement(TSelect,{value:f.grp,onChange:e=>set(\"grp\",e.target.value)},React.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(g=>React.createElement(\"option\",{key:g},g)))),React.createElement(Field,{label:\"\\u0418\\u041D\\u041D\"},React.createElement(TInput,{value:f.inn,onChange:e=>set(\"inn\",e.target.value)})),React.createElement(Field,{label:\"\\u041A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0439\"},React.createElement(TInput,{value:f.comment,onChange:e=>set(\"comment\",e.target.value)}))),type===\"categories\"&&React.createElement(\"div\",{className:\"grid grid-cols-2 gap-x-4\"},React.createElement(Field,{label:\"\\u0420\\u0430\\u0437\\u0434\\u0435\\u043B\"},React.createElement(TSelect,{value:f.kind,onChange:e=>set(\"kind\",e.target.value),disabled:!!f.id},React.createElement(\"option\",{value:\"income\"},\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B\"),React.createElement(\"option\",{value:\"expense\"},\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\"))),React.createElement(Field,{label:\"\\u0420\\u043E\\u0434\\u0438\\u0442\\u0435\\u043B\\u044C\\u0441\\u043A\\u0430\\u044F \\u0441\\u0442\\u0430\\u0442\\u044C\\u044F\"},React.createElement(TSelect,{value:f.parent_id||\"\",onChange:e=>set(\"parent_id\",e.target.value)},React.createElement(\"option\",{value:\"\"},\"\\u2014 (\\u043A\\u043E\\u0440\\u043D\\u0435\\u0432\\u0430\\u044F)\"),flatCats(meta.categories,f.kind).filter(c=>c.id!==f.id).map(c=>React.createElement(\"option\",{key:c.id,value:c.id},\"\\xA0\".repeat(c.depth*3)+c.name))))),React.createElement(\"div\",{className:\"flex justify-end gap-2 mt-2\"},React.createElement(Btn,{kind:\"ghost\",onClick:onClose},\"\\u041E\\u0442\\u043C\\u0435\\u043D\\u0430\"),React.createElement(Btn,{onClick:save},\"\\u0421\\u043E\\u0445\\u0440\\u0430\\u043D\\u0438\\u0442\\u044C\")))}function PageSettings({refreshMeta}){const[oldPin,setOldPin]=useState(\"\"),[newPin,setNewPin]=useState(\"\"),[msg,setMsg]=useState(\"\"),changePin=async()=>{const r=await api(\"/settings/pin\",\"POST\",{oldPin,newPin});setMsg(r.ok?\"PIN \\u0438\\u0437\\u043C\\u0435\\u043D\\u0451\\u043D\":r.error||\"\\u041E\\u0448\\u0438\\u0431\\u043A\\u0430\"),r.ok&&(setPinLS(newPin),setOldPin(\"\"),setNewPin(\"\"))},demo=async action=>{action===\"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 api(\"/demo\",\"POST\",{action}),setMsg(action===\"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\"),refreshMeta())};return React.createElement(\"div\",{className:\"p-6 max-w-md\"},React.createElement(\"h1\",{className:\"text-xl font-bold text-slate-800 mb-4\"},\"\\u041D\\u0430\\u0441\\u0442\\u0440\\u043E\\u0439\\u043A\\u0438\"),React.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm mb-4\"},React.createElement(\"div\",{className:\"text-sm font-semibold text-slate-700 mb-2\"},\"\\u0421\\u043C\\u0435\\u043D\\u0438\\u0442\\u044C PIN-\\u043A\\u043E\\u0434\"),React.createElement(Field,{label:\"\\u0422\\u0435\\u043A\\u0443\\u0449\\u0438\\u0439 PIN\"},React.createElement(TInput,{type:\"password\",value:oldPin,onChange:e=>setOldPin(e.target.value)})),React.createElement(Field,{label:\"\\u041D\\u043E\\u0432\\u044B\\u0439 PIN (4\\u20138 \\u0446\\u0438\\u0444\\u0440)\"},React.createElement(TInput,{type:\"password\",value:newPin,onChange:e=>setNewPin(e.target.value)})),React.createElement(Btn,{onClick:changePin},\"\\u0421\\u043E\\u0445\\u0440\\u0430\\u043D\\u0438\\u0442\\u044C\")),React.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm mb-4\"},React.createElement(\"div\",{className:\"text-sm font-semibold text-slate-700 mb-2\"},\"\\u0414\\u0430\\u043D\\u043D\\u044B\\u0435\"),React.createElement(\"div\",{className:\"flex gap-2\"},React.createElement(Btn,{kind:\"ghost\",onClick:()=>demo(\"load\")},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u0438\\u0442\\u044C \\u0434\\u0435\\u043C\\u043E-\\u0434\\u0430\\u043D\\u043D\\u044B\\u0435\"),React.createElement(Btn,{kind:\"danger\",onClick:()=>demo(\"clear\")},\"\\u041E\\u0447\\u0438\\u0441\\u0442\\u0438\\u0442\\u044C \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0438 \\u0438 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438\"))),msg&&React.createElement(\"div\",{className:\"text-sm text-teal-600\"},msg),React.createElement(\"a\",{href:\"/source\",className:\"text-xs text-gray-300 hover:text-gray-400\"},\"view source\"))}const NAV=[[\"indicators\",\"\\u041F\\u043E\\u043A\\u0430\\u0437\\u0430\\u0442\\u0435\\u043B\\u0438\",\"\\u{1F4CA}\"],[\"ops\",\"\\u041E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0438\",\"\\u{1F504}\"],[\"deals\",\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0438\",\"\\u{1F91D}\"],[\"calendar\",\"\\u041F\\u043B\\u0430\\u043D\",\"\\u{1F4C5}\"],[\"report\",\"\\u041E\\u0442\\u0447\\u0451\\u0442\\u044B\",\"\\u{1F4CB}\"],[\"refs\",\"\\u0421\\u043F\\u0440\\u0430\\u0432\\u043E\\u0447\\u043D\\u0438\\u043A\\u0438\",\"\\u{1F4DA}\"],[\"settings\",\"\\u041D\\u0430\\u0441\\u0442\\u0440\\u043E\\u0439\\u043A\\u0438\",\"\\u2699\\uFE0F\"]];function App(){const[authed,setAuthed]=useState(!!getPin()),[page,setPage]=useState(\"indicators\"),[meta,setMeta]=useState(null);onUnauthorized=()=>{setPinLS(\"\"),setAuthed(!1)};const refreshMeta=()=>api(\"/meta\").then(setMeta).catch(()=>{});if(useEffect(()=>{authed&&refreshMeta()},[authed]),!authed)return React.createElement(Login,{onOk:()=>setAuthed(!0)});if(!meta)return React.createElement(\"div\",{className:\"min-h-screen flex items-center justify-center text-gray-400\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");const pages={indicators:React.createElement(PageIndicators,{meta}),ops:React.createElement(PageOps,{meta,refreshMeta}),deals:React.createElement(PageDeals,{meta,refreshMeta}),calendar:React.createElement(PageCalendar,null),report:React.createElement(PageReport,{meta}),refs:React.createElement(PageRefs,{meta,refreshMeta}),settings:React.createElement(PageSettings,{refreshMeta})};return React.createElement(\"div\",{className:\"h-screen flex flex-col\"},React.createElement(\"div\",{className:\"bg-slate-800 text-white flex items-center px-4 py-2 gap-4 shrink-0\"},React.createElement(\"div\",{className:\"font-bold\"},\"U.fin\"),React.createElement(\"div\",{className:\"ml-auto text-sm\"},React.createElement(\"span\",{className:\"text-slate-400\"},\"\\u041D\\u0430 \\u0441\\u0447\\u0435\\u0442\\u0430\\u0445:\"),\" \",React.createElement(\"b\",{className:\"text-amber-300\"},fmt(meta.total_balance))),React.createElement(\"button\",{className:\"text-slate-400 hover:text-white text-xs\",onClick:()=>{setPinLS(\"\"),setAuthed(!1)}},\"\\u0412\\u044B\\u0439\\u0442\\u0438\")),React.createElement(\"div\",{className:\"flex flex-1 min-h-0\"},React.createElement(\"div\",{className:\"w-24 bg-slate-900 text-slate-300 flex flex-col items-center py-3 gap-1 shrink-0 overflow-y-auto\"},NAV.map(([k,label,icon])=>React.createElement(\"button\",{key:k,onClick:()=>setPage(k),className:\"w-20 rounded-lg py-2 text-center hover:bg-slate-800 \"+(page===k?\"bg-slate-800 text-white\":\"\")},React.createElement(\"div\",{className:\"text-lg\"},icon),React.createElement(\"div\",{className:\"text-[10px] leading-tight\"},label)))),React.createElement(\"div\",{className:\"flex-1 overflow-y-auto bg-slate-100 min-w-0\"},pages[page])))}createRoot(document.getElementById(\"root\")).render(React.createElement(App,null));\n",[],[143,207],"20c1465d-5d6a-4c97-86b7-114af2c19c2b","2ba02cd3-9593-4dc3-a930-7ca2c0361271",["D",1787303401051],[],[143,219,32],"src","58f63761-fce2-4411-b399-3ecfc3c064de","pages_a.tsx","165e7c84-9d40-11f1-b1b5-1607ee4eb77e",15,["D",1787303400313],"// Страницы: Показатели, Операции (+импорт, +распределение)\nimport {\n React, useEffect, useState, api, fmt, fmt0, fmtShort, fmtDate, todayStr, thisYear,\n monLabel, flatCats, Modal, Field, TInput, TSelect, Check, Btn, IconBtn, PageTitle, YearSelect, Icons, C,\n} from \"./lib.tsx\";\n\n// ---------- Показатели ----------\nexport function PageIndicators({ meta }) {\n const [data, setData] = useState(null);\n const [year, setYear] = useState(thisYear());\n useEffect(() => { api(`/indicators?from=${year}-01-01&to=${year}-12-31`).then(setData); }, [year]);\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 const Card = ({ label, value, cls }) => (\n

{label}

{value}

\n );\n return (\n

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

Прибыль, ₽

\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// ---------- Операция: модалка ----------\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 // формат: дата; сумма (минус = выплата); контрагент; назначение\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",[],[143,219,221],"408bc4b1-3924-4f55-b532-56e1066fed2d","lib.tsx","15f35440-9d40-11f1-83f2-1607ee4eb77e",14,["D",1787303399682],"// 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",[],[143,219,229],"e96555d0-6e9a-4b53-bfad-00d39e89f144",["D",1787303399682],[161,162,163],[143,219],["D",1787239156729],[160,164,165,166,167,168],[143],["D",1787239139778],["D",1789499469860],{"_98":97,"_106":102},{"_98":97,"_99":100,"_101":102,"_18":53,"_103":104,"_105":24},{"_13":87,"_31":88,"_41":40,"_89":42,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":43,"_96":97},"ctx",{"_80":-5,"_126":281,"_282":283,"_284":285,"_286":24,"_287":24,"_288":24,"_289":57,"_290":-5,"_291":-7,"_292":-7,"_293":61,"_294":24,"_295":24,"_296":-5,"_297":24,"_298":24,"_299":24,"_300":-5},"ENV",{"_252":253,"_254":255,"_256":88,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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 · v16