U.fin — финансы агентства

\n \n\n\n",[],[56,83],"8e9aeb50-73da-4fc6-9f68-5871a4277ce7","app.part3.txt","9931b834-9d49-11f1-94c5-1607ee4eb77e",60,["D",1787312779439],4,"43D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442\\u043E\\u0432\"),e.createElement(\"span\",null,\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F: \",e.createElement(\"b\",null,O(g))),e.createElement(\"span\",null,\"\\u0412\\u044B\\u043F\\u043B\\u0430\\u0442\\u044B: \",e.createElement(\"b\",null,O(m))),e.createElement(\"span\",null,\"\\u0420\\u0430\\u0437\\u043D\\u0438\\u0446\\u0430: \",e.createElement(\"b\",{className:g-m>=0?\"text-emerald-600\":\"text-rose-500\"},g-m>=0?\"+\":\"\",O(g-m)))))}function _t({meta:s,onEdit:o,onDel:h}){let[i,t]=C(\"income\"),p=me(s.categories,i);return e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4 max-w-2xl\"},e.createElement(pe,{tabs:[[\"income\",\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B\"],[\"expense\",\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\"]],value:i,onChange:t}),e.createElement(\"div\",{className:\"mt-3\"}),p.map(g=>e.createElement(\"div\",{key:g.id,className:\"flex items-center justify-between py-1.5 border-b border-gray-50 text-sm\",style:{paddingLeft:g.depth*20}},e.createElement(\"span\",{className:g.depth===0?\"font-medium text-[#22313f]\":\"text-gray-600\"},g.name),e.createElement(\"span\",{className:\"whitespace-nowrap\"},e.createElement(H,{icon:D.edit,onClick:()=>o(g)}),e.createElement(H,{icon:D.trash,danger:!0,onClick:()=>h(g.id)})))))}function Ct({modal:s,meta:o,onClose:h,onSaved:i}){let{type:t,data:p,data0:g}=s,[m,l]=C(p||(t===\"accounts\"?{name:\"\",acc_type:\"\\u0411\\u0435\\u0437\\u043D\\u0430\\u043B\\u0438\\u0447\\u043D\\u044B\\u0439\",bank:\"\",number:\"\",grp:\"\",start_balance:\"\",start_date:V(),legal_entity_id:(o.legal_entities[0]||{}).id||\"\"}:t===\"contractors\"?{name:\"\",grp:\"\",inn:\"\",comment:\"\"}:t===\"legal-entities\"?{name:\"\",inn:\"\",comment:\"\"}:t===\"products\"?{name:\"\",ptype:(g||{}).ptype||\"service\",unit:\"\\u0448\\u0442\",price:\"\"}:{name:\"\",kind:\"income\",parent_id:\"\"})),a=(x,w)=>l(u=>({...u,[x]:w})),N=async()=>{if(!m.name)return alert(\"\\u0423\\u043A\\u0430\\u0436\\u0438\\u0442\\u0435 \\u043D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435\");let x=\"/\"+t+(m.id?\"/\"+m.id:\"\"),w=await B(x,m.id?\"PUT\":\"POST\",{...m,parent_id:m.parent_id?Number(m.parent_id):null,active:m.active!==0});if(w.error)return alert(w.error);i(),h()},c={accounts:\"\\u0421\\u0447\\u0451\\u0442\",contractors:\"\\u041A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442\",categories:\"\\u0423\\u0447\\u0451\\u0442\\u043D\\u0430\\u044F \\u0441\\u0442\\u0430\\u0442\\u044C\\u044F\",\"legal-entities\":\"\\u042E\\u0440\\u043B\\u0438\\u0446\\u043E\",products:m.ptype===\"product\"?\"\\u0422\\u043E\\u0432\\u0430\\u0440\":\"\\u0423\\u0441\\u043B\\u0443\\u0433\\u0430\"};return e.createElement(Q,{title:(m.id?\"\":\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C: \")+c[t],onClose:h},e.createElement(M,{label:\"\\u041D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435\"},e.createElement(P,{value:m.name,onChange:x=>a(\"name\",x.target.value)})),t===\"accounts\"&&e.createElement(\"div\",{className:\"grid grid-cols-2 gap-x-4\"},e.createElement(M,{label:\"\\u0422\\u0438\\u043F\"},e.createElement(L,{value:m.acc_type,onChange:x=>a(\"acc_type\",x.target.value)},[\"\\u0411\\u0435\\u0437\\u043D\\u0430\\u043B\\u0438\\u0447\\u043D\\u044B\\u0439\",\"\\u041D\\u0430\\u043B\\u0438\\u0447\\u043D\\u044B\\u0439\",\"\\u041A\\u0430\\u0440\\u0442\\u0430 \\u0444\\u0438\\u0437\\u043B\\u0438\\u0446\\u0430\",\"\\u042D\\u043B\\u0435\\u043A\\u0442\\u0440\\u043E\\u043D\\u043D\\u044B\\u0439\"].map(x=>e.createElement(\"option\",{key:x},x)))),e.createElement(M,{label:\"\\u042E\\u0440\\u043B\\u0438\\u0446\\u043E\"},e.createElement(L,{value:m.legal_entity_id||\"\",onChange:x=>a(\"legal_entity_id\",x.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u2014\"),(o.legal_entities||[]).map(x=>e.createElement(\"option\",{key:x.id,value:x.id},x.name)))),e.createElement(M,{label:\"\\u0413\\u0440\\u0443\\u043F\\u043F\\u0430\"},e.createElement(P,{value:m.grp,onChange:x=>a(\"grp\",x.target.value),placeholder:\"\\u041E\\u0441\\u043D\\u043E\\u0432\\u043D\\u043E\\u0439 \\u0441\\u0447\\u0435\\u0442 / \\u041D\\u0430\\u043B\\u043E\\u0433\\u043E\\u0432\\u044B\\u0439\\u2026\"})),e.createElement(M,{label:\"\\u0411\\u0430\\u043D\\u043A\"},e.createElement(P,{value:m.bank,onChange:x=>a(\"bank\",x.target.value)})),e.createElement(M,{label:\"\\u041D\\u043E\\u043C\\u0435\\u0440 \\u0441\\u0447\\u0451\\u0442\\u0430\"},e.createElement(P,{value:m.number,onChange:x=>a(\"number\",x.target.value)})),e.createElement(M,{label:\"\\u041D\\u0430\\u0447\\u0430\\u043B\\u044C\\u043D\\u044B\\u0439 \\u043E\\u0441\\u0442\\u0430\\u0442\\u043E\\u043A, \\u20BD\"},e.createElement(P,{type:\"number\",value:m.start_balance,onChange:x=>a(\"start_balance\",x.target.value)})),e.createElement(M,{label:\"\\u0414\\u0430\\u0442\\u0430 \\u043E\\u0441\\u0442\\u0430\\u0442\\u043A\\u0430\"},e.createElement(P,{type:\"date\",value:(m.start_date||\"\").slice(0,10),onChange:x=>a(\"start_date\",x.target.value)}))),t===\"contractors\"&&e.createElement(\"div\",{className:\"grid grid-cols-2 gap-x-4\"},e.createElement(M,{label:\"\\u0413\\u0440\\u0443\\u043F\\u043F\\u0430\"},e.createElement(L,{value:m.grp,onChange:x=>a(\"grp\",x.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u2014\"),[\"\\u0417\\u0430\\u0441\\u0442\\u0440\\u043E\\u0439\\u0449\\u0438\\u043A\",\"\\u0411\\u0440\\u043E\\u043A\\u0435\\u0440 (\\u0418\\u041F)\",\"\\u0411\\u0430\\u043D\\u043A\",\"\\u0421\\u043E\\u0442\\u0440\\u0443\\u0434\\u043D\\u0438\\u043A\",\"\\u041F\\u043E\\u043A\\u0443\\u043F\\u0430\\u0442\\u0435\\u043B\\u044C\",\"\\u041F\\u043E\\u0441\\u0442\\u0430\\u0432\\u0449\\u0438\\u043A\",\"\\u041F\\u0440\\u043E\\u0447\\u0435\\u0435\"].map(x=>e.createElement(\"option\",{key:x},x)))),e.createElement(M,{label:\"\\u0418\\u041D\\u041D\"},e.createElement(P,{value:m.inn,onChange:x=>a(\"inn\",x.target.value)})),e.createElement(M,{label:\"\\u041A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0439\"},e.createElement(P,{value:m.comment,onChange:x=>a(\"comment\",x.target.value)}))),t===\"legal-entities\"&&e.createElement(\"div\",{className:\"grid grid-cols-2 gap-x-4\"},e.createElement(M,{label:\"\\u0418\\u041D\\u041D\"},e.createElement(P,{value:m.inn,onChange:x=>a(\"inn\",x.target.value)})),e.createElement(M,{label:\"\\u041A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0439\"},e.createElement(P,{value:m.comment,onChange:x=>a(\"comment\",x.target.value)}))),t===\"products\"&&e.createElement(\"div\",{className:\"grid grid-cols-3 gap-x-4\"},e.createElement(M,{label:\"\\u0422\\u0438\\u043F\"},e.createElement(L,{value:m.ptype,onChange:x=>a(\"ptype\",x.target.value)},e.createElement(\"option\",{value:\"service\"},\"\\u0423\\u0441\\u043B\\u0443\\u0433\\u0430\"),e.createElement(\"option\",{value:\"product\"},\"\\u0422\\u043E\\u0432\\u0430\\u0440\"))),e.createElement(M,{label:\"\\u0415\\u0434\\u0438\\u043D\\u0438\\u0446\\u0430\"},e.createElement(P,{value:m.unit,onChange:x=>a(\"unit\",x.target.value)})),e.createElement(M,{label:\"\\u0426\\u0435\\u043D\\u0430, \\u20BD\"},e.createElement(P,{type:\"number\",value:m.price,onChange:x=>a(\"price\",x.target.value)}))),t===\"categories\"&&e.createElement(\"div\",{className:\"grid grid-cols-2 gap-x-4\"},e.createElement(M,{label:\"\\u0420\\u0430\\u0437\\u0434\\u0435\\u043B\"},e.createElement(L,{value:m.kind,onChange:x=>a(\"kind\",x.target.value),disabled:!!m.id},e.createElement(\"option\",{value:\"income\"},\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B\"),e.createElement(\"option\",{value:\"expense\"},\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\"))),e.createElement(M,{label:\"\\u0420\\u043E\\u0434\\u0438\\u0442\\u0435\\u043B\\u044C\\u0441\\u043A\\u0430\\u044F \\u0441\\u0442\\u0430\\u0442\\u044C\\u044F\"},e.createElement(L,{value:m.parent_id||\"\",onChange:x=>a(\"parent_id\",x.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u2014 (\\u043A\\u043E\\u0440\\u043D\\u0435\\u0432\\u0430\\u044F)\"),me(o.categories,m.kind).filter(x=>x.id!==m.id).map(x=>e.createElement(\"option\",{key:x.id,value:x.id},\" \".repeat(x.depth*3)+x.name))))),e.createElement(\"div\",{className:\"flex justify-end gap-2 mt-2\"},e.createElement(I,{kind:\"ghost\",onClick:h},\"\\u041E\\u0442\\u043C\\u0435\\u043D\\u0430\"),e.createElement(I,{onClick:N},\"\\u0421\\u043E\\u0445\\u0440\\u0430\\u043D\\u0438\\u0442\\u044C\")))}function lt({meta:s,refreshMeta:o}){let[h,i]=C(\"\"),[t,p]=C(\"\"),[g,m]=C(s&&s.company_name||\"\"),[l,a]=C(\"\"),N=async()=>{await B(\"/settings/company\",\"POST\",{name:g}),a(\"\\u041D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435 \\u043A\\u043E\\u043C\\u043F\\u0430\\u043D\\u0438\\u0438 \\u0441\\u043E\\u0445\\u0440\\u0430\\u043D\\u0435\\u043D\\u043E\"),o()},c=async()=>{let w=await B(\"/settings/pin\",\"POST\",{oldPin:h,newPin:t});a(w.ok?\"PIN \\u0438\\u0437\\u043C\\u0435\\u043D\\u0451\\u043D\":w.error||\"\\u041E\\u0448\\u0438\\u0431\\u043A\\u0430\"),w.ok&&(he(t),i(\"\"),p(\"\"))},x=async w=>{w===\"clear\"&&!window.confirm(\"\\u0423\\u0434\\u0430\\u043B\\u0438\\u0442\\u044C \\u0412\\u0421\\u0415 \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0438 \\u0438 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438?\")||(await B(\"/demo\",\"POST\",{action:w}),a(w===\"clear\"?\"\\u041E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0438 \\u0438 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438 \\u043E\\u0447\\u0438\\u0449\\u0435\\u043D\\u044B\":\"\\u0414\\u0435\\u043C\\u043E-\\u0434\\u0430\\u043D\\u043D\\u044B\\u0435 \\u0437\\u0430\\u0433\\u0440\\u0443\\u0436\\u0435\\u043D\\u044B\"),o())};return e.createElement(\"div\",{className:\"p-6 max-w-md\"},e.createElement(le,null,\"\\u041D\\u0430\\u0441\\u0442\\u0440\\u043E\\u0439\\u043A\\u0438\"),e.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm mb-4\"},e.createElement(\"div\",{className:\"text-sm font-semibold text-[#22313f] mb-2\"},\"\\u041E\\u0431\\u0449\\u0438\\u0435 \\u043D\\u0430\\u0441\\u0442\\u0440\\u043E\\u0439\\u043A\\u0438\"),e.createElement(M,{label:\"\\u041D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435 \\u043A\\u043E\\u043C\\u043F\\u0430\\u043D\\u0438\\u0438\"},e.createElement(P,{value:g,onChange:w=>m(w.target.value)})),e.createElement(I,{onClick:N},\"\\u0421\\u043E\\u0445\\u0440\\u0430\\u043D\\u0438\\u0442\\u044C\")),e.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm mb-4\"},e.createElement(\"div\",{className:\"text-sm font-semibold text-[#22313f] mb-2\"},\"\\u0421\\u043C\\u0435\\u043D\\u0438\\u0442\\u044C PIN-\\u043A\\u043E\\u0434\"),e.createElement(M,{label:\"\\u0422\\u0435\\u043A\\u0443\\u0449\\u0438\\u0439 PIN\"},e.createElement(P,{type:\"password\",value:h,onChange:w=>i(w.target.value)})),e.createElement(M,{label:\"\\u041D\\u043E\\u0432\\u044B\\u0439 PIN (4\\u20138 \\u0446\\u0438\\u0444\\u0440)\"},e.createElement(P,{type:\"password\",value:t,onChange:w=>p(w.target.value)})),e.createElement(I,{onClick:c},\"\\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(I,{kind:\"ghost\",onClick:()=>x(\"load\")},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u0438\\u0442\\u044C \\u0434\\u0435\\u043C\\u043E-\\u0434\\u0430\\u043D\\u043D\\u044B\\u0435\"),e.createElement(I,{kind:\"danger\",onClick:()=>x(\"clear\")},\"\\u041E\\u0447\\u0438\\u0441\\u0442\\u0438\\u0442\\u044C \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0438 \\u0438 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438\"))),l&&e.createElement(\"div\",{className:\"text-sm text-[#2aa3af]\"},l),e.createElement(\"a\",{href:\"/source\",className:\"text-xs text-gray-300 hover:text-gray-400\"},\"view source\"))}function nt({onOk:s}){let[o,h]=C(\"\"),[i,t]=C(\"\");return e.createElement(\"div\",{className:\"min-h-screen flex items-center justify-center\",style:{background:\"#22313f\"}},e.createElement(\"form\",{onSubmit:async g=>{g.preventDefault(),(await B(\"/login\",\"POST\",{pin:o})).ok?(he(o),s()):t(\"\\u041D\\u0435\\u0432\\u0435\\u0440\\u043D\\u044B\\u0439 PIN\")},className:\"bg-white rounded-xl shadow-xl p-8 w-80 text-center\"},e.createElement(\"div\",{className:\"w-12 h-12 rounded-lg mx-auto mb-3 flex items-center justify-center text-white font-bold text-lg\",style:{background:\"#2aa3af\"}},\"Uf\"),e.createElement(\"div\",{className:\"font-bold text-lg text-[#22313f]\"},\"U.fin\"),e.createElement(\"div\",{className:\"text-xs text-gray-400 mb-5\"},\"\\u0424\\u0438\\u043D\\u0430\\u043D\\u0441\\u044B \\u0430\\u0433\\u0435\\u043D\\u0442\\u0441\\u0442\\u0432\\u0430 \\u043D\\u0435\\u0434\\u0432\\u0438\\u0436\\u0438\\u043C\\u043E\\u0441\\u0442\\u0438\"),e.createElement(P,{type:\"password\",placeholder:\"PIN-\\u043A\\u043E\\u0434\",value:o,onChange:g=>h(g.target.value),className:\"text-center mb-3\"}),i&&e.createElement(\"div\",{className:\"text-rose-500 text-xs mb-2\"},i),e.createElement(\"button\",{className:\"w-full text-white rounded py-2 text-sm font-medium\",style:{background:\"#2aa3af\"}},\"\\u0412\\u043E\\u0439\\u0442\\u0438\")))}var St=[{key:\"indicators\",label:\"\\u041F\\u043E\\u043A\\u0430\\u0437\\u0430\\u0442\\u0435\\u043B\\u0438\",icon:D.chart,children:[[\"indicators\",\"\\u041F\\u043E\\u043A\\u0430\\u0437\\u0430\\u0442\\u0435\\u043B\\u0438\"],[\"pro\",\"\\u041F\\u043E\\u043A\\u0430\\u0437\\u0430\\u0442\\u0435\\u043B\\u0438 PRO\"]]},{key:\"ops\",label:\"\\u041E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0438\",icon:D.ops},{key:\"deals_sale\",label:\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0438\",icon:D.deals,children:[[\"deals_sale\",\"\\u041F\\u0440\\u043E\\u0434\\u0430\\u0436\\u0438\"],[\"deals_purchase\",\"\\u0417\\u0430\\u043A\\u0443\\u043F\\u043A\\u0438\"],[\"invoices\",\"\\u0412\\u044B\\u0441\\u0442\\u0430\\u0432\\u043B\\u0435\\u043D\\u043D\\u044B\\u0435 \\u0441\\u0447\\u0435\\u0442\\u0430\"]]},{key:\"plan_cal\",label:\"\\u041F\\u043B\\u0430\\u043D\",icon:D.plan,children:[[\"plan_cal\",\"\\u041F\\u043B\\u0430\\u0442\\u0451\\u0436\\u043D\\u044B\\u0439 \\u043A\\u0430\\u043B\\u0435\\u043D\\u0434\\u0430\\u0440\\u044C\"],[\"plan_bdr\",\"\\u0411\\u044E\\u0434\\u0436\\u0435\\u0442 \\u0434\\u043E\\u0445\\u043E\\u0434\\u043E\\u0432 \\u0438 \\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\\u043E\\u0432\"],[\"plan_bdds\",\"\\u0411\\u044E\\u0434\\u0436\\u0435\\u0442 \\u0434\\u0432\\u0438\\u0436\\u0435\\u043D\\u0438\\u044F \\u0434\\u0435\\u043D\\u0435\\u0433\"]]},{key:\"projects\",label:\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\\u044B\",icon:D.projects},{key:\"report_dds\",label:\"\\u041E\\u0442\\u0447\\u0451\\u0442\\u044B\",icon:D.reports,children:[[\"report_dds\",\"\\u0414\\u0414\\u0421\"],[\"report_pl\",\"\\u041E\\u041F\\u0438\\u0423\"],[\"report_bal\",\"\\u0411\\u0430\\u043B\\u0430\\u043D\\u0441\"]]},{key:\"refs_contractors\",label:\"\\u0421\\u043F\\u0440\\u0430\\u0432\\u043E\\u0447\\u043D\\u0438\\u043A\\u0438\",icon:D.refs,children:[[\"refs_contractors\",\"\\u041A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442\\u044B\"],[\"refs_categories\",\"\\u0423\\u0447\\u0451\\u0442\\u043D\\u044B\\u0435 \\u0441\\u0442\\u0430\\u0442\\u044C\\u0438\"],[\"refs_accounts\",\"\\u041C\\u043E\\u0438 \\u0441\\u0447\\u0435\\u0442\\u0430\"],[\"refs_les\",\"\\u041C\\u043E\\u0438 \\u044E\\u0440\\u043B\\u0438\\u0446\\u0430\"],[\"refs_products\",\"\\u0422\\u043E\\u0432\\u0430\\u0440\\u044B\"],[\"refs_services\",\"\\u0423\\u0441\\u043B\\u0443\\u0433\\u0438\"]]},{key:\"settings\",label:\"\\u041D\\u0430\\u0441\\u0442\\u0440\\u043E\\u0439\\u043A\\u0438\",icon:D.settings}];function Tt({item:s,page:o,go:h}){let i=(s.children||[]).map(([g])=>g),t=o===s.key||i.includes(o),p=s.icon;return e.createElement(\"div\",{className:\"relative group w-full flex justify-center\"},e.createElement(\"button\",{onClick:()=>h(s.key),className:\"w-[68px] rounded-md py-2 text-center transition-colors\",style:t?{background:\"rgba(255,255,255,0.08)\",color:\"#fff\",boxShadow:`inset 3px 0 0 ${de.teal}`}:{color:\"#8b9bab\"}},e.createElement(\"div\",{className:\"flex justify-center\"},e.createElement(p,{size:20})),e.createElement(\"div\",{className:\"text-[10px] leading-tight mt-0.5\"},s.label)),s.children&&e.createElement(\"div\",{className:\"absolute left-full top-0 z-40 hidden group-hover:block\"},e.createElement(\"div\",{className:\"ml-1 rounded-md shadow-xl py-2 min-w-[230px]\",style:{background:de.dark}},s.children.map(([g,m])=>e.createElement(\"button\",{key:g,onClick:()=>h(g),className:\"block w-full text-left px-4 py-2 text-[13px] transition-colors\",style:o===g?{color:\"#fff\",background:\"rgba(255,255,255,0.07)\"}:{color:\"#aebbc9\"},onMouseEnter:l=>{l.currentTarget.style.color=\"#4dd0da\"},onMouseLeave:l=>{l.currentTarget.style.color=o===g?\"#fff\":\"#aebbc9\"}},m)))))}function Ft({spark:s}){if(!s||s.length<2)return null;let o=Math.min(...s.map(m=>m.b)),h=Math.max(...s.map(m=>m.b)),i=120,t=28,p=m=>m/(s.length-1)*i,g=m=>t-(m-o)/(h-o||1)*(t-6)-3;return e.createElement(\"svg\",{width:i,height:t,className:\"hidden md:block\"},e.createElement(\"polyline\",{fill:\"none\",stroke:\"#4ade80\",strokeWidth:\"1.5\",points:s.map((m,l)=>`${p(l)},${g(m.b)}`).join(\" \")}))}function Bt(){let[s,o]=C(!!Ie()),[h,i]=C(\"indicators\"),[t,p]=C(null);Ve(()=>{he(\"\"),o(!1)});let g=()=>B(\"/meta\").then(p).catch(()=>{});if(W(()=>{s&&g()},[s]),!s)return e.createElement(nt,{onOk:()=>o(!0)});if(!t)return e.createElement(\"div\",{className:\"min-h-screen flex items-center justify-center text-gray-400\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");let m={indicators:e.createElement(Qe,{meta:t}),pro:e.createElement(Xe,{meta:t}),ops:e.createElement(Ze,{meta:t,refreshMeta:g}),deals_sale:e.createElement(ze,{key:\"sale\",kind:\"sale\",meta:t,refreshMeta:g}),deals_purchase:e.createElement(ze,{key:\"purchase\",kind:\"purchase\",meta:t,refreshMeta:g}),invoices:e.createElement(et,{meta:t}),plan_cal:e.createElement(Se,{key:\"cal\",tab:\"cal\",meta:t}),plan_bdr:e.createElement(Se,{key:\"bdr\",tab:\"bdr\",meta:t}),plan_bdds:e.createElement(Se,{key:\"bdds\",tab:\"bdds\",meta:t}),projects:e.createElement(tt,{refreshMeta:g}),report_dds:e.createElement(Te,{key:\"dds\",tab:\"dds\",meta:t}),report_pl:e.createElement(Te,{key:\"pl\",tab:\"pl\",meta:t}),report_bal:e.createElement(Te,{key:\"bal\",tab:\"bal\",meta:t}),refs_contractors:e.createElement(ue,{key:\"contractors\",tab:\"contractors\",meta:t,refreshMeta:g}),refs_categories:e.createElement(ue,{key:\"categories\",tab:\"categories\",meta:t,refreshMeta:g}),refs_accounts:e.createElement(ue,{key:\"accounts\",tab:\"accounts\",meta:t,refreshMeta:g}),refs_les:e.createElement(ue,{key:\"les\",tab:\"les\",meta:t,refreshMeta:g}),refs_products:e.createElement(ue,{key:\"products\",tab:\"products\",meta:t,refreshMeta:g}),refs_services:e.createElement(ue,{key:\"services\",tab:\"services\",meta:t,refreshMeta:g}),settings:e.createElement(lt,{meta:t,refreshMeta:g})};return e.createElement(\"div\",{className:\"h-screen flex flex-col\"},e.createElement(\"div\",{className:\"text-white flex items-center px-4 py-2 gap-4 shrink-0 relative z-50\",style:{background:de.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:de.teal}},\"Uf\"),e.createElement(\"div\",{className:\"font-bold hidden sm:block\"},\"Unlock\")),e.createElement(\"div\",{className:\"ml-auto flex items-center gap-4\"},e.createElement(\"div\",{className:\"relative group\"},e.createElement(\"div\",{className:\"text-right leading-tight cursor-pointer select-none\"},e.createElement(\"div\",{className:\"text-sm whitespace-nowrap\"},e.createElement(\"span\",{className:\"text-slate-400\"},\"\\u041D\\u0430 \\u0441\\u0447\\u0435\\u0442\\u0430\\u0445\"),\" \",e.createElement(\"b\",{style:{color:\"#ffd35c\"}},O(t.total_balance)),\" \",e.createElement(\"span\",{className:\"text-slate-500 text-xs\"},\"\\u25BE\")),t.gap&&e.createElement(\"div\",{className:\"text-[11px] whitespace-nowrap\",style:{color:\"#ffb04c\"}},\"\\u0420\\u0430\\u0437\\u0440\\u044B\\u0432 \\u0441 \",q(t.gap.from),\" \\u043F\\u043E \",q(t.gap.to))),e.createElement(\"div\",{className:\"absolute right-0 top-full z-50 hidden group-hover:block\"},e.createElement(\"div\",{className:\"mt-1 rounded-md shadow-xl py-2 px-4 min-w-[280px] text-sm\",style:{background:de.dark}},t.accounts.filter(l=>l.active).map(l=>e.createElement(\"div\",{key:l.id,className:\"flex justify-between gap-6 py-1 border-b border-white/5 last:border-0\"},e.createElement(\"span\",{className:\"text-slate-300 truncate\"},l.name),e.createElement(\"span\",{className:\"whitespace-nowrap\",style:{color:l.balance<0?\"#ff8a8a\":\"#fff\"}},A(l.balance)))),e.createElement(\"div\",{className:\"flex justify-between gap-6 pt-2 font-bold\"},e.createElement(\"span\",{className:\"text-slate-200\"},\"\\u0418\\u0442\\u043E\\u0433\\u043E\"),e.createElement(\"span\",{style:{color:\"#ffd35c\"}},O(t.total_balance)))))),e.createElement(Ft,{spark:t.spark}),e.createElement(\"button\",{className:\"text-slate-400 hover:text-white text-xs\",onClick:()=>{he(\"\"),o(!1)}},\"\\u0412\\u044B\\u0439\\u0442\\u0438\"))),e.createElement(\"div\",{className:\"flex flex-1 min-h-0\"},e.createElement(\"div\",{className:\"w-[76px] flex flex-col items-center py-2 gap-0.5 shrink-0\",style:{background:de.darker,overflow:\"visible\"}},St.map(l=>e.createElement(Tt,{key:l.key,item:l,page:h,go:i}))),e.createElement(\"div\",{className:\"flex-1 overflow-y-auto min-w-0\",style:{background:\"#eef1f4\"}},m[h])))}Mt(document.getElementById(\"root\")).render(e.createElement(Bt,null));\n",[],[56,91],["D",1787312778854],[],[56,35],"62bd9520-3f51-4ba8-9296-386d23aff792","app.part1.txt","14f5557a-9d40-11f1-a464-1607ee4eb77e",58,["D",1787312778130],"import{createRoot as Mt}from\"https://esm.sh/react-dom@18.2.0/client\";import e,{useEffect as W,useMemo as jt,useState as C}from\"https://esm.sh/react@18.2.0\";var Ee=\"ufin_pin\",Ie=()=>{try{return localStorage.getItem(Ee)||\"\"}catch{return\"\"}},he=s=>{try{s?localStorage.setItem(Ee,s):localStorage.removeItem(Ee)}catch{}},qe=()=>{},Ve=s=>{qe=s};async function B(s,o=\"GET\",h){let i=await fetch(\"/api\"+s,{method:o,headers:{\"content-type\":\"application/json\",\"x-pin\":Ie()},body:h===void 0?void 0:JSON.stringify(h)});if(i.status===401&&s!==\"/login\")throw qe(),new Error(\"unauthorized\");return i.json()}var O=s=>new Intl.NumberFormat(\"ru-RU\",{maximumFractionDigits:2}).format(s||0)+\" \\u20BD\",A=s=>new Intl.NumberFormat(\"ru-RU\",{maximumFractionDigits:0}).format(s||0)+\" \\u20BD\";var $e=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))),V=()=>new Date().toISOString().slice(0,10),R=()=>V().slice(0,4),q=s=>s?s.slice(0,10).split(\"-\").reverse().join(\".\"):\"\\u2014\",dt=[\"\\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\"],se=s=>{let[o,h]=s.split(\"-\");return dt[Number(h)-1].slice(0,3).toLowerCase()+\" '\"+o.slice(2)},xe=s=>Array.from({length:12},(o,h)=>`${s}-${String(h+1).padStart(2,\"0\")}`),ie={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\"}},de={dark:\"#22313f\",darker:\"#1b2735\",teal:\"#2aa3af\",tealD:\"#238e99\",green:\"#27ae60\",red:\"#e74c3c\",amber:\"#f2c94c\"};function me(s,o){let h={};for(let p of s.filter(g=>g.kind===o)){let g=p.parent_id||0;(h[g]=h[g]||[]).push(p)}let i=[],t=(p,g)=>{for(let m of h[p]||[])i.push({...m,depth:g}),t(m.id,g+1)};return t(0,0),i}function be(s,o){let h={};for(let t of s)h[t.id]=t;let i=h[o];for(;i&&i.parent_id;)i=h[i.parent_id];return i||null}var J=(s,o=null)=>h=>e.createElement(\"svg\",{viewBox:\"0 0 24 24\",width:h.size||20,height:h.size||20,fill:\"none\",stroke:\"currentColor\",strokeWidth:\"1.8\",strokeLinecap:\"round\",strokeLinejoin:\"round\"},e.createElement(\"path\",{d:s}),o),D={chart:J(\"M4 20V10 M10 20V4 M16 20v-7 M22 20H2\"),ops:J(\"M4 7h13l-3-3 M20 17H7l3 3\"),deals:J(\"M3 8h18v12H3z M8 8V5a2 2 0 012-2h4a2 2 0 012 2v3 M3 13h18\"),plan:J(\"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:J(\"M3 6a1 1 0 011-1h5l2 2h9a1 1 0 011 1v11a1 1 0 01-1 1H4a1 1 0 01-1-1V6z\"),reports:J(\"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:J(\"M4 4h5a2 2 0 012 2v14H6a2 2 0 01-2-2V4z M20 4h-5a2 2 0 00-2 2v14h5a2 2 0 002-2V4z\"),settings:J(\"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:J(\"M20 12H4 M10 6l-6 6 6 6\"),arrowOut:J(\"M4 12h16 M14 6l6 6-6 6\"),swap:J(\"M4 7h13l-3-3 M20 17H7l3 3\"),x:J(\"M6 6l12 12 M18 6L6 18\"),edit:J(\"M4 20h4L19 9l-4-4L4 16v4z\"),trash:J(\"M4 7h16 M9 7V5a1 1 0 011-1h4a1 1 0 011 1v2 M6 7l1 13h10l1-13 M10 11v5 M14 11v5\"),plus:J(\"M12 5v14 M5 12h14\")};function Q({title:s,onClose:o,children:h,wide:i}){return e.createElement(\"div\",{className:\"fixed inset-0 bg-black/40 flex items-start justify-center z-50 overflow-y-auto py-10\",onClick:o},e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-xl w-full \"+(i?\"max-w-3xl\":\"max-w-lg\"),onClick:t=>t.stopPropagation()},e.createElement(\"div\",{className:\"flex items-center justify-between px-5 py-3 border-b border-gray-100\"},e.createElement(\"div\",{className:\"font-semibold text-gray-800\"},s),e.createElement(\"button\",{className:\"text-gray-400 hover:text-gray-600 text-xl leading-none\",onClick:o},\"\\xD7\")),e.createElement(\"div\",{className:\"p-5\"},h)))}function M({label:s,children:o}){return e.createElement(\"label\",{className:\"block mb-3\"},e.createElement(\"div\",{className:\"text-xs text-gray-500 mb-1\"},s),o)}var Ye=\"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:Ye+\" \"+(s.className||\"\")})}function L(s){return e.createElement(\"select\",{...s,className:Ye+\" bg-white \"+(s.className||\"\")})}function G({label:s,checked:o,onChange:h}){return e.createElement(\"label\",{className:\"flex items-center gap-2 text-sm text-gray-700 py-0.5 cursor-pointer select-none\"},e.createElement(\"input\",{type:\"checkbox\",checked:o,onChange:i=>h(i.target.checked),className:\"accent-[#2aa3af]\"}),s)}function I({children:s,onClick:o,kind:h=\"primary\",small:i,type:t}){let p=(i?\"px-3 py-1.5 text-xs\":\"px-4 py-2 text-sm\")+\" rounded font-medium transition-colors \";return e.createElement(\"button\",{type:t||\"button\",onClick:o,className:p+(h===\"primary\"?\"text-white bg-[#2aa3af] hover:bg-[#238e99]\":h===\"dark\"?\"text-white bg-[#22313f] hover:bg-[#1b2735]\":h===\"danger\"?\"bg-rose-50 text-rose-600 hover:bg-rose-100\":\"bg-white border border-gray-200 text-gray-700 hover:bg-gray-50\")},s)}function H({icon:s,onClick:o,danger:h,title:i}){return e.createElement(\"button\",{title:i,onClick:o,className:\"p-1 rounded text-gray-300 \"+(h?\"hover:text-rose-500\":\"hover:text-gray-500\")},e.createElement(s,{size:15}))}function le({children:s,right:o}){return e.createElement(\"div\",{className:\"flex items-center gap-3 mb-4 flex-wrap\"},e.createElement(\"h1\",{className:\"text-[22px] font-bold text-[#22313f]\"},s),o)}function pe({tabs:s,value:o,onChange:h}){return e.createElement(\"div\",{className:\"inline-flex border border-gray-200 rounded overflow-hidden bg-white\"},s.map(([i,t])=>e.createElement(\"button\",{key:i,onClick:()=>h(i),className:\"px-4 py-1.5 text-sm border-r border-gray-200 last:border-0 \"+(o===i?\"text-[#2aa3af] font-semibold bg-teal-50/40\":\"text-gray-600 hover:bg-gray-50\")},t)))}function ke({value:s,onChange:o}){return e.createElement(L,{value:s,onChange:h=>o(h.target.value),className:\"!w-28\"},[0,1,2].map(h=>{let i=String(Number(R())-h);return e.createElement(\"option\",{key:i,value:i},i)}))}var $={blue:\"#4FC3F7\",orange:\"#FFB74D\",green:\"#43A047\",purple:\"#AB47BC\",areaFill:\"#C8E6C9\",grid:\"#eceff1\",axis:\"#90a4ae\"};function _e({data:s,bars:o,lines:h,height:i=260,labelKey:t=\"label\"}){let p=Math.max(680,s.length*110),g=i,m=56,l=34,a=12,N=s.flatMap(d=>[...o.map(k=>Number(d[k.key]||0)),...h.map(k=>Number(d[k.key]||0))]),c=Math.max(1,...N),x=Math.min(0,...N),w=c-x||1,u=d=>a+(g-l-a)*(1-(d-x)/w),n=Math.min(34,(p-m)/Math.max(1,s.length)/(o.length+1.2)),r=d=>m+(p-m)/Math.max(1,s.length)*(d+.5),f=[];for(let d=0;d<=4;d++)f.push(x+w*d/4);return e.createElement(\"svg\",{viewBox:`0 0 ${p} ${g}`,className:\"w-full\",style:{maxHeight:g}},f.map((d,k)=>e.createElement(\"g\",{key:k},e.createElement(\"line\",{x1:m,x2:p-4,y1:u(d),y2:u(d),stroke:$.grid}),e.createElement(\"text\",{x:m-6,y:u(d)+3,textAnchor:\"end\",fontSize:\"10\",fill:$.axis},$e(d)))),s.map((d,k)=>e.createElement(\"g\",{key:k},o.map((T,j)=>{if(d[T.key]===null||d[T.key]===void 0)return null;let S=Number(d[T.key]||0);if(!S)return null;let v=r(k)-o.length*n/2+j*n;return e.createElement(\"rect\",{key:T.key,x:v,y:Math.min(u(0),u(S)),width:n-2,height:Math.abs(u(S)-u(0))||1,fill:T.color,rx:\"1.5\"})}),e.createElement(\"text\",{x:r(k),y:g-l+16,textAnchor:\"middle\",fontSize:\"11\",fill:$.axis},d[t]))),h.map(d=>{let k=s.map((T,j)=>({i:j,v:T[d.key]})).filter(T=>T.v!==null&&T.v!==void 0);return e.createElement(\"g\",{key:d.key},e.createElement(\"polyline\",{fill:\"none\",stroke:d.color,strokeWidth:\"2\",points:k.map(T=>`${r(T.i)},${u(Number(T.v))}`).join(\" \")}),k.map(T=>e.createElement(\"circle\",{key:T.i,cx:r(T.i),cy:u(Number(T.v)),r:\"3\",fill:d.color})))}))}function ne({items:s}){return e.createElement(\"div\",{className:\"flex gap-5 text-xs text-gray-600 mt-1 flex-wrap justify-center\"},s.map(([o,h,i])=>e.createElement(\"span\",{key:o,className:\"flex items-center gap-1.5\"},i?e.createElement(\"span\",{className:\"inline-block w-4 h-0.5 rounded\",style:{background:h}}):e.createElement(\"span\",{className:\"inline-block w-3 h-3 rounded-sm\",style:{background:h}}),o)))}function De({points:s,height:o=240}){let i=o,t=64,p=26,g=8;if(!s.length)return e.createElement(\"div\",{className:\"text-gray-400 text-sm py-8 text-center\"},\"\\u041D\\u0435\\u0442 \\u0434\\u0430\\u043D\\u043D\\u044B\\u0445\");let m=s.map(r=>r.b),l=Math.max(...m,1),a=Math.min(...m,0),N=l-a||1,c=r=>t+(900-t-8)*r/Math.max(1,s.length-1),x=r=>g+(i-p-g)*(1-(r-a)/N),w=[];for(let r=0;r<=4;r++)w.push(a+N*r/4);let u=s.map((r,f)=>`${c(f)},${x(r.b)}`).join(\" \"),n=Math.max(1,Math.floor(s.length/8));return e.createElement(\"svg\",{viewBox:`0 0 900 ${i}`,className:\"w-full\",style:{maxHeight:i}},w.map((r,f)=>e.createElement(\"g\",{key:f},e.createElement(\"line\",{x1:t,x2:896,y1:x(r),y2:x(r),stroke:$.grid}),e.createElement(\"text\",{x:t-6,y:x(r)+3,textAnchor:\"end\",fontSize:\"10\",fill:$.axis},$e(r)))),e.createElement(\"polygon\",{points:`${c(0)},${x(Math.max(a,0))} ${u} ${c(s.length-1)},${x(Math.max(a,0))}`,fill:$.areaFill,opacity:\"0.7\"}),e.createElement(\"polyline\",{fill:\"none\",stroke:$.green,strokeWidth:\"2\",points:u}),s.map((r,f)=>f%n===0?e.createElement(\"text\",{key:f,x:c(f),y:i-p+15,textAnchor:\"middle\",fontSize:\"9.5\",fill:$.axis},q(r.d).slice(0,5)):null))}var re=[\"#42A5F5\",\"#1E4B8F\",\"#2C6BC9\",\"#7EC8F5\",\"#0D2F63\",\"#5B9BD5\",\"#9AD1F5\",\"#3F7FBF\"];function Je({parts:s,size:o=190}){let h=s.reduce((m,l)=>m+l.value,0)||1,i=o/2,t=i*.55,p=-Math.PI/2,g=s.map((m,l)=>{let a=p+Math.min(.99985,m.value/h)*Math.PI*2,N=a-p>Math.PI?1:0,c=`M ${i+i*Math.cos(p)} ${i+i*Math.sin(p)} A ${i} ${i} 0 ${N} 1 ${i+i*Math.cos(a)} ${i+i*Math.sin(a)} L ${i+t*Math.cos(a)} ${i+t*Math.sin(a)} A ${t} ${t} 0 ${N} 0 ${i+t*Math.cos(p)} ${i+t*Math.sin(p)} Z`;return p=a,e.createElement(\"path\",{key:l,d:c,fill:m.color||re[l%re.length],stroke:\"#fff\",strokeWidth:\"1\"})});return e.createElement(\"svg\",{width:o,height:o,viewBox:`0 0 ${o} ${o}`},g)}function Le({rows:s,height:o=300,threshold:h=.8,showLine:i=!0,barColor:t=null}){let p=Math.max(700,s.length*64),g=o,m=56,l=90,a=10,N=44;if(!s.length)return e.createElement(\"div\",{className:\"text-gray-400 text-sm py-8 text-center\"},\"\\u041D\\u0435\\u0442 \\u0434\\u0430\\u043D\\u043D\\u044B\\u0445\");let c=s.reduce((k,T)=>k+T.value,0)||1,x=Math.max(...s.map(k=>k.value),1),w=k=>a+(g-l-a)*(1-k/x),u=k=>a+(g-l-a)*(1-k),n=k=>m+(p-m-N)/s.length*(k+.5),r=Math.min(36,(p-m-N)/s.length-10),f=0,d=s.map(k=>(f+=k.value)/c);return e.createElement(\"svg\",{viewBox:`0 0 ${p} ${g}`,className:\"w-full\",style:{maxHeight:g}},[0,.25,.5,.75,1].map((k,T)=>e.createElement(\"g\",{key:T},e.createElement(\"line\",{x1:m,x2:p-N,y1:u(k),y2:u(k),stroke:$.grid}),e.createElement(\"text\",{x:p-N+4,y:u(k)+3,fontSize:\"10\",fill:$.axis},Math.round(k*100),\"%\"),e.createElement(\"text\",{x:m-6,y:u(k)+3,textAnchor:\"end\",fontSize:\"10\",fill:$.axis},$e(x*k)))),s.map((k,T)=>e.createElement(\"g\",{key:T},e.createElement(\"rect\",{x:n(T)-r/2,y:w(Math.max(0,k.value)),width:r,height:Math.abs(g-l-w(Math.max(0,k.value)))||1,fill:t||(d[T]-k.value/c26?k.name.slice(0,25)+\"\\u2026\":k.name))),i&&e.createElement(\"polyline\",{fill:\"none\",stroke:\"#3949AB\",strokeWidth:\"2\",points:s.map((k,T)=>`${n(T)},${u(d[T])}`).join(\" \")}),i&&s.map((k,T)=>e.createElement(\"circle\",{key:T,cx:n(T),cy:u(d[T]),r:\"3\",fill:\"#fff\",stroke:\"#3949AB\",strokeWidth:\"1.5\"})))}var mt=[\"\\u044F\\u043D\\u0432\\u0430\\u0440\\u044F\",\"\\u0444\\u0435\\u0432\\u0440\\u0430\\u043B\\u044F\",\"\\u043C\\u0430\\u0440\\u0442\\u0430\",\"\\u0430\\u043F\\u0440\\u0435\\u043B\\u044F\",\"\\u043C\\u0430\\u044F\",\"\\u0438\\u044E\\u043D\\u044F\",\"\\u0438\\u044E\\u043B\\u044F\",\"\\u0430\\u0432\\u0433\\u0443\\u0441\\u0442\\u0430\",\"\\u0441\\u0435\\u043D\\u0442\\u044F\\u0431\\u0440\\u044F\",\"\\u043E\\u043A\\u0442\\u044F\\u0431\\u0440\\u044F\",\"\\u043D\\u043E\\u044F\\u0431\\u0440\\u044F\",\"\\u0434\\u0435\\u043A\\u0430\\u0431\\u0440\\u044F\"],pt=[\"\\u0432\\u043E\\u0441\\u043A\\u0440\\u0435\\u0441\\u0435\\u043D\\u044C\\u0435\",\"\\u043F\\u043E\\u043D\\u0435\\u0434\\u0435\\u043B\\u044C\\u043D\\u0438\\u043A\",\"\\u0432\\u0442\\u043E\\u0440\\u043D\\u0438\\u043A\",\"\\u0441\\u0440\\u0435\\u0434\\u0430\",\"\\u0447\\u0435\\u0442\\u0432\\u0435\\u0440\\u0433\",\"\\u043F\\u044F\\u0442\\u043D\\u0438\\u0446\\u0430\",\"\\u0441\\u0443\\u0431\\u0431\\u043E\\u0442\\u0430\"];function ut(){let s=new Date;return`${s.getDate()} ${mt[s.getMonth()]} ${s.getFullYear()} \\u0433\\u043E\\u0434\\u0430, ${pt[s.getDay()]}`}var Ge=(s,o)=>{let h=[],[i,t]=s.split(\"-\").map(Number),[p,g]=o.split(\"-\").map(Number);for(;i12&&(t=1,i++);return h.slice(0,24)};function oe({label:s,value:o,plan:h,unit:i=\" \\u20BD\",color:t}){return e.createElement(\"div\",{className:\"mb-5\"},e.createElement(\"div\",{className:\"text-[13px] text-gray-500 mb-0.5\"},s),e.createElement(\"div\",{className:\"text-[26px] leading-tight font-bold whitespace-nowrap \"+(t||\"text-[#37474f]\")},o,i===\"%\"?\"%\":\"\"),e.createElement(\"div\",{className:\"text-xs text-[#1e88e5] whitespace-nowrap\"},h,i===\"%\"?\"%\":\"\",\" \",e.createElement(\"span\",{className:\"text-gray-400\"},\"- \\u043F\\u043E \\u043F\\u043B\\u0430\\u043D\\u0443\")))}function Qe({meta:s}){let o=V().slice(0,7),[h,i]=C(R()+\"-01\"),[t,p]=C(o),[g,m]=C(\"cash\"),[l,a]=C(\"all\"),[N,c]=C(\"dr\"),[x,w]=C({account:\"\",project:\"\",deal:\"\"}),[u,n]=C([]),[r,f]=C(null);if(W(()=>{B(\"/deals\").then(n)},[]),W(()=>{let b=new URLSearchParams({from:h+\"-01\",to:t+\"-31\",basis:g});x.account&&b.set(\"account\",x.account),x.project&&b.set(\"project\",x.project),x.deal&&b.set(\"deal\",x.deal),B(\"/dashboard2?\"+b.toString()).then(f)},[h,t,g,JSON.stringify(x)]),!r)return e.createElement(\"div\",{className:\"p-6 text-gray-400 text-sm\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");let d=Ge(h,t),k={};for(let b of r.months)k[b.m]=b;let T=b=>b&&[\"assets\",\"liabilities\",\"capital\"].includes(b.cat_class||\"\"),j={},S={},v={},y={};for(let b of r.struct){let E=b.category_id?be(s.categories,b.category_id):null,ee=E?E.name:\"\\u041D\\u0435\\u0440\\u0430\\u0441\\u043F\\u0440\\u0435\\u0434\\u0435\\u043B\\u0435\\u043D\\u043D\\u044B\\u0435\",we=T(E),Me=we||ee.toLowerCase().includes(\"\\u043A\\u0440\\u0435\\u0434\\u0438\\u0442\")||ee.toLowerCase().includes(\"\\u043E\\u0432\\u0435\\u0440\\u0434\\u0440\\u0430\\u0444\\u0442\"),K=S[b.m]=S[b.m]||{in_oper:0,out_oper:0,in_fin:0,out_fin:0};if(b.op_type===\"income\"){K[Me?\"in_fin\":\"in_oper\"]+=Number(b.s);let te=v[ee]=v[ee]||{name:ee,value:0,byM:{},bs:we};te.value+=Number(b.s),te.byM[b.m]=(te.byM[b.m]||0)+Number(b.s)}else{K[Me?\"out_fin\":\"out_oper\"]+=Number(b.s);let te=y[ee]=y[ee]||{name:ee,value:0,byM:{},bs:we};te.value+=Number(b.s),te.byM[b.m]=(te.byM[b.m]||0)+Number(b.s)}ee===\"\\u0414\\u0438\\u0432\\u0438\\u0434\\u0435\\u043D\\u0434\\u044B\"&&(j[b.m]=(j[b.m]||0)+Number(b.s))}let F=d.reduce((b,E)=>b+Number(k[E]?.income||0),0),z=d.reduce((b,E)=>b+Number(k[E]?.expense||0),0),U=F-z,Y=F?(U/F*100).toFixed(2):0,ae=Object.values(j).reduce((b,E)=>b+E,0),ce=d.reduce((b,E)=>b+Number(k[E]?.plan_income||0),0),ve=d.reduce((b,E)=>b+Number(k[E]?.plan_expense||0),0),fe=ce-ve,Fe=ce?(fe/ce*100).toFixed(2):0,ge=b=>!!k[b],_=d.map(b=>({label:se(b),income:ge(b)?Number(k[b].income||0):null,expense:ge(b)?Number(k[b].expense||0):null,np:ge(b)?Number(k[b].income||0)-Number(k[b].expense||0):null,div:ge(b)?j[b]||0:null})),Z=b=>{let E=S[b]||{};return l===\"all\"?(E.in_oper||0)+(E.in_fin||0):l===\"oper\"?E.in_oper||0:l===\"fin\"&&E.in_fin||0},X=b=>{let E=S[b]||{};return l===\"all\"?(E.out_oper||0)+(E.out_fin||0):l===\"oper\"?E.out_oper||0:l===\"fin\"&&E.out_fin||0},ot=d.map(b=>({label:se(b),inflow:S[b]?Z(b):null,outflow:S[b]?X(b):null,net:S[b]?Z(b)-X(b):null})),ye=d.reduce((b,E)=>b+Z(E),0),Ne=d.reduce((b,E)=>b+X(E),0),He=N===\"dr\",Be=Object.values(v).filter(b=>!He||!b.bs).sort((b,E)=>E.value-b.value),Pe=Object.values(y).filter(b=>!He||!b.bs).sort((b,E)=>E.value-b.value),rt=Be.reduce((b,E)=>b+E.value,0)||1,it=Pe.reduce((b,E)=>b+E.value,0)||1,je={},Oe={};for(let b of Be)for(let E in b.byM)je[E]=(je[E]||0)+b.byM[E];for(let b of Pe)for(let E in b.byM)Oe[E]=(Oe[E]||0)+b.byM[E];let We=({title:b,parts:E,total:ee,totByM:we,barColor:Me})=>e.createElement(\"div\",{className:\"mb-6\"},e.createElement(\"div\",{className:\"text-sm font-semibold text-[#37474f] mb-2\"},b),e.createElement(\"div\",{className:\"grid lg:grid-cols-2 gap-4 items-center\"},e.createElement(\"div\",{className:\"flex items-center gap-5 flex-wrap\"},e.createElement(Je,{parts:E.slice(0,8).map((K,te)=>({...K,color:re[te%re.length]}))}),e.createElement(\"div\",{className:\"text-[13px]\"},E.slice(0,8).map((K,te)=>e.createElement(\"div\",{key:K.name,className:\"flex items-center gap-2 py-0.5\"},e.createElement(\"span\",{className:\"inline-block w-3 h-3 rounded-sm\",style:{background:re[te%re.length]}}),e.createElement(\"span\",{className:\"text-gray-600\"},K.name),e.createElement(\"b\",{className:\"text-[#37474f] whitespace-nowrap\"},A(K.value)),e.createElement(\"span\",{className:\"text-gray-400\"},\"(\",(K.value/ee*100).toFixed(2),\"%)\"))))),e.createElement(_e,{data:d.map(K=>({label:se(K),v:we[K]||0})),bars:[{key:\"v\",color:Me}],lines:[],height:190}))),Ce=\"border border-gray-200 rounded px-3 py-2 text-sm bg-white text-gray-600\";return e.createElement(\"div\",{className:\"p-6\"},e.createElement(\"div\",{className:\"flex items-end gap-4 flex-wrap mb-5\"},e.createElement(\"div\",{className:\"mr-2\"},e.createElement(\"div\",{className:\"text-[24px] font-bold text-[#37474f] leading-tight\"},s.company_name),e.createElement(\"div\",{className:\"text-xs text-gray-400\"},ut())),e.createElement(\"label\",{className:\"text-xs text-gray-400\"},\"\\u041F\\u0435\\u0440\\u0438\\u043E\\u0434\",e.createElement(\"br\",null),e.createElement(\"span\",{className:\"inline-flex items-center gap-1 border border-gray-200 rounded px-2 py-1 bg-white\"},e.createElement(\"input\",{type:\"month\",className:\"text-sm text-gray-700\",value:h,onChange:b=>i(b.target.value)}),\"\\u2014\",e.createElement(\"input\",{type:\"month\",className:\"text-sm text-gray-700\",value:t,onChange:b=>p(b.target.value)}))),e.createElement(\"label\",{className:\"text-xs text-gray-400\"},\"\\u041E\\u0442\\u043E\\u0431\\u0440\\u0430\\u0436\\u0435\\u043D\\u0438\\u0435\",e.createElement(\"br\",null),e.createElement(\"select\",{className:Ce},e.createElement(\"option\",null,\"\\u041F\\u043E \\u043C\\u0435\\u0441\\u044F\\u0446\\u0430\\u043C\"))),e.createElement(\"label\",{className:\"text-xs text-gray-400\"},\"\\u042E\\u0440\\u043B\\u0438\\u0446\\u0430 \\u0438 \\u0441\\u0447\\u0435\\u0442\\u0430\",e.createElement(\"br\",null),e.createElement(\"select\",{className:Ce,value:x.account,onChange:b=>w({...x,account:b.target.value})},e.createElement(\"option\",{value:\"\"},\"\\u042E\\u0440\\u043B\\u0438\\u0446\\u0430 \\u0438 \\u0441\\u0447\\u0435\\u0442\\u0430\"),s.accounts.filter(b=>b.active).map(b=>e.createElement(\"option\",{key:b.id,value:b.id},b.name)))),e.createElement(\"label\",{className:\"text-xs text-gray-400\"},\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\\u044B\",e.createElement(\"br\",null),e.createElement(\"select\",{className:Ce,value:x.project,onChange:b=>w({...x,project:b.target.value})},e.createElement(\"option\",{value:\"\"},\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\\u044B\"),(s.projects||[]).map(b=>e.createElement(\"option\",{key:b.id,value:b.id},b.name)))),e.createElement(\"label\",{className:\"text-xs text-gray-400\"},\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0438\",e.createElement(\"br\",null),e.createElement(\"select\",{className:Ce,value:x.deal,onChange:b=>w({...x,deal:b.target.value})},e.createElement(\"option\",{value:\"\"},\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0438\"),u.map(b=>e.createElement(\"option\",{key:b.id,value:b.id},b.name)))),(x.account||x.project||x.deal)&&e.createElement(\"button\",{className:\"text-gray-400 hover:text-gray-600 text-lg pb-1\",title:\"\\u0421\\u0431\\u0440\\u043E\\u0441\\u0438\\u0442\\u044C \\u0444\\u0438\\u043B\\u044C\\u0442\\u0440\\u044B\",onClick:()=>w({account:\"\",project:\"\",deal:\"\"})},\"\\u2715\")),e.createElement(\"div\",{className:\"flex items-center gap-3 mb-3\"},e.createElement(\"div\",{className:\"font-bold text-[#37474f]\"},\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C, \\u20BD\"),e.createElement(pe,{tabs:[[\"accrual\",\"\\u041C\\u0435\\u0442\\u043E\\u0434 \\u043D\\u0430\\u0447\\u0438\\u0441\\u043B\\u0435\\u043D\\u0438\\u044F\"],[\"cash\",\"\\u041A\\u0430\\u0441\\u0441\\u043E\\u0432\\u044B\\u0439 \\u043C\\u0435\\u0442\\u043E\\u0434\"]],value:g,onChange:m})),e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4 mb-6\"},e.createElement(\"div\",{className:\"grid\",style:{gridTemplateColumns:\"300px 1fr\",gap:16}},e.createElement(\"div\",{className:\"border-r border-gray-50 pr-4\"},e.createElement(oe,{label:\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B\",value:A(F),plan:A(ce)}),e.createElement(oe,{label:\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\",value:A(z),plan:A(ve)}),e.createElement(oe,{label:\"\\u0427\\u0438\\u0441\\u0442\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C\",value:A(U),plan:A(fe),color:U<0?\"text-rose-600\":void 0}),e.createElement(oe,{label:\"\\u0420\\u0435\\u043D\\u0442\\u0430\\u0431\\u0435\\u043B\\u044C\\u043D\\u043E\\u0441\\u0442\\u044C, %\",value:Y,plan:Fe,unit:\"%\"}),e.createElement(oe,{label:\"\\u0414\\u0438\\u0432\\u0438\\u0434\\u0435\\u043D\\u0434\\u044B\",value:A(ae),plan:A(ae)})),e.createElement(\"div\",{className:\"min-w-0\"},e.createElement(_e,{data:_,bars:[{key:\"income\",color:$.blue},{key:\"expense\",color:$.orange}],lines:[{key:\"np\",color:$.green},{key:\"div\",color:$.purple}],height:330}),e.createElement(ne,{items:[[\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B\",$.blue],[\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\",$.orange],[\"\\u0427\\u0438\\u0441\\u0442\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C\",$.green,!0],[\"\\u0414\\u0438\\u0432\\u0438\\u0434\\u0435\\u043D\\u0434\\u044B\",$.purple,!0]]})))),e.createElement(\"div\",{className:\"flex items-center gap-3 mb-3\"},e.createElement(\"div\",{className:\"font-bold text-[#37474f]\"},\"\\u0414\\u0435\\u043D\\u0435\\u0436\\u043D\\u044B\\u0439 \\u043F\\u043E\\u0442\\u043E\\u043A, \\u20BD\"),e.createElement(pe,{tabs:[[\"all\",\"\\u041E\\u0431\\u0449\\u0438\\u0439\"],[\"oper\",\"\\u041E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u043E\\u043D\\u043D\\u044B\\u0439\"],[\"invest\",\"\\u0418\\u043D\\u0432\\u0435\\u0441\\u0442\\u0438\\u0446\\u0438\\u043E\\u043D\\u043D\\u044B\\u0439\"],[\"fin\",\"\\u0424\\u0438\\u043D\\u0430\\u043D\\u0441\\u043E\\u0432\\u044B\\u0439\"]],value:l,onChange:a})),e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4 mb-6\"},e.createElement(\"div\",{className:\"grid\",style:{gridTemplateColumns:\"300px 1fr\",gap:16}},e.createElement(\"div\",{className:\"border-r border-gray-50 pr-4\"},e.createElement(oe,{label:\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F\",value:A(ye),plan:A(ye)}),e.createElement(oe,{label:\"\\u0412\\u044B\\u043F\\u043B\\u0430\\u0442\\u044B\",value:A(Ne),plan:A(Ne)}),e.createElement(oe,{label:\"\\u0427\\u0438\\u0441\\u0442\\u044B\\u0439 \\u043F\\u043E\\u0442\\u043E\\u043A\",value:A(ye-Ne),plan:A(ye-Ne),color:ye-Ne<0?\"text-rose-600\":void 0})),e.createElement(\"div\",{className:\"min-w-0\"},e.createElement(_e,{data:ot,bars:[{key:\"inflow\",color:$.blue},{key:\"outflow\",color:$.orange}],lines:[{key:\"net\",color:$.green}],height:280}),e.createElement(ne,{items:[[\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F\",$.blue],[\"\\u0412\\u044B\\u043F\\u043B\\u0430\\u0442\\u044B\",$.orange],[\"\\u0427\\u0438\\u0441\\u0442\\u044B\\u0439 \\u043F\\u043E\\u0442\\u043E\\u043A\",$.green,!0]]})))),e.createElement(\"div\",{className:\"font-bold text-[#37474f] mb-3\"},\"\\u041E\\u0441\\u0442\\u0430\\u0442\\u043A\\u0438 \\u043D\\u0430 \\u0441\\u0447\\u0435\\u0442\\u0430\\u0445, \\u20BD\"),e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4 mb-6\"},e.createElement(De,{points:r.daily,height:250}),e.createElement(ne,{items:[[\"\\u041E\\u0431\\u0449\\u0438\\u0439 \\u043E\\u0441\\u0442\\u0430\\u0442\\u043E\\u043A\",$.green]]})),e.createElement(\"div\",{className:\"flex items-center gap-3 mb-3\"},e.createElement(\"div\",{className:\"font-bold text-[#37474f]\"},\"\\u0421\\u0442\\u0440\\u0443\\u043A\\u0442\\u0443\\u0440\\u0430 \\u043F\\u043B\\u0430\\u0442\\u0435\\u0436\\u0435\\u0439\"),e.createElement(pe,{tabs:[[\"dr\",\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B \\u0438 \\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\"],[\"pv\",\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F \\u0438 \\u0432\\u044B\\u043F\\u043B\\u0430\\u0442\\u044B\"]],value:N,onChange:c})),e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4 mb-6\"},e.createElement(We,{title:N===\"dr\"?\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B, \\u20BD\":\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F, \\u20BD\",parts:Be,total:rt,totByM:je,barColor:$.blue}),e.createElement(We,{title:N===\"dr\"?\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B, \\u20BD\":\"\\u0412\\u044B\\u043F\\u043B\\u0430\\u0442\\u044B, \\u20BD\",parts:Pe,total:it,totByM:Oe,barColor:$.orange})),e.createElement(\"div\",{className:\"font-bold text-[#37474f] mb-3\"},\"ABC-\\u0430\\u043D\\u0430\\u043B\\u0438\\u0437 \\u043A\\u043B\\u0438\\u0435\\u043D\\u0442\\u043E\\u0432\"),e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4 mb-6\"},e.createElement(Le,{rows:r.abc.map(b=>({name:b.name,value:Number(b.s)})),height:320}),e.createElement(ne,{items:[[\"\\u041A\\u043B\\u0438\\u0435\\u043D\\u0442\\u044B, \\u043F\\u0440\\u0438\\u043D\\u043E\\u0441\\u044F\\u0449\\u0438\\u0435 \\u0431\\u043E\\u043B\\u0435\\u0435 80% \\u0434\\u043E\\u0445\\u043E\\u0434\\u043E\\u0432\",$.blue],[\"\\u041A\\u043B\\u0438\\u0435\\u043D\\u0442\\u044B, \\u043F\\u0440\\u0438\\u043D\\u043E\\u0441\\u044F\\u0449\\u0438\\u0435 \\u043C\\u0435\\u043D\\u0435\\u0435 20% \\u0434\\u043E\\u0445\\u043E\\u0434\\u043E\\u0432\",$.purple],[\"\\u0414\\u043E\\u043B\\u044F \\u0434\\u043E\\u0445\\u043E\\u0434\\u043E\\u0432 \\u0441 \\u043D\\u0430\\u043A\\u043E\\u043F\\u0438\\u0442\\u0435\\u043B\\u044C\\u043D\\u044B\\u043C \\u0438\\u0442\\u043E\\u0433\\u043E\\u043C, %\",\"#3949AB\",!0]]})),e.createElement(\"div\",{className:\"font-bold text-[#37474f] mb-3\"},\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C\\u043D\\u043E\\u0441\\u0442\\u044C \\u043F\\u0440\\u043E\\u0435\\u043A\\u0442\\u043E\\u0432\"),e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4 mb-2\"},e.createElement(Le,{rows:r.proj_profit.map(b=>({name:b.name,value:Number(b.profit)})),height:300,showLine:!1,barColor:\"#66BB6A\"}),e.createElement(ne,{items:[[\"\\u0424\\u0430\\u043A\\u0442\\u0438\\u0447\\u0435\\u0441\\u043A\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C, \\u20BD\",\"#66BB6A\"]]})))}function Xe({meta:s}){let o=V().slice(0,7),[h,i]=C(\"money\"),[t,p]=C(R()+\"-01\"),[g,m]=C(o),[l,a]=C(null),[N,c]=C([]);if(W(()=>{B(`/dashboard2?from=${t}-01&to=${g}-31&basis=cash`).then(a),B(\"/projects\").then(c)},[t,g]),!l)return e.createElement(\"div\",{className:\"p-6 text-gray-400 text-sm\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");let x={};for(let n of l.months)x[n.m]=n;let u=Ge(t,g).map(n=>({label:se(n),income:Number(x[n]?.income||0),expense:Number(x[n]?.expense||0),np:Number(x[n]?.income||0)-Number(x[n]?.expense||0)}));return e.createElement(\"div\",{className:\"p-6\"},e.createElement(\"div\",{className:\"text-[24px] font-bold text-[#37474f] mb-3\"},\"\\u041F\\u043E\\u043A\\u0430\\u0437\\u0430\\u0442\\u0435\\u043B\\u0438\"),e.createElement(\"div\",{className:\"mb-4\"},e.createElement(pe,{tabs:[[\"money\",\"\\u0414\\u0432\\u0438\\u0436\\u0435\\u043D\\u0438\\u0435 \\u0434\\u0435\\u043D\\u0435\\u0433\"],[\"profit\",\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C\"],[\"projects\",\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\\u044B\"]],value:h,onChange:i})),e.createElement(\"div\",{className:\"flex items-end gap-4 mb-4\"},e.createElement(\"label\",{className:\"text-xs text-gray-400\"},\"\\u041F\\u0435\\u0440\\u0438\\u043E\\u0434\",e.createElement(\"br\",null),e.createElement(\"span\",{className:\"inline-flex items-center gap-1 border border-gray-200 rounded px-2 py-1 bg-white\"},e.createElement(\"input\",{type:\"month\",className:\"text-sm\",value:t,onChange:n=>p(n.target.value)}),\"\\u2014\",e.createElement(\"input\",{type:\"month\",className:\"text-sm\",value:g,onChange:n=>m(n.target.value)})))),h===\"money\"&&e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4\"},e.createElement(\"div\",{className:\"text-sm font-semibold text-[#37474f] mb-2\"},\"\\u041E\\u0441\\u0442\\u0430\\u0442\\u043A\\u0438 \\u043D\\u0430 \\u0441\\u0447\\u0435\\u0442\\u0430\\u0445, \\u20BD\"),e.createElement(De,{points:l.daily,height:340}),e.createElement(ne,{items:[[\"\\u041E\\u0431\\u0449\\u0438\\u0439 \\u043E\\u0441\\u0442\\u0430\\u0442\\u043E\\u043A\",$.green]]})),h===\"profit\"&&e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4\"},e.createElement(\"div\",{className:\"text-sm font-semibold text-[#37474f] mb-2\"},\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C (\\u043A\\u0430\\u0441\\u0441\\u043E\\u0432\\u044B\\u0439 \\u043C\\u0435\\u0442\\u043E\\u0434), \\u20BD\"),e.createElement(_e,{data:u,bars:[{key:\"income\",color:$.blue},{key:\"expense\",color:$.orange}],lines:[{key:\"np\",color:$.green}],height:340}),e.createElement(ne,{items:[[\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B\",$.blue],[\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\",$.orange],[\"\\u0427\\u0438\\u0441\\u0442\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C\",$.green,!0]]})),h===\"projects\"&&e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm\"},e.createElement(\"table\",{className:\"w-full text-sm\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3\"},\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B, \\u20BD\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B, \\u20BD\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C, \\u20BD\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0420\\u0435\\u043D\\u0442\\u0430\\u0431\\u0435\\u043B\\u044C\\u043D\\u043E\\u0441\\u0442\\u044C\"))),e.createElement(\"tbody\",null,N.map(n=>{let r=Number(n.income)-Number(n.expense),f=Number(n.income)?Math.round(r/Number(n.income)*1e3)/10:0;return e.createElement(\"tr\",{key:n.id,className:\"border-t border-gray-50\"},e.createElement(\"td\",{className:\"p-2 pl-3 text-gray-700\"},n.name),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},Number(n.income)?A(n.income):\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},Number(n.expense)?A(n.expense):\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap font-medium \"+(r<0?\"text-rose-600\":\"text-emerald-600\")},r?A(r):\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-right\"},f?f+\"%\":\"\\u2014\"))})))))}function Ae({meta:s,initial:o,onClose:h,onSaved:i}){let[t,p]=C(o||{op_type:\"income\",date:V(),confirmed:!0,amount:\"\",account_id:\"\",account2_id:\"\",category_id:\"\",contractor_id:\"\",deal_id:\"\",project_id:\"\",purpose:\"\"}),[g,m]=C([]);W(()=>{B(\"/deals\").then(m)},[]);let l=(c,x)=>p(w=>({...w,[c]:x})),a=me(s.categories,t.op_type===\"expense\"?\"expense\":\"income\"),N=async()=>{if(!t.amount||!t.account_id)return alert(\"\\u0423\\u043A\\u0430\\u0436\\u0438\\u0442\\u0435 \\u0441\\u0443\\u043C\\u043C\\u0443 \\u0438 \\u0441\\u0447\\u0451\\u0442\");let c={...t,amount:Number(t.amount),account_id:Number(t.account_id)||null,account2_id:Number(t.account2_id)||null,category_id:Number(t.category_id)||null,contractor_id:Number(t.contractor_id)||null,deal_id:Number(t.deal_id)||null,project_id:Number(t.project_id)||null};t.id?await B(\"/ops/\"+t.id,\"PUT\",c):await B(\"/ops\",\"POST\",c),i(),h()};return e.createElement(Q,{title:t.id?\"\\u041E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u044F\":\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u043D\\u0438\\u0435 \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0438\",onClose:h},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(([c,x])=>e.createElement(\"button\",{key:c,onClick:()=>l(\"op_type\",c),className:\"px-3 py-1.5 text-sm rounded \"+(t.op_type===c?\"bg-[#2aa3af] text-white\":\"bg-gray-100 text-gray-600 hover:bg-gray-200\")},x))),e.createElement(\"div\",{className:\"grid grid-cols-2 gap-x-4\"},e.createElement(M,{label:\"\\u0414\\u0430\\u0442\\u0430 \\u043E\\u043F\\u043B\\u0430\\u0442\\u044B\"},e.createElement(P,{type:\"date\",value:t.date,onChange:c=>l(\"date\",c.target.value)})),e.createElement(M,{label:\"\\u0421\\u0443\\u043C\\u043C\\u0430, \\u20BD\"},e.createElement(P,{type:\"number\",value:t.amount,onChange:c=>l(\"amount\",c.target.value),placeholder:\"0\"})),e.createElement(M,{label:t.op_type===\"transfer\"?\"\\u0421\\u043E \\u0441\\u0447\\u0451\\u0442\\u0430\":\"\\u0421\\u0447\\u0451\\u0442\"},e.createElement(L,{value:t.account_id,onChange:c=>l(\"account_id\",c.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u0412\\u044B\\u0431\\u0440\\u0430\\u0442\\u044C \\u0441\\u0447\\u0451\\u0442\\u2026\"),s.accounts.filter(c=>c.active).map(c=>e.createElement(\"option\",{key:c.id,value:c.id},c.name)))),t.op_type===\"transfer\"?e.createElement(M,{label:\"\\u041D\\u0430 \\u0441\\u0447\\u0451\\u0442\"},e.createElement(L,{value:t.account2_id,onChange:c=>l(\"account2_id\",c.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u0412\\u044B\\u0431\\u0440\\u0430\\u0442\\u044C \\u0441\\u0447\\u0451\\u0442\\u2026\"),s.accounts.filter(c=>c.active).map(c=>e.createElement(\"option\",{key:c.id,value:c.id},c.name)))):e.createElement(M,{label:\"\\u0421\\u0442\\u0430\\u0442\\u044C\\u044F \\u0443\\u0447\\u0451\\u0442\\u0430\"},e.createElement(L,{value:t.category_id,onChange:c=>l(\"category_id\",c.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u041D\\u0435 \\u0432\\u044B\\u0431\\u0440\\u0430\\u043D\\u0430\"),a.map(c=>e.createElement(\"option\",{key:c.id,value:c.id},\" \".repeat(c.depth*3)+c.name)))),t.op_type!==\"transfer\"&&e.createElement(M,{label:\"\\u041A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442\"},e.createElement(L,{value:t.contractor_id,onChange:c=>l(\"contractor_id\",c.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u041D\\u0435 \\u0432\\u044B\\u0431\\u0440\\u0430\\u043D\"),s.contractors.map(c=>e.createElement(\"option\",{key:c.id,value:c.id},c.name)))),t.op_type!==\"transfer\"&&e.createElement(M,{label:\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0430\"},e.createElement(L,{value:t.deal_id,onChange:c=>l(\"deal_id\",c.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u0411\\u0435\\u0437 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438\"),g.map(c=>e.createElement(\"option\",{key:c.id,value:c.id},c.name)))),t.op_type!==\"transfer\"&&e.createElement(M,{label:\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\"},e.createElement(L,{value:t.project_id,onChange:c=>l(\"project_id\",c.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u0411\\u0435\\u0437 \\u043F\\u0440\\u043E\\u0435\\u043A\\u0442\\u0430\"),(s.projects||[]).map(c=>e.createElement(\"option\",{key:c.id,value:c.id},c.name))))),e.createElement(M,{label:\"\\u041D\\u0430\\u0437\\u043D\\u0430\\u0447\\u0435\\u043D\\u0438\\u0435 \\u043F\\u043B\\u0430\\u0442\\u0435\\u0436\\u0430\"},e.createElement(P,{value:t.purpose,onChange:c=>l(\"purpose\",c.target.value),placeholder:\"\\u041A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0439\\u2026\"})),e.createElement(G,{label:\"\\u041E\\u043F\\u043B\\u0430\\u0442\\u0430 \\u043F\\u043E\\u0434\\u0442\\u0432\\u0435\\u0440\\u0436\\u0434\\u0435\\u043D\\u0430 (\\u0444\\u0430\\u043A\\u0442)\",checked:!!t.confirmed,onChange:c=>l(\"confirmed\",c)}),e.createElement(\"div\",{className:\"flex justify-end gap-2 mt-4\"},e.createElement(I,{kind:\"ghost\",onClick:h},\"\\u041E\\u0442\\u043C\\u0435\\u043D\\u0430\"),e.createElement(I,{onClick:N},\"\\u0421\\u043E\\u0445\\u0440\\u0430\\u043D\\u0438\\u0442\\u044C\")))}function ct({meta:s,onClose:o,onDone:h}){let[i,t]=C(\"\"),[p,g]=C(\"\"),[m,l]=C(!0),[a,N]=C(null),c=()=>{let w=[];for(let u of i.split(/\\r?\\n/)){let n=u.trim();if(!n)continue;let r=n.split(/[;\\t]/).map(k=>k.trim());if(r.length<2)continue;let f=r[0].includes(\".\")?r[0].split(\".\").reverse().join(\"-\"):r[0];if(!/^\\d{4}-\\d{2}-\\d{2}/.test(f))continue;let d=Number(r[1].replace(/\\s/g,\"\").replace(\",\",\".\"));d&&w.push({date:f,amount:Math.abs(d),op_type:d<0?\"expense\":\"income\",contractor_name:r[2]||\"\",purpose:r.slice(3).join(\"; \")||\"\"})}N(w)},x=async()=>{if(!p)return alert(\"\\u0412\\u044B\\u0431\\u0435\\u0440\\u0438\\u0442\\u0435 \\u0441\\u0447\\u0451\\u0442\");let w=await B(\"/ops/import\",\"POST\",{rows:a.map(u=>({...u,account_id:Number(p),confirmed:m}))});alert(\"\\u0418\\u043C\\u043F\\u043E\\u0440\\u0442\\u0438\\u0440\\u043E\\u0432\\u0430\\u043D\\u043E \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0439: \"+w.n),h(),o()};return e.createElement(Q,{title:\"\\u0418\\u043C\\u043F\\u043E\\u0440\\u0442 \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0439 (\\u0432\\u044B\\u043F\\u0438\\u0441\\u043A\\u0430)\",onClose:o,wide:!0},e.createElement(\"div\",{className:\"text-xs text-gray-500 mb-2\"},\"\\u0412\\u0441\\u0442\\u0430\\u0432\\u044C\\u0442\\u0435 \\u0441\\u0442\\u0440\\u043E\\u043A\\u0438 \\u0432 \\u0444\\u043E\\u0440\\u043C\\u0430\\u0442\\u0435: \",e.createElement(\"b\",null,\"\\u0434\\u0430\\u0442\\u0430; \\u0441\\u0443\\u043C\\u043C\\u0430; \\u043A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442; \\u043D\\u0430\\u0437\\u043D\\u0430\\u0447\\u0435\\u043D\\u0438\\u0435\"),\" (\\u0440\\u0430\\u0437\\u0434\\u0435\\u043B\\u0438\\u0442\\u0435\\u043B\\u044C \\u2014 \\u0442\\u043E\\u0447\\u043A\\u0430 \\u0441 \\u0437\\u0430\\u043F\\u044F\\u0442\\u043E\\u0439 \\u0438\\u043B\\u0438 \\u0442\\u0430\\u0431\\u0443\\u043B\\u044F\\u0446\\u0438\\u044F). \\u041E\\u0442\\u0440\\u0438\\u0446\\u0430\\u0442\\u0435\\u043B\\u044C\\u043D\\u0430\\u044F \\u0441\\u0443\\u043C\\u043C\\u0430 \\u2014 \\u0432\\u044B\\u043F\\u043B\\u0430\\u0442\\u0430, \\u043F\\u043E\\u043B\\u043E\\u0436\\u0438\\u0442\\u0435\\u043B\\u044C\\u043D\\u0430\\u044F \\u2014 \\u043F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u0435. \\u0414\\u0430\\u0442\\u0430: 31.12.2026 \\u0438\\u043B\\u0438 2026-12-31.\"),e.createElement(\"textarea\",{className:\"w-full border border-gray-200 rounded p-2 text-xs font-mono h-40 mb-3\",placeholder:`20.08.2026; 662156.48; \\u041E\\u041E\\u041E \\u0421\\u0417 \\u041F\\u0410\\u0420\\u041A \\u0420\\u0410\\u0417\\u0412\\u041B\\u0415\\u0427\\u0415\\u041D\\u0418\\u0419; \\u041E\\u043F\\u043B\\u0430\\u0442\\u0430 \\u043F\\u043E \\u0423\\u041F\\u0414\n21.08.2026; -300000; \\u0418\\u041F \\u041C\\u0430\\u0442\\u0435\\u043B\\u0435\\u0432\\u0438\\u0447; \\u0410\\u0433\\u0435\\u043D\\u0442\\u0441\\u043A\\u043E\\u0435 \\u0432\\u043E\\u0437\\u043D\\u0430\\u0433\\u0440\\u0430\\u0436\\u0434\\u0435\\u043D\\u0438\\u0435`,value:i,onChange:w=>t(w.target.value)}),e.createElement(\"div\",{className:\"grid grid-cols-2 gap-4 mb-3\"},e.createElement(M,{label:\"\\u0417\\u0430\\u0447\\u0438\\u0441\\u043B\\u0438\\u0442\\u044C \\u043D\\u0430 \\u0441\\u0447\\u0451\\u0442\"},e.createElement(L,{value:p,onChange:w=>g(w.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u0412\\u044B\\u0431\\u0440\\u0430\\u0442\\u044C \\u0441\\u0447\\u0451\\u0442\\u2026\"),s.accounts.filter(w=>w.active).map(w=>e.createElement(\"option\",{key:w.id,value:w.id},w.name)))),e.createElement(\"div\",{className:\"pt-5\"},e.createElement(G,{label:\"\\u041E\\u043F\\u043B\\u0430\\u0442\\u044B \\u043F\\u043E\\u0434\\u0442\\u0432\\u0435\\u0440\\u0436\\u0434\\u0435\\u043D\\u044B (\\u0444\\u0430\\u043A\\u0442)\",checked:m,onChange:l}))),a&&e.createElement(\"div\",{className:\"text-sm mb-3\"},\"\\u0420\\u0430\\u0441\\u043F\\u043E\\u0437\\u043D\\u0430\\u043D\\u043E \\u0441\\u0442\\u0440\\u043E\\u043A: \",e.createElement(\"b\",null,a.length),a.length>0&&e.createElement(\"span\",{className:\"text-gray-500\"},\" \\xB7 \\u043F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u0439 \",a.filter(w=>w.op_type===\"income\").length,\", \\u0432\\u044B\\u043F\\u043B\\u0430\\u0442 \",a.filter(w=>w.op_type===\"expense\").length)),e.createElement(\"div\",{className:\"flex justify-end gap-2\"},e.createElement(I,{kind:\"ghost\",onClick:o},\"\\u041E\\u0442\\u043C\\u0435\\u043D\\u0430\"),a?e.createElement(I,{onClick:x},\"\\u0418\\u043C\\u043F\\u043E\\u0440\\u0442\\u0438\\u0440\\u043E\\u0432\\u0430\\u0442\\u044C \",a.length):e.createElement(I,{onClick:c},\"\\u041F\\u0440\\u043E\\u0432\\u0435\\u0440\\u0438\\u0442\\u044C\")))}function Ze({meta:s,refreshMeta:o}){let[h,i]=C({rows:[],totals:{}}),[t,p]=C({income:!0,expense:!0,transfer:!0,conf:!0,unconf:!0,account:\"\",category:\"\",contractor:\"\",project:\"\",q:\"\",from:\"\",to:\"\",uncat:!1}),[g,m]=C(null),[l,a]=C(!1),[N,c]=C({}),[x,w]=C(\"\"),u=()=>{let y=new URLSearchParams,F=[t.income&&\"income\",t.expense&&\"expense\",t.transfer&&\"transfer\"].filter(Boolean);F.length===1&&y.set(\"type\",F[0]),t.conf!==t.unconf&&y.set(\"confirmed\",t.conf?\"1\":\"0\");for(let z of[\"account\",\"category\",\"contractor\",\"project\",\"q\",\"from\",\"to\"])t[z]&&y.set(z,t[z]);t.uncat&&y.set(\"uncat\",\"1\"),B(\"/ops?\"+y.toString()).then(z=>{let U=new Set(F.length?F:[\"income\",\"expense\",\"transfer\"]);z.rows=z.rows.filter(Y=>U.has(Y.op_type)),i(z)})};W(()=>{u()},[JSON.stringify(t)]);let n=(y,F)=>p(z=>({...z,[y]:F})),r=async y=>{await B(`/ops/${y}/confirm`,\"POST\",{}),u(),o()},f=async y=>{window.confirm(\"\\u0423\\u0434\\u0430\\u043B\\u0438\\u0442\\u044C \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u044E?\")&&(await B(\"/ops/\"+y,\"DELETE\"),u(),o())},d=[...me(s.categories,\"income\"),...me(s.categories,\"expense\")],k=Object.keys(N).filter(y=>N[y]),T=async()=>{if(!x)return alert(\"\\u0412\\u044B\\u0431\\u0435\\u0440\\u0438\\u0442\\u0435 \\u0441\\u0442\\u0430\\u0442\\u044C\\u044E\");await B(\"/ops/bulk\",\"POST\",{ids:k.map(Number),category_id:Number(x)}),c({}),w(\"\"),u()},j=[],S=null;for(let y of h.rows)(!S||S.date!==y.date)&&(S={date:y.date,rows:[]},j.push(S)),S.rows.push(y);let v=h.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(G,{label:\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u0435\",checked:t.income,onChange:y=>n(\"income\",y)}),e.createElement(G,{label:\"\\u0412\\u044B\\u043F\\u043B\\u0430\\u0442\\u0430\",checked:t.expense,onChange:y=>n(\"expense\",y)}),e.createElement(G,{label:\"\\u041F\\u0435\\u0440\\u0435\\u043C\\u0435\\u0449\\u0435\\u043D\\u0438\\u0435\",checked:t.transfer,onChange:y=>n(\"transfer\",y)}),e.createElement(\"div\",{className:\"text-xs text-gray-400 mt-3 mb-1\"},\"\\u0414\\u0430\\u0442\\u0430 \\u043E\\u043F\\u043B\\u0430\\u0442\\u044B\"),e.createElement(G,{label:\"\\u041F\\u043E\\u0434\\u0442\\u0432\\u0435\\u0440\\u0436\\u0434\\u0435\\u043D\\u0430\",checked:t.conf,onChange:y=>n(\"conf\",y)}),e.createElement(G,{label:\"\\u041D\\u0435 \\u043F\\u043E\\u0434\\u0442\\u0432\\u0435\\u0440\\u0436\\u0434\\u0435\\u043D\\u0430\",checked:t.unconf,onChange:y=>n(\"unconf\",y)}),e.createElement(\"div\",{className:\"mt-3\"}),e.createElement(M,{label:\"\\u0421\\u0447\\u0451\\u0442\"},e.createElement(L,{value:t.account,onChange:y=>n(\"account\",y.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u0412\\u0441\\u0435\"),s.accounts.map(y=>e.createElement(\"option\",{key:y.id,value:y.id},y.name)))),e.createElement(M,{label:\"\\u0421\\u0442\\u0430\\u0442\\u044C\\u044F \\u0443\\u0447\\u0451\\u0442\\u0430\"},e.createElement(L,{value:t.category,onChange:y=>n(\"category\",y.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u0412\\u0441\\u0435\"),d.map(y=>e.createElement(\"option\",{key:y.id,value:y.id},\" \".repeat(y.depth*2)+y.name)))),e.createElement(M,{label:\"\\u041A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442\"},e.createElement(L,{value:t.contractor,onChange:y=>n(\"contractor\",y.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u0412\\u0441\\u0435\"),s.contractors.map(y=>e.createElement(\"option\",{key:y.id,value:y.id},y.name)))),e.createElement(M,{label:\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\"},e.createElement(L,{value:t.project,onChange:y=>n(\"project\",y.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u0412\\u0441\\u0435\"),(s.projects||[]).map(y=>e.createElement(\"option\",{key:y.id,value:y.id},y.name)))),e.createElement(M,{label:\"\\u041F\\u0435\\u0440\\u0438\\u043E\\u0434 \\u0441\"},e.createElement(P,{type:\"date\",value:t.from,onChange:y=>n(\"from\",y.target.value)})),e.createElement(M,{label:\"\\u043F\\u043E\"},e.createElement(P,{type:\"date\",value:t.to,onChange:y=>n(\"to\",y.target.value)})),e.createElement(G,{label:\"\\u0422\\u043E\\u043B\\u044C\\u043A\\u043E \\u043D\\u0435\\u0440\\u0430\\u0441\\u043F\\u0440\\u0435\\u0434\\u0435\\u043B\\u0451\\u043D\\u043D\\u044B\\u0435\",checked:t.uncat,onChange:y=>n(\"uncat\",y)})),e.createElement(\"div\",{className:\"flex-1 flex flex-col min-w-0\"},e.createElement(\"div\",{className:\"flex items-center gap-2 p-4 pb-2 flex-wrap\"},e.createElement(\"h1\",{className:\"text-[22px] font-bold text-[#22313f] mr-1\"},\"\\u041E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0438\"),e.createElement(I,{onClick:()=>m({})},\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C\"),e.createElement(I,{kind:\"ghost\",onClick:()=>a(!0)},\"\\u0418\\u043C\\u043F\\u043E\\u0440\\u0442\\u0438\\u0440\\u043E\\u0432\\u0430\\u0442\\u044C\"),e.createElement(\"input\",{className:\"ml-auto border border-gray-200 rounded px-3 py-1.5 text-sm w-64\",placeholder:\"\\u041F\\u043E\\u0438\\u0441\\u043A \\u043F\\u043E \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u044F\\u043C\",value:t.q,onChange:y=>n(\"q\",y.target.value)})),k.length>0&&e.createElement(\"div\",{className:\"mx-4 mb-2 bg-teal-50 border border-teal-100 rounded px-3 py-2 flex items-center gap-3 text-sm\"},e.createElement(\"b\",null,k.length),\" \\u0432\\u044B\\u0431\\u0440\\u0430\\u043D\\u043E \\xB7 \\u043D\\u0430\\u0437\\u043D\\u0430\\u0447\\u0438\\u0442\\u044C \\u0441\\u0442\\u0430\\u0442\\u044C\\u044E:\",e.createElement(L,{value:x,onChange:y=>w(y.target.value),className:\"!w-64\"},e.createElement(\"option\",{value:\"\"},\"\\u0412\\u044B\\u0431\\u0440\\u0430\\u0442\\u044C\\u2026\"),d.map(y=>e.createElement(\"option\",{key:y.id,value:y.id},\" \".repeat(y.depth*2)+y.name))),e.createElement(I,{small:!0,onClick:T},\"\\u041F\\u0440\\u0438\\u043C\\u0435\\u043D\\u0438\\u0442\\u044C\"),e.createElement(\"button\",{className:\"text-gray-400 text-xs\",onClick:()=>c({})},\"\\u0421\\u043D\\u044F\\u0442\\u044C \\u0432\\u044B\\u0431\\u043E\\u0440\")),e.createElement(\"div\",{className:\"flex-1 overflow-y-auto px-4\"},e.createElement(\"table\",{className:\"w-full text-sm bg-white rounded-lg shadow-sm\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3 w-6\"}),e.createElement(\"th\",{className:\"p-2\"},\"\\u0414\\u0430\\u0442\\u0430\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0421\\u0447\\u0451\\u0442\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0422\\u0438\\u043F\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u041A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0421\\u0442\\u0430\\u0442\\u044C\\u044F\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0430 / \\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0421\\u0443\\u043C\\u043C\\u0430\"),e.createElement(\"th\",{className:\"p-2\"}))),j.map(y=>e.createElement(\"tbody\",{key:y.date},e.createElement(\"tr\",null,e.createElement(\"td\",{colSpan:9,className:\"px-3 pt-3 pb-1 text-xs font-semibold text-slate-500\"},q(y.date),y.date===V()?\" \\xB7 \\u0421\\u0435\\u0433\\u043E\\u0434\\u043D\\u044F\":\"\")),y.rows.map(F=>e.createElement(\"tr\",{key:F.id,className:\"border-t border-gray-50 hover:bg-slate-50\"},e.createElement(\"td\",{className:\"p-2 pl-3\"},F.op_type!==\"transfer\"&&e.createElement(\"input\",{type:\"checkbox\",className:\"accent-[#2aa3af]\",checked:!!N[F.id],onChange:z=>c(U=>({...U,[F.id]:z.target.checked}))})),e.createElement(\"td\",{className:\"p-2 text-gray-500 whitespace-nowrap\"},q(F.date)),e.createElement(\"td\",{className:\"p-2 text-gray-700\"},F.account_name,F.op_type===\"transfer\"&&e.createElement(\"div\",{className:\"text-gray-400 text-xs\"},\"\\u2192 \",F.account2_name)),e.createElement(\"td\",{className:\"p-2\"},e.createElement(\"span\",{className:F.op_type===\"income\"?\"text-emerald-600\":F.op_type===\"expense\"?\"text-rose-500\":\"text-gray-400\"},F.op_type===\"income\"?e.createElement(D.arrowIn,{size:15}):F.op_type===\"expense\"?e.createElement(D.arrowOut,{size:15}):e.createElement(D.swap,{size:15}))),e.createElement(\"td\",{className:\"p-2 text-gray-700 max-w-[170px] truncate\"},F.contractor_name||\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-gray-600 max-w-[220px]\"},e.createElement(\"div\",{className:\"truncate\"},F.op_type===\"transfer\"?\"\\u041F\\u0435\\u0440\\u0435\\u0432\\u043E\\u0434 \\u043C\\u0435\\u0436\\u0434\\u0443 \\u0441\\u0447\\u0435\\u0442\\u0430\\u043C\\u0438\":F.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 \",F.op_type===\"income\"?\"\\u0434\\u043E\\u0445\\u043E\\u0434\":\"\\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\")),F.purpose&&e.createElement(\"div\",{className:\"text-gray-400 text-xs truncate\"},F.purpose)),e.createElement(\"td\",{className:\"p-2 text-gray-500 max-w-[130px]\"},e.createElement(\"div\",{className:\"truncate\"},F.deal_name||\"\"),F.project_name&&e.createElement(\"div\",{className:\"text-xs text-gray-400 truncate\"},F.project_name)),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},F.op_type===\"transfer\"?e.createElement(\"div\",{className:\"text-gray-600\"},\"\\u2212\",O(F.amount),e.createElement(\"div\",null,\"+\",O(F.amount))):e.createElement(\"span\",{className:F.op_type===\"income\"?\"text-emerald-600 font-medium\":\"text-rose-500 font-medium\"},F.op_type===\"income\"?\"+\":\"\\u2212\",O(F.amount)),!F.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\"},!F.confirmed&&e.createElement(I,{small:!0,onClick:()=>r(F.id)},\"\\u041F\\u043E\\u0434\\u0442\\u0432.\"),e.createElement(H,{icon:D.edit,onClick:()=>m({...F,confirmed:!!F.confirmed})}),e.createElement(H,{icon:D.trash,danger:!0,onClick:()=>f(F.id)}))))))),h.rows.length===0&&e.createElement(\"div\",{className:\"text-center text-gray-400 text-sm py-10\"},\"\\u041E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0439 \\u043D\\u0435\\u0442\"),e.createElement(\"div\",{className:\"h-3\"})),e.createElement(\"div\",{className:\"border-t border-gray-100 bg-white px-4 py-2 text-xs text-gray-500 flex gap-4 flex-wrap\"},e.createElement(\"span\",null,v.n||0,\" \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0439\"),e.createElement(\"span\",null,\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F: \",e.createElement(\"b\",{className:\"text-emerald-600\"},O(v.income))),e.createElement(\"span\",null,\"\\u0412\\u044B\\u043F\\u043B\\u0430\\u0442\\u044B: \",e.createElement(\"b\",{className:\"text-rose-500\"},O(v.expense))),e.createElement(\"span\",null,\"\\u041F\\u0435\\u0440\\u0435\\u043C\\u0435\\u0449\\u0435\\u043D\\u0438\\u044F: \",e.createElement(\"b\",null,O(v.transfer))),e.createElement(\"span\",null,\"\\u0418\\u0442\\u043E\\u0433\\u043E: \",e.createElement(\"b\",{className:v.income-v.expense>=0?\"text-emerald-600\":\"text-rose-500\"},v.income-v.expense>=0?\"+\":\"\",O((v.income||0)-(v.expense||0)))))),g&&e.createElement(Ae,{meta:s,initial:g.id?g:null,onClose:()=>m(null),onSaved:()=>{u(),o()}}),l&&e.createElement(ct,{meta:s,onClose:()=>a(!1),onDone:()=>{u(),o()}}))}var Ke={sale:\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0438 \\u043F\\u043E \\u043F\\u0440\\u043E\\u0434\\u0430\\u0436\\u0430\\u043C\",purchase:\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0438 \\u043F\\u043E \\u0437\\u0430\\u043A\\u0443\\u043F\\u043A\\u0430\\u043C\"};function Re({initial:s,kind:o,onClose:h,onSaved:i}){let[t,p]=C(s||{name:\"\",client:\"\",status:\"work\",amount:\"\",created_at:V(),comment:\"\",deal_type:o||\"sale\"}),g=(l,a)=>p(N=>({...N,[l]:a})),m=async()=>{if(!t.name)return alert(\"\\u0423\\u043A\\u0430\\u0436\\u0438\\u0442\\u0435 \\u043D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435\");let l={...t,amount:Number(t.amount)||0};t.id?await B(\"/deals/\"+t.id,\"PUT\",l):await B(\"/deals\",\"POST\",l),i(),h()};return e.createElement(Q,{title:t.id?\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0430\":t.deal_type===\"purchase\"?\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u043D\\u0438\\u0435 \\u0437\\u0430\\u043A\\u0443\\u043F\\u043A\\u0438\":\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u043D\\u0438\\u0435 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438\",onClose:h},e.createElement(M,{label:\"\\u041D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435 (\\u043D\\u0430\\u043F\\u0440\\u0438\\u043C\\u0435\\u0440: \\u041C\\u0430\\u0442\\u0435\\u043B\\u0435\\u0432\\u0438\\u0447 \\u2116J1405)\"},e.createElement(P,{value:t.name,onChange:l=>g(\"name\",l.target.value)})),e.createElement(\"div\",{className:\"grid grid-cols-2 gap-x-4\"},e.createElement(M,{label:t.deal_type===\"purchase\"?\"\\u041F\\u043E\\u0441\\u0442\\u0430\\u0432\\u0449\\u0438\\u043A\":\"\\u041A\\u043B\\u0438\\u0435\\u043D\\u0442\"},e.createElement(P,{value:t.client,onChange:l=>g(\"client\",l.target.value)})),e.createElement(M,{label:\"\\u0421\\u0443\\u043C\\u043C\\u0430 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438, \\u20BD\"},e.createElement(P,{type:\"number\",value:t.amount,onChange:l=>g(\"amount\",l.target.value)})),e.createElement(M,{label:\"\\u0421\\u0442\\u0430\\u0442\\u0443\\u0441\"},e.createElement(L,{value:t.status,onChange:l=>g(\"status\",l.target.value)},Object.entries(ie).map(([l,a])=>e.createElement(\"option\",{key:l,value:l},a.label)))),e.createElement(M,{label:\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u043D\\u0430\"},e.createElement(P,{type:\"date\",value:(t.created_at||\"\").slice(0,10),onChange:l=>g(\"created_at\",l.target.value)}))),e.createElement(M,{label:\"\\u041A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0439\"},e.createElement(P,{value:t.comment,onChange:l=>g(\"comment\",l.target.value)})),e.createElement(\"div\",{className:\"flex justify-end gap-2\"},e.createElement(I,{kind:\"ghost\",onClick:h},\"\\u041E\\u0442\\u043C\\u0435\\u043D\\u0430\"),e.createElement(I,{onClick:m},\"\\u0421\\u043E\\u0445\\u0440\\u0430\\u043D\\u0438\\u0442\\u044C\")))}function gt({id:s,meta:o,refreshMeta:h,onBack:i,kindTitle:t}){let[p,g]=C(null),[m,l]=C(\"items\"),[a,N]=C(null),[c,x]=C(!1),[w,u]=C(null),[n,r]=C(null),[f,d]=C(null),[k,T]=C(\"\"),j=()=>{B(\"/deals/\"+s).then(g)};if(W(()=>{j()},[s]),!p)return e.createElement(\"div\",{className:\"p-6 text-gray-400 text-sm\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");let S=p.deal,v=Number(S.income_all)-Number(S.expense_all),y=Number(S.income_all)?Math.round(v/Number(S.income_all)*100):0,F=S.amount>0?Math.min(100,Math.round(Number(S.received)/Number(S.amount)*100)):0,z=S.amount>0?Math.min(100,Math.round(Number(S.shipped)/Number(S.amount)*100)):0,U=Number(S.received)-Number(S.shipped),Y=p.ops.filter(_=>_.op_type===\"income\"),ae=p.ops.filter(_=>_.op_type===\"expense\"),ce=async _=>{await B(\"/deals/\"+s,\"PUT\",{...S,status:_}),j()},ve=async()=>{k.trim()&&(await B(`/deals/${s}/comments`,\"POST\",{text:k}),T(\"\"),j())},fe=({rows:_,addType:Z})=>e.createElement(\"div\",null,e.createElement(\"div\",{className:\"flex justify-end p-2\"},e.createElement(I,{small:!0,onClick:()=>N({op_type:Z})},\"\\u0414\\u043E\\u0431\\u0430\\u0432\\u0438\\u0442\\u044C\")),e.createElement(\"table\",{className:\"w-full text-sm\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3\"},\"\\u0414\\u0430\\u0442\\u0430\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0421\\u0447\\u0451\\u0442\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u041A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0421\\u0442\\u0430\\u0442\\u044C\\u044F\"),e.createElement(\"th\",{className:\"p-2 text-right pr-3\"},\"\\u0421\\u0443\\u043C\\u043C\\u0430\"))),e.createElement(\"tbody\",null,_.map(X=>e.createElement(\"tr\",{key:X.id,className:\"border-t border-gray-50\"},e.createElement(\"td\",{className:\"p-2 pl-3 text-gray-500\"},q(X.date)),e.createElement(\"td\",{className:\"p-2 text-gray-600\"},X.account_name),e.createElement(\"td\",{className:\"p-2 text-gray-700\"},X.contractor_name||\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-gray-600\"},X.category_name||\"\\u2014\",!X.confirmed&&e.createElement(\"span\",{className:\"ml-1 text-[10px] bg-slate-100 text-slate-500 rounded px-1\"},\"\\u043F\\u043B\\u0430\\u043D\")),e.createElement(\"td\",{className:\"p-2 pr-3 text-right font-medium whitespace-nowrap \"+(X.op_type===\"income\"?\"text-emerald-600\":\"text-rose-500\")},X.op_type===\"income\"?\"+\":\"\\u2212\",O(X.amount)))),_.length===0&&e.createElement(\"tr\",null,e.createElement(\"td\",{colSpan:5,className:\"p-4 text-center text-gray-400\"},\"\\u041F\\u043E\\u043A\\u0430 \\u043F\\u0443\\u0441\\u0442\\u043E\"))))),Fe=p.items.reduce((_,Z)=>_+Number(Z.qty)*Number(Z.price),0),ge=[[\"items\",`\\u0422\\u043E\\u0432\\u0430\\u0440\\u044B \\u0438 \\u0443\\u0441\\u043B\\u0443\\u0433\\u0438 \\xB7 ${p.items.length}`],[\"in\",`\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F \\xB7 ${Y.length}`],[\"exp\",`\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B \\xB7 ${ae.length}`],[\"ship\",`\\u041E\\u0442\\u0433\\u0440\\u0443\\u0437\\u043A\\u0438 \\xB7 ${p.shipments.length}`],[\"inv\",`\\u0421\\u0447\\u0435\\u0442\\u0430 \\xB7 ${p.invoices.length}`]];return e.createElement(\"div\",{className:\"p-6\"},e.createElement(\"button\",{className:\"text-sm text-[#2aa3af] mb-2\",onClick:i},\"\\u2190 \",t),e.createElement(\"div\",{className:\"flex items-center gap-3 mb-4 flex-wrap\"},e.createElement(\"h1\",{className:\"text-[24px] font-bold text-[#37474f]\"},S.name),e.createElement(I,{small:!0,kind:\"ghost\",onClick:()=>x(!0)},\"\\u0418\\u0437\\u043C\\u0435\\u043D\\u0438\\u0442\\u044C\")),e.createElement(\"div\",{style:{display:\"grid\",gridTemplateColumns:\"repeat(auto-fit, minmax(255px, 1fr))\",gap:12},className:\"mb-5\"},e.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm min-w-0\"},e.createElement(\"div\",{className:\"flex items-start justify-between gap-2\"},e.createElement(\"div\",null,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-[22px] font-bold text-[#37474f] whitespace-nowrap leading-tight\"},O(S.amount))),e.createElement(L,{value:S.status,onChange:_=>ce(_.target.value),className:\"!w-40 !py-1.5\"},Object.entries(ie).map(([_,Z])=>e.createElement(\"option\",{key:_,value:_},Z.label)))),e.createElement(\"div\",{className:\"border-t border-gray-100 mt-3 pt-2\"},e.createElement(\"div\",{className:\"text-xs text-gray-500 py-0.5\"},\"\\u0422\\u0438\\u043F \",e.createElement(\"span\",{className:\"text-gray-700 ml-2\"},S.deal_type===\"purchase\"?\"\\u0417\\u0430\\u043A\\u0443\\u043F\\u043A\\u0430\":\"\\u041F\\u0440\\u043E\\u0434\\u0430\\u0436\\u0430\")),e.createElement(\"div\",{className:\"text-xs text-gray-500 py-0.5\"},\"\\u041A\\u043B\\u0438\\u0435\\u043D\\u0442 \",e.createElement(\"span\",{className:\"text-gray-700 ml-2\"},S.client||\"\\u2014\")),e.createElement(\"div\",{className:\"text-xs text-gray-500 py-0.5\"},\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u043D\\u0430 \",e.createElement(\"span\",{className:\"text-gray-700 ml-2\"},q(S.created_at))))),e.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm min-w-0\"},e.createElement(\"div\",{className:\"text-[11px] text-gray-400 uppercase tracking-wide mb-2\"},\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F\"),e.createElement(\"div\",{className:\"flex items-center gap-3\"},e.createElement(\"div\",{className:\"w-11 h-11 rounded-lg bg-emerald-50 text-emerald-500 flex items-center justify-center shrink-0\"},e.createElement(D.arrowIn,{size:22})),e.createElement(\"div\",{className:\"min-w-0\"},e.createElement(\"div\",{className:\"text-[20px] font-bold text-emerald-600 whitespace-nowrap leading-tight\"},O(S.received)),e.createElement(\"div\",{className:\"text-xs text-gray-400\"},\"\\u0438\\u0437 \",O(S.amount)))),e.createElement(\"div\",{className:\"h-1.5 bg-gray-100 rounded mt-3\"},e.createElement(\"div\",{className:\"h-1.5 bg-emerald-500 rounded\",style:{width:F+\"%\"}})),e.createElement(\"div\",{className:\"text-xs text-gray-500 mt-1.5\"},\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u0438\\u043B\\u043E: \",F,\"%\")),e.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm min-w-0\"},e.createElement(\"div\",{className:\"text-[11px] text-gray-400 uppercase tracking-wide mb-2\"},\"\\u041E\\u0442\\u0433\\u0440\\u0443\\u0437\\u043A\\u0438 \\u043A\\u043B\\u0438\\u0435\\u043D\\u0442\\u0443\"),e.createElement(\"div\",{className:\"flex items-center gap-3\"},e.createElement(\"div\",{className:\"w-11 h-11 rounded-lg bg-sky-50 text-sky-500 flex items-center justify-center shrink-0\"},e.createElement(D.deals,{size:22})),e.createElement(\"div\",{className:\"min-w-0\"},e.createElement(\"div\",{className:\"text-[20px] font-bold text-sky-600 whitespace-nowrap leading-tight\"},O(S.shipped)),e.createElement(\"div\",{className:\"text-xs text-gray-400\"},\"\\u0438\\u0437 \",O(S.amount)))),e.createElement(\"div\",{className:\"h-1.5 bg-gray-100 rounded mt-3\"},e.createElement(\"div\",{className:\"h-1.5 bg-sky-500 rounded\",style:{width:z+\"%\"}})),e.createElement(\"div\",{className:\"text-xs text-gray-500 mt-1.5\"},\"\\u041E\\u0442\\u0433\\u0440\\u0443\\u0436\\u0435\\u043D\\u043E: \",z,\"%\",U>.005&&e.createElement(\"span\",{className:\"text-amber-600\"},\" \\xB7 \\u041C\\u044B \\u0434\\u043E\\u043B\\u0436\\u043D\\u044B: \",O(U)))),e.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm min-w-0\"},e.createElement(\"div\",{className:\"flex items-start justify-between\"},e.createElement(\"div\",{className:\"text-[11px] text-gray-400 uppercase tracking-wide mb-2\"},\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438\"),e.createElement(\"span\",{className:\"text-xs text-gray-400\"},\"\\u0423\\u0447\\u0435\\u0442 \\u25BE\")),e.createElement(\"div\",{className:\"flex items-center gap-3\"},e.createElement(\"div\",{className:\"w-11 h-11 rounded-lg bg-slate-100 text-slate-500 flex items-center justify-center shrink-0\"},e.createElement(D.chart,{size:22})),e.createElement(\"div\",{className:\"min-w-0\"},e.createElement(\"div\",{className:\"text-[20px] font-bold whitespace-nowrap leading-tight \"+(v>=0?\"text-[#37474f]\":\"text-rose-600\")},O(v)),e.createElement(\"div\",{className:\"text-xs text-gray-400\"},\"\\u0420\\u0435\\u043D\\u0442\\u0430\\u0431\\u0435\\u043B\\u044C\\u043D\\u043E\\u0441\\u0442\\u044C \",y,\"%\"))),e.createElement(\"div\",{className:\"h-1.5 bg-gray-100 rounded mt-3\"},e.createElement(\"div\",{className:\"h-1.5 bg-emerald-500 rounded\",style:{width:Math.max(0,Math.min(100,y))+\"%\"}})),e.createElement(\"div\",{className:\"text-xs text-gray-400 mt-1.5\"},e.createElement(\"span\",{className:\"text-emerald-600\"},\"\\u25CF \\u0414\\u043E\\u0445\\u043E\\u0434\\u044B +\",O(S.income_all)),\" \\xB7 \",e.createElement(\"span\",{className:\"text-gray-400\"},\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B \\u2212\",O(S.expense_all))))),e.createElement(\"div\",{className:\"grid gap-4\",style:{gridTemplateColumns:\"1fr 300px\"}},e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm min-w-0\"},e.createElement(\"div\",{className:\"flex border-b border-gray-100 text-sm overflow-x-auto\"},ge.map(([_,Z])=>e.createElement(\"button\",{key:_,onClick:()=>l(_),className:\"px-4 py-2.5 whitespace-nowrap uppercase text-xs tracking-wide \"+(m===_?\"text-[#2aa3af] font-semibold border-b-2 border-[#2aa3af] -mb-px\":\"text-gray-400 hover:text-gray-600\")},Z))),m===\"items\"&&e.createElement(\"div\",null,e.createElement(\"div\",{className:\"flex justify-between items-center p-2 pl-3\"},e.createElement(\"div\",{className:\"text-xs text-gray-400\"},\"\\u0422\\u043E\\u0432\\u0430\\u0440\\u044B \\u0438 \\u0443\\u0441\\u043B\\u0443\\u0433\\u0438 \\u043F\\u043E \\u0441\\u0434\\u0435\\u043B\\u043A\\u0435\"),e.createElement(I,{small:!0,onClick:()=>r({name:(o.products[0]||{}).name||\"\",qty:1,unit:\"\\u0443\\u0441\\u043B\",price:S.amount||\"\"})},\"\\u0414\\u043E\\u0431\\u0430\\u0432\\u0438\\u0442\\u044C\")),e.createElement(\"table\",{className:\"w-full text-sm\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3\"},\"\\u041D\\u0430\\u0438\\u043C\\u0435\\u043D\\u043E\\u0432\\u0430\\u043D\\u0438\\u0435\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u041A\\u043E\\u043B-\\u0432\\u043E\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0415\\u0434\\u0438\\u043D\\u0438\\u0446\\u0430\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0426\\u0435\\u043D\\u0430 \\u0437\\u0430 \\u0435\\u0434.\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0421\\u0443\\u043C\\u043C\\u0430\"),e.createElement(\"th\",{className:\"p-2\"}))),e.createElement(\"tbody\",null,p.items.map(_=>e.createElement(\"tr\",{key:_.id,className:\"border-t border-gray-50\"},e.createElement(\"td\",{className:\"p-2 pl-3 text-gray-700\"},_.name),e.createElement(\"td\",{className:\"p-2 text-right\"},_.qty),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},_.unit),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},O(_.price)),e.createElement(\"td\",{className:\"p-2 text-right font-medium whitespace-nowrap\"},O(Number(_.qty)*Number(_.price))),e.createElement(\"td\",{className:\"p-2 text-right\"},e.createElement(H,{icon:D.trash,danger:!0,onClick:async()=>{await B(\"/items/\"+_.id,\"DELETE\"),j()}})))),p.items.length===0&&e.createElement(\"tr\",null,e.createElement(\"td\",{colSpan:6,className:\"p-4 text-center text-gray-400\"},\"\\u0412\\u044B\\u0431\\u0435\\u0440\\u0438\\u0442\\u0435 \\u0442\\u043E\\u0432\\u0430\\u0440\\u044B \\u0438\\u043B\\u0438 \\u0443\\u0441\\u043B\\u0443\\u0433\\u0438 \\u0434\\u043B\\u044F \\u043F\\u0440\\u043E\\u0434\\u0430\\u0436\\u0438\")))),p.items.length>0&&e.createElement(\"div\",{className:\"p-2 pl-3 text-xs text-gray-500 border-t border-gray-50\"},p.items.length,\" \\u043F\\u043E\\u0437\\u0438\\u0446\\u0438\\u044F \\u043D\\u0430 \\u0441\\u0443\\u043C\\u043C\\u0443: \",e.createElement(\"b\",null,O(Fe)))),m===\"in\"&&e.createElement(fe,{rows:Y,addType:\"income\"}),m===\"exp\"&&e.createElement(fe,{rows:ae,addType:\"expense\"}),m===\"ship\"&&e.createElement(\"div\",null,e.createElement(\"div\",{className:\"flex justify-between items-center p-2 pl-3\"},e.createElement(\"div\",{className:\"text-xs text-gray-400\"},\"\\u041E\\u0442\\u0433\\u0440\\u0443\\u0437\\u043A\\u0438 (\\u0430\\u043A\\u0442\\u044B) \\u2014 \\u0443\\u0447\\u0451\\u0442 \\u043F\\u043E \\u043C\\u0435\\u0442\\u043E\\u0434\\u0443 \\u043D\\u0430\\u0447\\u0438\\u0441\\u043B\\u0435\\u043D\\u0438\\u044F\"),e.createElement(I,{small:!0,onClick:()=>u({date:V(),amount:S.amount||\"\",comment:\"\"})},\"\\u0414\\u043E\\u0431\\u0430\\u0432\\u0438\\u0442\\u044C\")),e.createElement(\"table\",{className:\"w-full text-sm\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3\"},\"\\u0414\\u0430\\u0442\\u0430\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u041A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0439\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0421\\u0443\\u043C\\u043C\\u0430\"),e.createElement(\"th\",{className:\"p-2\"}))),e.createElement(\"tbody\",null,p.shipments.map(_=>e.createElement(\"tr\",{key:_.id,className:\"border-t border-gray-50\"},e.createElement(\"td\",{className:\"p-2 pl-3 text-gray-500\"},q(_.date)),e.createElement(\"td\",{className:\"p-2 text-gray-600\"},_.comment||\"\\u0410\\u043A\\u0442 \\u0432\\u044B\\u043F\\u043E\\u043B\\u043D\\u0435\\u043D\\u043D\\u044B\\u0445 \\u0440\\u0430\\u0431\\u043E\\u0442\"),e.createElement(\"td\",{className:\"p-2 text-right font-medium whitespace-nowrap text-sky-600\"},O(_.amount)),e.createElement(\"td\",{className:\"p-2 text-right\"},e.createElement(H,{icon:D.trash,danger:!0,onClick:async()=>{await B(\"/shipments/\"+_.id,\"DELETE\"),j()}})))),p.shipments.length===0&&e.createElement(\"tr\",null,e.createElement(\"td\",{colSpan:4,className:\"p-4 text-center text-gray-400\"},\"\\u041E\\u0442\\u0433\\u0440\\u0443\\u0437\\u043E\\u043A \\u043F\\u043E\\u043A\\u0430 \\u043D\\u0435\\u0442\"))))),m===\"inv\"&&e.createElement(\"div\",null,e.createElement(\"div\",{className:\"flex justify-between items-center p-2 pl-3\"},e.createElement(\"div\",{className:\"text-xs text-gray-400\"},\"\\u0421\\u0447\\u0435\\u0442\\u0430, \\u0432\\u044B\\u0441\\u0442\\u0430\\u0432\\u043B\\u0435\\u043D\\u043D\\u044B\\u0435 \\u043F\\u043E \\u0441\\u0434\\u0435\\u043B\\u043A\\u0435\"),e.createElement(I,{small:!0,onClick:()=>d({number:\"\",date:V(),amount:S.amount||\"\",client:S.client,comment:\"\"})},\"\\u0412\\u044B\\u0441\\u0442\\u0430\\u0432\\u0438\\u0442\\u044C \\u0441\\u0447\\u0451\\u0442\")),e.createElement(\"table\",{className:\"w-full text-sm\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3\"},\"\\u2116\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0414\\u0430\\u0442\\u0430\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u041A\\u043B\\u0438\\u0435\\u043D\\u0442\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0421\\u0443\\u043C\\u043C\\u0430\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0421\\u0442\\u0430\\u0442\\u0443\\u0441\"),e.createElement(\"th\",{className:\"p-2\"}))),e.createElement(\"tbody\",null,p.invoices.map(_=>e.createElement(\"tr\",{key:_.id,className:\"border-t border-gray-50\"},e.createElement(\"td\",{className:\"p-2 pl-3\"},_.number||\"\\u0431/\\u043D\"),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},q(_.date)),e.createElement(\"td\",{className:\"p-2 text-gray-700\"},_.client||\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},O(_.amount)),e.createElement(\"td\",{className:\"p-2\"},_.status===\"paid\"?e.createElement(\"span\",{className:\"text-xs px-2 py-0.5 rounded bg-emerald-100 text-emerald-700\"},\"\\u041E\\u043F\\u043B\\u0430\\u0447\\u0435\\u043D\"):e.createElement(\"button\",{className:\"text-xs px-2 py-0.5 rounded bg-amber-100 text-amber-700\",onClick:async()=>{await B(`/invoices/${_.id}/paid`,\"POST\",{}),j()}},\"\\u041D\\u0435 \\u043E\\u043F\\u043B\\u0430\\u0447\\u0435\\u043D \\u2192 \\u043E\\u043F\\u043B\\u0430\\u0442\\u0438\\u0442\\u044C\")),e.createElement(\"td\",{className:\"p-2 text-right\"},e.createElement(H,{icon:D.trash,danger:!0,onClick:async()=>{await B(\"/invoices/\"+_.id,\"DELETE\"),j()}})))),p.invoices.length===0&&e.createElement(\"tr\",null,e.createElement(\"td\",{colSpan:6,className:\"p-4 text-center text-gray-400\"},\"\\u0421\\u0447\\u0435\\u0442\\u043E\\u0432 \\u043D\\u0435\\u0442\")))))),e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4 h-fit\"},e.createElement(\"div\",{className:\"text-xs uppercase tracking-wide text-gray-400 font-semibold mb-3\"},\"\\u0424\\u0430\\u0439\\u043B\\u044B \\u0438 \\u043A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0438\"),(p.comments||[]).length===0&&e.createElement(\"div\",{className:\"text-xs text-gray-400 text-center py-6\"},\"\\u041E\\u0441\\u0442\\u0430\\u0432\\u043B\\u044F\\u0439\\u0442\\u0435 \\u043A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0438\",e.createElement(\"br\",null),\"\\u0434\\u043B\\u044F \\u0441\\u0435\\u0431\\u044F \\u0438 \\u0441\\u0432\\u043E\\u0438\\u0445 \\u043A\\u043E\\u043B\\u043B\\u0435\\u0433\"),e.createElement(\"div\",{className:\"max-h-72 overflow-y-auto mb-3\"},(p.comments||[]).map(_=>e.createElement(\"div\",{key:_.id,className:\"mb-2 bg-slate-50 r",[],[56,103],"e96555d0-6e9a-4b53-bfad-00d39e89f144","src","2ba02cd3-9593-4dc3-a930-7ca2c0361271",14,["D",1787303399682],[117,118,119,120,121,122,123],[56,111],{"_33":173,"_13":174,"_36":175,"_38":112,"_40":41,"_42":176,"_44":45,"_46":177,"_17":153,"_49":24,"_50":178,"_52":53,"_54":-5,"_67":179,"_18":180},{"_33":165,"_13":166,"_36":167,"_38":112,"_40":41,"_42":168,"_44":45,"_46":169,"_17":71,"_49":24,"_50":170,"_52":53,"_54":-5,"_67":171,"_18":172},{"_33":157,"_13":158,"_36":159,"_38":112,"_40":41,"_42":160,"_44":45,"_46":161,"_17":153,"_49":24,"_50":162,"_52":53,"_54":-5,"_67":163,"_18":164},{"_33":148,"_13":149,"_36":150,"_38":112,"_40":41,"_42":151,"_44":45,"_46":152,"_17":153,"_49":24,"_50":154,"_52":53,"_54":-5,"_67":155,"_18":156},{"_33":140,"_13":141,"_36":142,"_38":112,"_40":41,"_42":143,"_44":45,"_46":144,"_17":71,"_49":24,"_50":145,"_52":53,"_54":-5,"_67":146,"_18":147},{"_33":132,"_13":133,"_36":134,"_38":112,"_40":41,"_42":135,"_44":45,"_46":136,"_17":71,"_49":24,"_50":137,"_52":53,"_54":-5,"_67":138,"_18":139},{"_33":124,"_13":125,"_36":126,"_38":112,"_40":41,"_42":127,"_44":45,"_46":128,"_17":73,"_49":24,"_50":129,"_52":53,"_54":-5,"_67":130,"_18":131},"3c381802-973b-465b-8d98-d340c7b73d62","pages_ops.tsx","9b41eb6c-9d49-11f1-a5f0-1607ee4eb77e",39,["D",1787307488809],"// Страницы: Операции (модалка, импорт, список)\nimport {\n React, useEffect, useState, api, fmt, fmtDate, todayStr,\n flatCats, Modal, Field, TInput, TSelect, Check, Btn, IconBtn, Icons,\n} from \"./lib.tsx\";\n\n// ---------- Операция: модалка ----------\nexport function OpModal({ meta, initial, onClose, onSaved }) {\n const [f, setF] = useState(initial || {\n op_type: \"income\", date: todayStr(), confirmed: true, amount: \"\", account_id: \"\", account2_id: \"\",\n category_id: \"\", contractor_id: \"\", deal_id: \"\", project_id: \"\", purpose: \"\",\n });\n const [deals, setDeals] = useState([]);\n useEffect(() => { api(\"/deals\").then(setDeals); }, []);\n const set = (k, v) => setF((s) => ({ ...s, [k]: v }));\n const cats = flatCats(meta.categories, f.op_type === \"expense\" ? \"expense\" : \"income\");\n const save = async () => {\n if (!f.amount || !f.account_id) return alert(\"Укажите сумму и счёт\");\n const body = { ...f, amount: Number(f.amount), account_id: Number(f.account_id) || null,\n account2_id: Number(f.account2_id) || null, category_id: Number(f.category_id) || null,\n contractor_id: Number(f.contractor_id) || null, deal_id: Number(f.deal_id) || null,\n project_id: Number(f.project_id) || null };\n if (f.id) await api(\"/ops/\" + f.id, \"PUT\", body); else await api(\"/ops\", \"POST\", body);\n onSaved(); onClose();\n };\n return (\n \n

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

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

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

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

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

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

setText(e.target.value)} />\n      <div className=\"grid grid-cols-2 gap-4 mb-3\">\n        <Field label=\"Зачислить на счёт\">\n          <TSelect value={accountId} onChange={(e) => setAccountId(e.target.value)}>\n            <option value=\"\">Выбрать счёт…</option>\n            {meta.accounts.filter((a) => a.active).map((a) => <option key={a.id} value={a.id}>{a.name}</option>)}\n          </TSelect>\n        </Field>\n        <div className=\"pt-5\"><Check label=\"Оплаты подтверждены (факт)\" checked={confirmed} onChange={setConfirmed} /></div>\n      </div>\n      {preview && (\n        <div className=\"text-sm mb-3\">\n          Распознано строк: <b>{preview.length}</b>\n          {preview.length > 0 && (\n            <span className=\"text-gray-500\"> · поступлений {preview.filter((x) => x.op_type === \"income\").length}, выплат {preview.filter((x) => x.op_type === \"expense\").length}</span>\n          )}\n        </div>\n      )}\n      <div className=\"flex justify-end gap-2\">\n        <Btn kind=\"ghost\" onClick={onClose}>Отмена</Btn>\n        {!preview ? <Btn onClick={parse}>Проверить</Btn> : <Btn onClick={doImport}>Импортировать {preview.length}</Btn>}\n      </div>\n    </Modal>\n  );\n}\n\n// ---------- Операции ----------\nexport function PageOps({ meta, refreshMeta }) {\n  const [data, setData] = useState({ rows: [], totals: {} });\n  const [flt, setFlt] = useState({\n    income: true, expense: true, transfer: true, conf: true, unconf: true,\n    account: \"\", category: \"\", contractor: \"\", project: \"\", q: \"\", from: \"\", to: \"\", uncat: false,\n  });\n  const [modal, setModal] = useState(null);\n  const [imp, setImp] = useState(false);\n  const [sel, setSel] = useState({});\n  const [bulkCat, setBulkCat] = useState(\"\");\n  const load = () => {\n    const p = new URLSearchParams();\n    const types = [flt.income && \"income\", flt.expense && \"expense\", flt.transfer && \"transfer\"].filter(Boolean);\n    if (types.length === 1) p.set(\"type\", types[0]);\n    if (flt.conf !== flt.unconf) p.set(\"confirmed\", flt.conf ? \"1\" : \"0\");\n    for (const k of [\"account\", \"category\", \"contractor\", \"project\", \"q\", \"from\", \"to\"]) if (flt[k]) p.set(k, flt[k]);\n    if (flt.uncat) p.set(\"uncat\", \"1\");\n    api(\"/ops?\" + p.toString()).then((d) => {\n      const types2 = new Set(types.length ? types : [\"income\", \"expense\", \"transfer\"]);\n      d.rows = d.rows.filter((r) => types2.has(r.op_type));\n      setData(d);\n    });\n  };\n  useEffect(() => { load(); }, [JSON.stringify(flt)]);\n  const set = (k, v) => setFlt((s) => ({ ...s, [k]: v }));\n  const confirm = async (id) => { await api(`/ops/${id}/confirm`, \"POST\", {}); load(); refreshMeta(); };\n  const del = async (id) => { if (window.confirm(\"Удалить операцию?\")) { await api(\"/ops/\" + id, \"DELETE\"); load(); refreshMeta(); } };\n  const allCats = [...flatCats(meta.categories, \"income\"), ...flatCats(meta.categories, \"expense\")];\n  const selIds = Object.keys(sel).filter((k) => sel[k]);\n  const applyBulk = async () => {\n    if (!bulkCat) return alert(\"Выберите статью\");\n    await api(\"/ops/bulk\", \"POST\", { ids: selIds.map(Number), category_id: Number(bulkCat) });\n    setSel({}); setBulkCat(\"\"); load();\n  };\n  const groups = [];\n  let cur = null;\n  for (const r of data.rows) {\n    if (!cur || cur.date !== r.date) { cur = { date: r.date, rows: [] }; groups.push(cur); }\n    cur.rows.push(r);\n  }\n  const t = data.totals || {};\n  return (\n    <div className=\"flex h-full\">\n      <div className=\"w-60 shrink-0 bg-white border-r border-gray-100 p-4 text-sm overflow-y-auto\">\n        <div className=\"font-semibold text-[#22313f] mb-2\">Фильтры</div>\n        <div className=\"text-xs text-gray-400 mb-1\">Тип операции</div>\n        <Check label=\"Поступление\" checked={flt.income} onChange={(v) => set(\"income\", v)} />\n        <Check label=\"Выплата\" checked={flt.expense} onChange={(v) => set(\"expense\", v)} />\n        <Check label=\"Перемещение\" checked={flt.transfer} onChange={(v) => set(\"transfer\", v)} />\n        <div className=\"text-xs text-gray-400 mt-3 mb-1\">Дата оплаты</div>\n        <Check label=\"Подтверждена\" checked={flt.conf} onChange={(v) => set(\"conf\", v)} />\n        <Check label=\"Не подтверждена\" checked={flt.unconf} onChange={(v) => set(\"unconf\", v)} />\n        <div className=\"mt-3\" />\n        <Field label=\"Счёт\">\n          <TSelect value={flt.account} onChange={(e) => set(\"account\", e.target.value)}>\n            <option value=\"\">Все</option>\n            {meta.accounts.map((a) => <option key={a.id} value={a.id}>{a.name}</option>)}\n          </TSelect>\n        </Field>\n        <Field label=\"Статья учёта\">\n          <TSelect value={flt.category} onChange={(e) => set(\"category\", e.target.value)}>\n            <option value=\"\">Все</option>\n            {allCats.map((c) => <option key={c.id} value={c.id}>{\" \".repeat(c.depth * 2) + c.name}</option>)}\n          </TSelect>\n        </Field>\n        <Field label=\"Контрагент\">\n          <TSelect value={flt.contractor} onChange={(e) => set(\"contractor\", e.target.value)}>\n            <option value=\"\">Все</option>\n            {meta.contractors.map((x) => <option key={x.id} value={x.id}>{x.name}</option>)}\n          </TSelect>\n        </Field>\n        <Field label=\"Проект\">\n          <TSelect value={flt.project} onChange={(e) => set(\"project\", e.target.value)}>\n            <option value=\"\">Все</option>\n            {(meta.projects || []).map((x) => <option key={x.id} value={x.id}>{x.name}</option>)}\n          </TSelect>\n        </Field>\n        <Field label=\"Период с\"><TInput type=\"date\" value={flt.from} onChange={(e) => set(\"from\", e.target.value)} /></Field>\n        <Field label=\"по\"><TInput type=\"date\" value={flt.to} onChange={(e) => set(\"to\", e.target.value)} /></Field>\n        <Check label=\"Только нераспределённые\" checked={flt.uncat} onChange={(v) => set(\"uncat\", v)} />\n      </div>\n      <div className=\"flex-1 flex flex-col min-w-0\">\n        <div className=\"flex items-center gap-2 p-4 pb-2 flex-wrap\">\n          <h1 className=\"text-[22px] font-bold text-[#22313f] mr-1\">Операции</h1>\n          <Btn onClick={() => setModal({})}>Создать</Btn>\n          <Btn kind=\"ghost\" onClick={() => setImp(true)}>Импортировать</Btn>\n          <input className=\"ml-auto border border-gray-200 rounded px-3 py-1.5 text-sm w-64\" placeholder=\"Поиск по операциям\"\n            value={flt.q} onChange={(e) => set(\"q\", e.target.value)} />\n        </div>\n        {selIds.length > 0 && (\n          <div className=\"mx-4 mb-2 bg-teal-50 border border-teal-100 rounded px-3 py-2 flex items-center gap-3 text-sm\">\n            <b>{selIds.length}</b> выбрано · назначить статью:\n            <TSelect value={bulkCat} onChange={(e) => setBulkCat(e.target.value)} className=\"!w-64\">\n              <option value=\"\">Выбрать…</option>\n              {allCats.map((c) => <option key={c.id} value={c.id}>{\" \".repeat(c.depth * 2) + c.name}</option>)}\n            </TSelect>\n            <Btn small onClick={applyBulk}>Применить</Btn>\n            <button className=\"text-gray-400 text-xs\" onClick={() => setSel({})}>Снять выбор</button>\n          </div>\n        )}\n        <div className=\"flex-1 overflow-y-auto px-4\">\n          <table className=\"w-full text-sm bg-white rounded-lg shadow-sm\">\n            <thead><tr className=\"text-left text-xs text-gray-400\">\n              <th className=\"p-2 pl-3 w-6\"></th>\n              <th className=\"p-2\">Дата</th><th className=\"p-2\">Счёт</th><th className=\"p-2\">Тип</th>\n              <th className=\"p-2\">Контрагент</th><th className=\"p-2\">Статья</th><th className=\"p-2\">Сделка / Проект</th>\n              <th className=\"p-2 text-right\">Сумма</th><th className=\"p-2\"></th>\n            </tr></thead>\n            {groups.map((g) => (\n              <tbody key={g.date}>\n                <tr><td colSpan={9} className=\"px-3 pt-3 pb-1 text-xs font-semibold text-slate-500\">{fmtDate(g.date)}{g.date === todayStr() ? \" · Сегодня\" : \"\"}</td></tr>\n                {g.rows.map((r) => (\n                  <tr key={r.id} className=\"border-t border-gray-50 hover:bg-slate-50\">\n                    <td className=\"p-2 pl-3\">\n                      {r.op_type !== \"transfer\" && (\n                        <input type=\"checkbox\" className=\"accent-[#2aa3af]\" checked={!!sel[r.id]}\n                          onChange={(e) => setSel((s) => ({ ...s, [r.id]: e.target.checked }))} />\n                      )}\n                    </td>\n                    <td className=\"p-2 text-gray-500 whitespace-nowrap\">{fmtDate(r.date)}</td>\n                    <td className=\"p-2 text-gray-700\">{r.account_name}{r.op_type === \"transfer\" && <div className=\"text-gray-400 text-xs\">→ {r.account2_name}</div>}</td>\n                    <td className=\"p-2\">\n                      <span className={r.op_type === \"income\" ? \"text-emerald-600\" : r.op_type === \"expense\" ? \"text-rose-500\" : \"text-gray-400\"}>\n                        {r.op_type === \"income\" ? <Icons.arrowIn size={15} /> : r.op_type === \"expense\" ? <Icons.arrowOut size={15} /> : <Icons.swap size={15} />}\n                      </span>\n                    </td>\n                    <td className=\"p-2 text-gray-700 max-w-[170px] truncate\">{r.contractor_name || \"—\"}</td>\n                    <td className=\"p-2 text-gray-600 max-w-[220px]\">\n                      <div className=\"truncate\">{r.op_type === \"transfer\" ? \"Перевод между счетами\" : (r.category_name || <span className=\"text-amber-600\">Нераспределенный {r.op_type === \"income\" ? \"доход\" : \"расход\"}</span>)}</div>\n                      {r.purpose && <div className=\"text-gray-400 text-xs truncate\">{r.purpose}</div>}\n                    </td>\n                    <td className=\"p-2 text-gray-500 max-w-[130px]\">\n                      <div className=\"truncate\">{r.deal_name || \"\"}</div>\n                      {r.project_name && <div className=\"text-xs text-gray-400 truncate\">{r.project_name}</div>}\n                    </td>\n                    <td className=\"p-2 text-right whitespace-nowrap\">\n                      {r.op_type === \"transfer\"\n                        ? <div className=\"text-gray-600\">−{fmt(r.amount)}<div>+{fmt(r.amount)}</div></div>\n                        : <span className={r.op_type === \"income\" ? \"text-emerald-600 font-medium\" : \"text-rose-500 font-medium\"}>{r.op_type === \"income\" ? \"+\" : \"−\"}{fmt(r.amount)}</span>}\n                      {!r.confirmed && <div><span className=\"text-[10px] bg-slate-100 text-slate-500 rounded px-1\">не подтверждена</span></div>}\n                    </td>\n                    <td className=\"p-2 whitespace-nowrap text-right\">\n                      {!r.confirmed && <Btn small onClick={() => confirm(r.id)}>Подтв.</Btn>}\n                      <IconBtn icon={Icons.edit} onClick={() => setModal({ ...r, confirmed: !!r.confirmed })} />\n                      <IconBtn icon={Icons.trash} danger onClick={() => del(r.id)} />\n                    </td>\n                  </tr>\n                ))}\n              </tbody>\n            ))}\n          </table>\n          {data.rows.length === 0 && <div className=\"text-center text-gray-400 text-sm py-10\">Операций нет</div>}\n          <div className=\"h-3\" />\n        </div>\n        <div className=\"border-t border-gray-100 bg-white px-4 py-2 text-xs text-gray-500 flex gap-4 flex-wrap\">\n          <span>{t.n || 0} операций</span>\n          <span>Поступления: <b className=\"text-emerald-600\">{fmt(t.income)}</b></span>\n          <span>Выплаты: <b className=\"text-rose-500\">{fmt(t.expense)}</b></span>\n          <span>Перемещения: <b>{fmt(t.transfer)}</b></span>\n          <span>Итого: <b className={(t.income - t.expense) >= 0 ? \"text-emerald-600\" : \"text-rose-500\"}>{(t.income - t.expense) >= 0 ? \"+\" : \"\"}{fmt((t.income || 0) - (t.expense || 0))}</b></span>\n        </div>\n      </div>\n      {modal && <OpModal meta={meta} initial={modal.id ? modal : null} onClose={() => setModal(null)} onSaved={() => { load(); refreshMeta(); }} />}\n      {imp && <ImportModal meta={meta} onClose={() => setImp(false)} onDone={() => { load(); refreshMeta(); }} />}\n    </div>\n  );\n}\n",[],[56,111,125],"401251bc-d2a2-4fbe-badd-021b4c5997c9","pages_d.tsx","56ab9a3e-9d44-11f1-b494-1607ee4eb77e",57,["D",1787312381070],"// План (платёжный календарь, БДР, БДДС — бюджеты-документы), Отчёты (ДДС, ОПУ, Баланс)\nimport {\n  React, useEffect, useState, api, fmt0, fmtDate, thisYear, todayStr, monLabel, yearMonths,\n  flatCats, rootOfCat, Modal, Field, TInput, TSelect, Check, Btn, IconBtn, PageTitle, Tabs, YearSelect, Icons,\n} from \"./lib.tsx\";\n\n// ---------- Платёжный календарь ----------\nfunction CalendarTab() {\n  const [year, setYear] = useState(thisYear());\n  const [data, setData] = useState(null);\n  useEffect(() => { api(\"/calendar?year=\" + year).then(setData); }, [year]);\n  if (!data) return <div className=\"text-gray-400 text-sm\">Загрузка…</div>;\n  const byM = {};\n  for (const r of data.months) byM[r.m] = r;\n  const months = yearMonths(year);\n  const g = (m, k) => Number((byM[m] || {})[k] || 0);\n  const sum = (k) => months.reduce((s, m) => s + g(m, k), 0);\n  const Row = ({ label, k1, k2, bold, colorFn }) => (\n    <tr className={\"border-t border-gray-50 \" + (bold ? \"font-semibold bg-slate-50\" : \"\")}>\n      <td className=\"p-2 pl-3 whitespace-nowrap sticky left-0 bg-inherit\">{label}</td>\n      {months.map((m) => {\n        const v = k2 ? g(m, k1) - g(m, k2) : g(m, k1);\n        return <td key={m} className={\"p-2 text-right whitespace-nowrap \" + (colorFn ? colorFn(v) : \"\")}>{v ? fmt0(v) : \"—\"}</td>;\n      })}\n      {(() => { const v = k2 ? sum(k1) - sum(k2) : sum(k1); return <td className={\"p-2 text-right font-semibold whitespace-nowrap \" + (colorFn ? colorFn(v) : \"\")}>{v ? fmt0(v) : \"—\"}</td>; })()}\n    </tr>\n  );\n  return (\n    <div>\n      <div className=\"flex items-center gap-3 mb-3\">\n        <YearSelect value={year} onChange={setYear} />\n        <div className=\"text-xs text-gray-400\">факт — подтверждённые оплаты; план — все, включая неподтверждённые</div>\n      </div>\n      <div className=\"overflow-x-auto bg-white rounded-lg shadow-sm\">\n        <table className=\"text-sm min-w-full\">\n          <thead><tr className=\"text-xs text-gray-400\">\n            <th className=\"p-2 pl-3 text-left sticky left-0 bg-white\">Доходы и расходы, ₽</th>\n            {months.map((m) => <th key={m} className=\"p-2 text-right\">{monLabel(m)}</th>)}\n            <th className=\"p-2 text-right\">Итого</th>\n          </tr></thead>\n          <tbody>\n            <Row label=\"Доходы (факт)\" k1=\"income_fact\" colorFn={() => \"text-emerald-600\"} />\n            <Row label=\"Доходы (план)\" k1=\"income_plan\" colorFn={() => \"text-emerald-600/60\"} />\n            <Row label=\"Расходы (факт)\" k1=\"expense_fact\" colorFn={() => \"text-rose-500\"} />\n            <Row label=\"Расходы (план)\" k1=\"expense_plan\" colorFn={() => \"text-rose-500/60\"} />\n            <Row label=\"Чистая прибыль (факт)\" k1=\"income_fact\" k2=\"expense_fact\" bold colorFn={(v) => (v < 0 ? \"text-rose-600\" : \"text-[#22313f]\")} />\n            <Row label=\"Чистая прибыль (план)\" k1=\"income_plan\" k2=\"expense_plan\" bold colorFn={(v) => (v < 0 ? \"text-rose-600\" : \"text-slate-500\")} />\n          </tbody>\n        </table>\n      </div>\n    </div>\n  );\n}\n\n// ---------- бюджеты-документы (БДР / БДДС) ----------\n// мапа факта к строке бюджета\nfunction factForRow(rowKey, facts, categories) {\n  const out = {};\n  for (const f of facts) {\n    const root = f.category_id ? rootOfCat(categories, f.category_id) : null;\n    const rn = (root?.name || \"\").toLowerCase();\n    let match = false;\n    if (rowKey.startsWith(\"inc_\")) match = f.op_type === \"income\" && root && root.id === Number(rowKey.slice(4));\n    else if (rowKey.startsWith(\"out_\")) match = f.op_type === \"expense\" && root && root.id === Number(rowKey.slice(4));\n    else if (rowKey === \"var\") match = f.op_type === \"expense\" && rn.includes(\"переменные\");\n    else if (rowKey === \"fix\") match = f.op_type === \"expense\" && rn.includes(\"постоянные\");\n    else if (rowKey === \"tax\") match = f.op_type === \"expense\" && rn.includes(\"налог\");\n    else if (rowKey === \"int\") match = f.op_type === \"expense\" && (rn.includes(\"кредит\") || rn.includes(\"овердрафт\"));\n    else if (rowKey === \"oi\") match = f.op_type === \"income\" && rn.includes(\"прочие\");\n    else if (rowKey === \"oe\") match = f.op_type === \"expense\" && (rn.includes(\"нераспределен\") || rn.includes(\"прочие\"));\n    if (match) out[f.m] = (out[f.m] || 0) + Number(f.s);\n  }\n  return out;\n}\n\nfunction BudgetCard({ id, meta, onBack, btype }) {\n  const [data, setData] = useState(null);\n  const [showFact, setShowFact] = useState(true);\n  const load = () => { api(\"/budgets/\" + id).then(setData); };\n  useEffect(() => { load(); }, [id]);\n  if (!data) return <div className=\"text-gray-400 text-sm\">Загрузка…</div>;\n  const b = data.budget;\n  const months = yearMonths(String(b.year));\n  const valBy = {};\n  for (const v of data.values) ((valBy[v.row_key] = valBy[v.row_key] || {})[v.period] = Number(v.amount));\n  const save = async (rowKey, period, v) => { await api(`/budgets/${id}/value`, \"PUT\", { row_key: rowKey, period, amount: Number(v) || 0 }); };\n  const incRoots = meta.categories.filter((c) => c.kind === \"income\" && !c.parent_id);\n  const expRoots = meta.categories.filter((c) => c.kind === \"expense\" && !c.parent_id);\n  // строки бюджета\n  const rows = b.btype === \"bdds\"\n    ? [\n      { key: \"_hdr_in\", label: \"Поступления\", hdr: true },\n      ...incRoots.map((c) => ({ key: \"in_\" + c.id, fkey: \"inc_\" + c.id, label: c.name })),\n      { key: \"_hdr_out\", label: \"Выплаты\", hdr: true },\n      ...expRoots.map((c) => ({ key: \"out_\" + c.id, fkey: \"out_\" + c.id, label: c.name })),\n      { key: \"_net\", label: \"ЧИСТЫЙ ПОТОК\", calc: true },\n    ]\n    : [\n      { key: \"_hdr_rev\", label: \"Выручка\", hdr: true },\n      ...incRoots.filter((c) => !c.name.toLowerCase().includes(\"прочие\")).map((c) => ({ key: \"inc_\" + c.id, fkey: \"inc_\" + c.id, label: c.name })),\n      { key: \"var\", label: \"Переменные расходы\" },\n      { key: \"_marg\", label: \"Маржинальная прибыль\", calc: true },\n      { key: \"fix\", label: \"Постоянные расходы\" },\n      { key: \"oi\", label: \"Прочие доходы\" },\n      { key: \"oe\", label: \"Прочие расходы\" },\n      { key: \"dep\", label: \"Амортизация\" },\n      { key: \"int\", label: \"Проценты по кредитам и займам\" },\n      { key: \"tax\", label: \"Налог на прибыль (доходы)\" },\n      { key: \"_np\", label: \"Чистая прибыль (убыток)\", calc: true },\n    ];\n  const planAt = (rowKey, m) => Number(valBy[rowKey]?.[m] || 0);\n  const calcAt = (key, m) => {\n    if (b.btype === \"bdds\") {\n      const inn = incRoots.reduce((s, c) => s + planAt(\"in_\" + c.id, m), 0);\n      const out = expRoots.reduce((s, c) => s + planAt(\"out_\" + c.id, m), 0);\n      return inn - out;\n    }\n    const rev = incRoots.filter((c) => !c.name.toLowerCase().includes(\"прочие\")).reduce((s, c) => s + planAt(\"inc_\" + c.id, m), 0);\n    const marg = rev - planAt(\"var\", m);\n    if (key === \"_marg\") return marg;\n    return marg - planAt(\"fix\", m) + planAt(\"oi\", m) - planAt(\"oe\", m) - planAt(\"dep\", m) - planAt(\"int\", m) - planAt(\"tax\", m);\n  };\n  return (\n    <div>\n      <button className=\"text-sm text-[#2aa3af] mb-2\" onClick={onBack}>← Список бюджетов</button>\n      <div className=\"flex items-center gap-3 mb-3 flex-wrap\">\n        <h2 className=\"text-xl font-bold text-[#22313f]\">{b.name}</h2>\n        <span className=\"text-xs bg-slate-100 text-slate-600 rounded px-2 py-0.5\">{b.btype === \"bdds\" ? \"БДДС\" : \"БДР\"}</span>\n        <span className=\"text-xs bg-slate-100 text-slate-600 rounded px-2 py-0.5\">Янв '{String(b.year).slice(2)} — дек '{String(b.year).slice(2)}</span>\n        <span className=\"text-xs bg-slate-100 text-slate-600 rounded px-2 py-0.5\">RUB</span>\n        {b.project_name && <span className=\"text-xs bg-teal-50 text-teal-700 rounded px-2 py-0.5\">{b.project_name}</span>}\n        <Check label=\"Факт\" checked={showFact} onChange={setShowFact} />\n      </div>\n      <div className=\"overflow-x-auto bg-white rounded-lg shadow-sm\">\n        <table className=\"text-sm min-w-full\">\n          <thead><tr className=\"text-xs text-gray-400\">\n            <th className=\"p-2 pl-3 text-left sticky left-0 bg-white min-w-[210px]\"></th>\n            <th className=\"p-2 text-right\">Итого</th>\n            {months.map((m) => <th key={m} className=\"p-2 text-right min-w-[90px]\">{monLabel(m)}</th>)}\n          </tr></thead>\n          <tbody>\n            {rows.map((r) => {\n              if (r.hdr) return <tr key={r.key} className=\"bg-slate-50\"><td colSpan={14} className=\"p-2 pl-3 font-semibold text-[#22313f]\">{r.label}</td></tr>;\n              if (r.calc) {\n                const tot = months.reduce((s, m) => s + calcAt(r.key, m), 0);\n                return (\n                  <tr key={r.key} className=\"border-t border-gray-100 bg-slate-50 font-semibold\">\n                    <td className=\"p-2 pl-3 sticky left-0 bg-slate-50 whitespace-nowrap\">{r.label}</td>\n                    <td className={\"p-2 text-right whitespace-nowrap \" + (tot < 0 ? \"text-rose-600\" : \"\")}>{tot ? fmt0(tot) : \"—\"}</td>\n                    {months.map((m) => { const v = calcAt(r.key, m); return <td key={m} className={\"p-2 text-right whitespace-nowrap \" + (v < 0 ? \"text-rose-600\" : \"\")}>{v ? fmt0(v) : \"—\"}</td>; })}\n                  </tr>\n                );\n              }\n              const facts = factForRow(r.fkey || r.key, data.facts, meta.categories);\n              const tot = months.reduce((s, m) => s + planAt(r.key, m), 0);\n              return (\n                <tr key={r.key} className=\"border-t border-gray-50\">\n                  <td className=\"p-2 pl-5 text-gray-600 sticky left-0 bg-white whitespace-nowrap\">{r.label}</td>\n                  <td className=\"p-2 text-right text-[#1e88e5] whitespace-nowrap font-medium\">{tot ? fmt0(tot) : \"—\"}</td>\n                  {months.map((m) => (\n                    <td key={m} className=\"p-1 text-right align-top\">\n                      <input\n                        className=\"w-20 border border-transparent hover:border-gray-200 focus:border-[#2aa3af] rounded px-1 py-0.5 text-right text-xs text-[#1e88e5]\"\n                        defaultValue={planAt(r.key, m) || \"\"}\n                        onBlur={(e) => { const v = e.target.value; if (String(planAt(r.key, m) || \"\") !== v) { save(r.key, m, v); } }}\n                        placeholder=\"—\" />\n                      {showFact && <div className=\"text-[10px] text-gray-400 pr-1\">{facts[m] ? fmt0(facts[m]) : \"\"}</div>}\n                    </td>\n                  ))}\n                </tr>\n              );\n            })}\n          </tbody>\n        </table>\n      </div>\n      <div className=\"text-xs text-gray-400 mt-2\">План вводится в ячейки (синим){showFact ? \"; серым под ячейкой — факт по операциям\" : \"\"}.</div>\n    </div>\n  );\n}\n\nfunction BudgetsTab({ meta, btype }) {\n  const [rows, setRows] = useState(null);\n  const [view, setView] = useState(null);\n  const [modal, setModal] = useState(null);\n  const load = () => { api(\"/budgets?type=\" + btype).then(setRows); };\n  useEffect(() => { setView(null); load(); }, [btype]);\n  if (rows === null) return <div className=\"text-gray-400 text-sm\">Загрузка…</div>;\n  if (view) return <BudgetCard id={view} meta={meta} btype={btype} onBack={() => { setView(null); load(); }} />;\n  const create = async (f) => {\n    const r = await api(\"/budgets\", \"POST\", { ...f, btype, project_id: Number(f.project_id) || null });\n    setModal(null); setView(r.id);\n  };\n  if (rows.length === 0) {\n    return (\n      <div className=\"text-center pt-20\">\n        <div className=\"text-xl font-bold text-[#37474f] mb-2\">Создайте {btype === \"bdds\" ? \"бюджет движения денег\" : \"бюджет доходов и расходов\"}</div>\n        <div className=\"text-sm text-gray-400 mb-4\">Планируйте {btype === \"bdds\" ? \"поступления и выплаты\" : \"доходы и расходы\"} в вашем бизнесе.<br />Отслеживайте динамику и отклонение от плана в режиме реального времени.</div>\n        <Btn onClick={() => setModal({ name: \"\", year: thisYear(), project_id: \"\" })}>Создать</Btn>\n        {modal && <BudgetModal meta={meta} modal={modal} setModal={setModal} onCreate={create} />}\n      </div>\n    );\n  }\n  return (\n    <div>\n      <div className=\"mb-3\"><Btn onClick={() => setModal({ name: \"\", year: thisYear(), project_id: \"\" })}>Создать</Btn></div>\n      <table className=\"w-full text-sm bg-white rounded-lg shadow-sm\">\n        <thead><tr className=\"text-left text-xs text-gray-400\">\n          <th className=\"p-2 pl-3\">Название ▾</th><th className=\"p-2\">Валюта</th><th className=\"p-2\">Проект</th>\n          <th className=\"p-2\">Период</th><th className=\"p-2\">Дата изменения</th><th className=\"p-2\"></th>\n        </tr></thead>\n        <tbody>\n          {rows.map((r) => (\n            <tr key={r.id} className=\"border-t border-gray-50 hover:bg-slate-50 cursor-pointer\" onClick={() => setView(r.id)}>\n              <td className=\"p-2 pl-3 font-medium text-[#22313f]\">{r.name}</td>\n              <td className=\"p-2 text-gray-500\">RUB</td>\n              <td className=\"p-2 text-gray-500\">{r.project_name || \"—\"}</td>\n              <td className=\"p-2 text-gray-500\">Янв '{String(r.year).slice(2)} — дек '{String(r.year).slice(2)}</td>\n              <td className=\"p-2 text-gray-500\">{fmtDate(r.updated_at)}</td>\n              <td className=\"p-2 text-right\" onClick={(e) => e.stopPropagation()}>\n                <IconBtn icon={Icons.trash} danger onClick={async () => { if (window.confirm(\"Удалить бюджет?\")) { await api(\"/budgets/\" + r.id, \"DELETE\"); load(); } }} />\n              </td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n      {modal && <BudgetModal meta={meta} modal={modal} setModal={setModal} onCreate={create} />}\n    </div>\n  );\n}\nfunction BudgetModal({ meta, modal, setModal, onCreate }) {\n  return (\n    <Modal title=\"Создание бюджета\" onClose={() => setModal(null)}>\n      <Field label=\"Название (например: Отдел продаж)\"><TInput value={modal.name} onChange={(e) => setModal({ ...modal, name: e.target.value })} /></Field>\n      <div className=\"grid grid-cols-2 gap-x-4\">\n        <Field label=\"Год\">\n          <TSelect value={modal.year} onChange={(e) => setModal({ ...modal, year: e.target.value })}>\n            {[0, 1, -1].map((i) => { const y = String(Number(thisYear()) + i); return <option key={y} value={y}>{y}</option>; })}\n          </TSelect>\n        </Field>\n        <Field label=\"Проект (необязательно)\">\n          <TSelect value={modal.project_id} onChange={(e) => setModal({ ...modal, project_id: e.target.value })}>\n            <option value=\"\">Без проекта</option>\n            {(meta.projects || []).map((p) => <option key={p.id} value={p.id}>{p.name}</option>)}\n          </TSelect>\n        </Field>\n      </div>\n      <div className=\"flex justify-end gap-2\"><Btn kind=\"ghost\" onClick={() => setModal(null)}>Отмена</Btn>\n        <Btn onClick={() => { if (!modal.name) return alert(\"Укажите название\"); onCreate(modal); }}>Создать</Btn></div>\n    </Modal>\n  );\n}\n\nexport function PagePlan({ tab, meta }) {\n  const titles = { cal: \"Платёжный календарь\", bdr: \"Бюджет доходов и расходов\", bdds: \"Бюджет движения денег\" };\n  return (\n    <div className=\"p-6\">\n      <PageTitle>{titles[tab]}</PageTitle>\n      {tab === \"cal\" && <CalendarTab />}\n      {tab === \"bdr\" && <BudgetsTab meta={meta} btype=\"bdr\" />}\n      {tab === \"bdds\" && <BudgetsTab meta={meta} btype=\"bdds\" />}\n    </div>\n  );\n}\n\n// ---------- Отчёты ----------\nfunction DDSTab({ meta }) {\n  const [year, setYear] = useState(thisYear());\n  const [data, setData] = useState(null);\n  useEffect(() => { api(`/report/cashflow?from=${year}-01-01&to=${year}-12-31`).then(setData); }, [year]);\n  if (!data) return <div className=\"text-gray-400 text-sm\">Загрузка…</div>;\n  const months = yearMonths(year);\n  const rootName = {};\n  const cells = {};\n  for (const r of data.by_category) {\n    const root = r.category_id ? rootOfCat(meta.categories, r.category_id) : null;\n    const key = root ? \"c\" + root.id : \"none_\" + r.op_type;\n    rootName[key] = { name: root ? root.name : \"Нераспределенные\", kind: r.op_type };\n    ((cells[key] = cells[key] || {})[r.m] = (cells[key][r.m] || 0) + Number(r.s));\n  }\n  const rowsFor = (kind) => Object.entries(rootName).filter(([, v]) => v.kind === kind);\n  const sumRow = (kind, m) => rowsFor(kind).reduce((s, [k]) => s + Number((cells[k] || {})[m] || 0), 0);\n  const trByM = {};\n  for (const r of data.transfers) trByM[r.m] = Number(r.s);\n  const netBy = {};\n  for (const r of data.net_by_month) netBy[r.m] = Number(r.net);\n  const allMonthsSorted = Object.keys(netBy).sort();\n  const balanceAt = (m) => {\n    let b = Number(data.start_total || 0);\n    for (const mm of allMonthsSorted) if (mm <= m) b += netBy[mm];\n    return b;\n  };\n  const Cell = ({ v, cls }) => <td className={\"p-2 text-right whitespace-nowrap \" + (cls || \"\")}>{v ? fmt0(v) : \"—\"}</td>;\n  return (\n    <div>\n      <div className=\"mb-3\"><YearSelect value={year} onChange={setYear} /></div>\n      <div className=\"overflow-x-auto bg-white rounded-lg shadow-sm\">\n        <table className=\"text-sm min-w-full\">\n          <thead><tr className=\"text-xs text-gray-400\">\n            <th className=\"p-2 pl-3 text-left sticky left-0 bg-white\">По статьям учёта</th>\n            {months.map((m) => <th key={m} className=\"p-2 text-right\">{monLabel(m)}</th>)}\n            <th className=\"p-2 text-right\">Итого</th>\n          </tr></thead>\n          <tbody>\n            <tr className=\"bg-slate-50 font-semibold border-t border-gray-100\">\n              <td className=\"p-2 pl-3 sticky left-0 bg-slate-50\">Поступления</td>\n              {months.map((m) => <Cell key={m} v={sumRow(\"income\", m)} cls=\"text-emerald-600\" />)}\n              <Cell v={months.reduce((s, m) => s + sumRow(\"income\", m), 0)} cls=\"text-emerald-600\" />\n            </tr>\n            {rowsFor(\"income\").map(([k, v]) => (\n              <tr key={k} className=\"border-t border-gray-50\">\n                <td className=\"p-2 pl-6 text-gray-600 sticky left-0 bg-white\">{v.name}</td>\n                {months.map((m) => <Cell key={m} v={(cells[k] || {})[m]} />)}\n                <Cell v={months.reduce((s, m) => s + Number((cells[k] || {})[m] || 0), 0)} />\n              </tr>\n            ))}\n            <tr className=\"bg-slate-50 font-semibold border-t border-gray-100\">\n              <td className=\"p-2 pl-3 sticky left-0 bg-slate-50\">Выплаты</td>\n              {months.map((m) => <Cell key={m} v={sumRow(\"expense\", m)} cls=\"text-rose-500\" />)}\n              <Cell v={months.reduce((s, m) => s + sumRow(\"expense\", m), 0)} cls=\"text-rose-500\" />\n            </tr>\n            {rowsFor(\"expense\").map(([k, v]) => (\n              <tr key={k} className=\"border-t border-gray-50\">\n                <td className=\"p-2 pl-6 text-gray-600 sticky left-0 bg-white\">{v.name}</td>\n                {months.map((m) => <Cell key={m} v={(cells[k] || {})[m]} />)}\n                <Cell v={months.reduce((s, m) => s + Number((cells[k] || {})[m] || 0), 0)} />\n              </tr>\n            ))}\n            <tr className=\"border-t border-gray-100\">\n              <td className=\"p-2 pl-3 text-gray-600 sticky left-0 bg-white\">Перемещения</td>\n              {months.map((m) => <Cell key={m} v={trByM[m]} cls=\"text-gray-500\" />)}\n              <Cell v={Object.values(trByM).reduce((s, x) => s + x, 0)} cls=\"text-gray-500\" />\n            </tr>\n            <tr className=\"bg-slate-100 font-bold border-t border-gray-200\">\n              <td className=\"p-2 pl-3 sticky left-0 bg-slate-100\">Общий денежный поток</td>\n              {months.map((m) => { const v = sumRow(\"income\", m) - sumRow(\"expense\", m); return <Cell key={m} v={v} cls={v < 0 ? \"text-rose-600\" : \"\"} />; })}\n              {(() => { const v = months.reduce((s, m) => s + sumRow(\"income\", m) - sumRow(\"expense\", m), 0); return <Cell v={v} cls={v < 0 ? \"text-rose-600\" : \"\"} />; })()}\n            </tr>\n            <tr className=\"font-semibold border-t border-gray-100\">\n              <td className=\"p-2 pl-3 sticky left-0 bg-white\">Остатки на конец периода</td>\n              {months.map((m) => <Cell key={m} v={balanceAt(m)} />)}\n              <Cell v={balanceAt(months[11])} />\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    </div>\n  );\n}\n\n// раскладка корневых статей по строкам ПиУ\nfunction plBucket(root, kind) {\n  if (root && [\"assets\", \"liabilities\", \"capital\"].includes(root.cat_class || \"\")) return null; // не П/У\n  const n = (root?.name || \"\").toLowerCase();\n  if (kind === \"income\") return n.includes(\"прочие\") ? \"oi\" : \"rev\";\n  if (n.includes(\"постоянные\")) return \"fix\";\n  if (n.includes(\"налог\")) return \"tax\";\n  if (n.includes(\"кредит\") || n.includes(\"овердрафт\")) return \"int\";\n  if (n.includes(\"дивиденд\")) return \"div\";\n  if (n.includes(\"нераспределен\") || n.includes(\"прочие\")) return \"oe\";\n  return \"var\";\n}\nfunction PLTab({ meta }) {\n  const [year, setYear] = useState(thisYear());\n  const [basis, setBasis] = useState(\"accrual\");\n  const [data, setData] = useState(null);\n  useEffect(() => { api(`/report/cashflow?from=${year}-01-01&to=${year}-12-31`).then(setData); }, [year]);\n  if (!data) return <div className=\"text-gray-400 text-sm\">Загрузка…</div>;\n  const months = yearMonths(year);\n  const buckets = { rev: {}, oi: {}, var: {}, fix: {}, tax: {}, int: {}, oe: {}, div: {} };\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    if (!b) continue;\n    buckets[b][r.m] = (buckets[b][r.m] || 0) + Number(r.s);\n  }\n  // выручка по начислению — из отгрузок\n  const shipBy = {};\n  for (const r of data.shipments_by_month || []) shipBy[r.m] = Number(r.s);\n  const g = (b, m) => Number(buckets[b][m] || 0);\n  const rev = (m) => (basis === \"accrual\" && Object.keys(shipBy).length ? (shipBy[m] || 0) : g(\"rev\", m));\n  const calc = (m) => {\n    const r = rev(m), v = g(\"var\", m), marg = r - v, fix = g(\"fix\", m);\n    const oper = marg - fix, oi = g(\"oi\", m), oe = g(\"oe\", m);\n    const ebitda = oper + oi - oe;\n    const ebit = ebitda; // амортизация не ведётся\n    const int_ = g(\"int\", m);\n    const ebt = ebit - int_;\n    const tax = g(\"tax\", m);\n    const np = ebt - tax;\n    return { rev: r, var: v, marg, margP: r ? (marg / r) * 100 : 0, fix, oper, operP: r ? (oper / r) * 100 : 0, oi, oe, ebitda, ebitdaP: r ? (ebitda / r) * 100 : 0, dep: 0, ebit, ebitP: r ? (ebit / r) * 100 : 0, int: int_, ebt, ebtP: r ? (ebt / r) * 100 : 0, 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  for (const k of [\"margP\", \"operP\", \"ebitdaP\", \"ebitP\", \"ebtP\"]) totals[k] = totals.rev ? (totals[k.slice(0, -1)] / totals.rev) * 100 : 0;\n  const ROWS = [\n    [\"rev\", \"Выручка\", \"\", false],\n    [\"var\", \"Переменные расходы\", \"\", false],\n    [\"marg\", \"Маржинальная прибыль\", \"font-semibold\", false],\n    [\"margP\", \"Маржинальность\", \"\", true],\n    [\"fix\", \"Постоянные расходы\", \"\", false],\n    [\"oper\", \"Операционная прибыль\", \"font-semibold\", false],\n    [\"operP\", \"Операционная рентабельность\", \"\", true],\n    [\"oi\", \"Прочие доходы\", \"\", false],\n    [\"oe\", \"Прочие расходы\", \"\", false],\n    [\"ebitda\", \"EBITDA\", \"font-semibold\", false],\n    [\"ebitdaP\", \"Рентабельность по EBITDA\", \"\", true],\n    [\"dep\", \"Амортизация\", \"\", false],\n    [\"ebit\", \"Прибыль до процентов и налогов (EBIT)\", \"font-semibold\", false],\n    [\"ebitP\", \"Рентабельность по EBIT\", \"\", true],\n    [\"int\", \"Проценты по кредитам и займам\", \"\", false],\n    [\"ebt\", \"Прибыль до налогов (EBT)\", \"font-semibold\", false],\n    [\"ebtP\", \"Рентабельность по EBT\", \"\", true],\n    [\"tax\", \"Налог на прибыль (доходы)\", \"\", false],\n    [\"np\", \"Чистая прибыль (убыток)\", \"font-bold\", false],\n  ];\n  const fmtCell = (v, isP) => (isP ? (v ? v.toFixed(1) + \"%\" : \"—\") : (v ? fmt0(v) : \"—\"));\n  return (\n    <div>\n      <div className=\"flex items-center gap-3 mb-3\">\n        <YearSelect value={year} onChange={setYear} />\n        <label className=\"text-xs text-gray-400\">Учет<br />\n          <TSelect value={basis} onChange={(e) => setBasis(e.target.value)} className=\"!w-44\">\n            <option value=\"accrual\">Метод начисления</option>\n            <option value=\"cash\">Кассовый метод</option>\n          </TSelect>\n        </label>\n        <div className=\"text-xs text-gray-400\">начисление: выручка по отгрузкам в сделках</div>\n      </div>\n      <div className=\"overflow-x-auto bg-white rounded-lg shadow-sm\">\n        <table className=\"text-sm min-w-full\">\n          <thead><tr className=\"text-xs text-gray-400\">\n            <th className=\"p-2 pl-3 text-left sticky left-0 bg-white\">По статьям учета</th>\n            {months.map((m) => <th key={m} className=\"p-2 text-right\">{monLabel(m)}</th>)}\n            <th className=\"p-2 text-right\">Итого</th>\n          </tr></thead>\n          <tbody>\n            {ROWS.map(([k, label, cls, isP]) => (\n              <tr key={k} className={\"border-t border-gray-50 \" + (cls.includes(\"font\") ? \"bg-slate-50\" : \"\")}>\n                <td className={\"p-2 pl-3 sticky left-0 bg-inherit whitespace-nowrap \" + cls}>{label}</td>\n                {months.map((m) => { const v = calc(m)[k]; return <td key={m} className={\"p-2 text-right whitespace-nowrap \" + cls + (v < 0 ? \" text-rose-600\" : \"\")}>{fmtCell(v, isP)}</td>; })}\n                <td className={\"p-2 text-right whitespace-nowrap font-semibold \" + (totals[k] < 0 ? \"text-rose-600\" : \"\")}>{fmtCell(totals[k], isP)}</td>\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </div>\n    </div>\n  );\n}\n\nfunction BalanceTab({ meta }) {\n  const [year, setYear] = useState(thisYear());\n  const [data, setData] = useState(null);\n  useEffect(() => { api(`/report/cashflow?from=${year}-01-01&to=${year}-12-31`).then(setData); }, [year]);\n  if (!data) return <div className=\"text-gray-400 text-sm\">Загрузка…</div>;\n  const nowM = todayStr().slice(0, 7);\n  const months = yearMonths(year).filter((m) => m <= nowM).slice(-3);\n  const netBy = {};\n  for (const r of data.net_by_month) netBy[r.m] = Number(r.net);\n  const shipBy = {};\n  for (const r of data.shipments_by_month || []) shipBy[r.m] = Number(r.s);\n  const dealIncBy = {};\n  for (const r of data.deal_income_by_month || []) dealIncBy[r.m] = Number(r.s);\n  const allM = [...new Set([...Object.keys(netBy), ...Object.keys(shipBy), ...Object.keys(dealIncBy)])].sort();\n  const cashAt = (m) => { let b = Number(data.start_total || 0); for (const mm of allM) if (mm <= m && netBy[mm]) b += netBy[mm]; return b; };\n  const cum = (obj, m) => allM.reduce((s, mm) => (mm <= m && obj[mm] ? s + obj[mm] : s), 0);\n  const rowsAt = (m) => {\n    const cash = cashAt(m);\n    const shipped = cum(shipBy, m);\n    const received = cum(dealIncBy, m);\n    const receivable = Math.max(0, shipped - received);   // отгрузили, но не получили\n    const payable = Math.max(0, received - shipped);      // получили аванс, не отгрузили\n    const assets = cash + receivable;\n    const retained = assets - payable;\n    return { receivable, cash, assetsCur: assets, assets, payable, shortTerm: payable, capital: retained, retained, liabilities: payable + retained };\n  };\n  const R = ({ label, k, lvl = 0, bold }) => (\n    <tr className={\"border-t border-gray-50 \" + (bold ? \"font-semibold bg-slate-50\" : \"\")}>\n      <td className=\"p-2 whitespace-nowrap sticky left-0 bg-inherit\" style={{ paddingLeft: 12 + lvl * 16 }}>{label}</td>\n      {months.map((m) => { const v = rowsAt(m)[k]; return <td key={m} className={\"p-2 text-right whitespace-nowrap \" + (v < 0 ? \"text-rose-600\" : \"\")}>{v ? fmt0(v) : \"—\"}</td>; })}\n    </tr>\n  );\n  return (\n    <div>\n      <div className=\"flex items-center gap-3 mb-3\">\n        <YearSelect value={year} onChange={setYear} />\n        <div className=\"text-xs text-gray-400\">управленческий баланс по данным операций и отгрузок (последние 3 месяца)</div>\n      </div>\n      <div className=\"overflow-x-auto bg-white rounded-lg shadow-sm max-w-3xl\">\n        <table className=\"text-sm min-w-full\">\n          <thead><tr className=\"text-xs text-gray-400\">\n            <th className=\"p-2 pl-3 text-left sticky left-0 bg-white\">Статьи баланса</th>\n            {months.map((m) => <th key={m} className=\"p-2 text-right min-w-[130px]\">{monLabel(m)}</th>)}\n          </tr></thead>\n          <tbody>\n            <tr className=\"bg-slate-50 font-bold\"><td colSpan={4} className=\"p-2 pl-3\">Активы</td></tr>\n            <R label=\"Оборотные активы\" k=\"assetsCur\" lvl={1} bold />\n            <R label=\"Дебиторская задолженность\" k=\"receivable\" lvl={2} />\n            <R label=\"Денежные средства\" k=\"cash\" lvl={2} />\n            <R label=\"ИТОГО АКТИВЫ\" k=\"assets\" bold />\n            <tr className=\"bg-slate-50 font-bold\"><td colSpan={4} className=\"p-2 pl-3\">Пассивы</td></tr>\n            <R label=\"Краткосрочные обязательства\" k=\"shortTerm\" lvl={1} bold />\n            <R label=\"Кредиторская задолженность (авансы)\" k=\"payable\" lvl={2} />\n            <R label=\"Капитал\" k=\"capital\" lvl={1} bold />\n            <R label=\"Нераспределенная прибыль\" k=\"retained\" lvl={2} />\n            <R label=\"ИТОГО ПАССИВЫ\" k=\"liabilities\" bold />\n          </tbody>\n        </table>\n      </div>\n    </div>\n  );\n}\n\nexport function PageReports({ tab, meta }) {\n  const titles = { dds: \"Отчёт о движении денежных средств\", pl: \"Отчёт о прибылях и убытках\", bal: \"Балансовый отчёт\" };\n  return (\n    <div className=\"p-6\">\n      <PageTitle>{titles[tab]}</PageTitle>\n      {tab === \"dds\" && <DDSTab meta={meta} />}\n      {tab === \"pl\" && <PLTab meta={meta} />}\n      {tab === \"bal\" && <BalanceTab meta={meta} />}\n    </div>\n  );\n}\n",[],[56,111,133],"7b696cf6-f6d3-45be-9312-04f35ad0588f","pages_c.tsx","173064f6-9d40-11f1-810a-1607ee4eb77e",37,["D",1787307487707],"// Страницы: Справочники (6 разделов), Настройки, Вход\nimport {\n  React, useEffect, useState, api, fmt, fmtDate, todayStr, setPinLS,\n  flatCats, Modal, Field, TInput, TSelect, Btn, IconBtn, PageTitle, Tabs, Icons,\n} from \"./lib.tsx\";\n\nconst REF_TITLES = {\n  contractors: \"Контрагенты\", categories: \"Учётные статьи\", accounts: \"Мои счета\",\n  les: \"Мои юрлица\", products: \"Товары\", services: \"Услуги\",\n};\n\n// ---------- Справочники ----------\nexport function PageRefs({ tab, meta, refreshMeta }) {\n  const [modal, setModal] = useState(null);\n  const del = async (type, id) => {\n    if (!window.confirm(\"Удалить?\")) return;\n    const r = await api(`/${type}/${id}`, \"DELETE\");\n    if (r.error) alert(r.error); else refreshMeta();\n  };\n  const leName = Object.fromEntries((meta.legal_entities || []).map((l) => [l.id, l.name]));\n  const products = (meta.products || []).filter((p) => (tab === \"products\" ? p.ptype === \"product\" : p.ptype === \"service\"));\n  const createDefaults = {\n    contractors: { type: \"contractors\" },\n    categories: { type: \"categories\" },\n    accounts: { type: \"accounts\" },\n    les: { type: \"legal-entities\" },\n    products: { type: \"products\", data0: { ptype: \"product\" } },\n    services: { type: \"products\", data0: { ptype: \"service\" } },\n  };\n  return (\n    <div className=\"p-6\">\n      <PageTitle right={<Btn onClick={() => setModal(createDefaults[tab])}>Создать</Btn>}>{REF_TITLES[tab]}</PageTitle>\n      {tab === \"accounts\" && (\n        <table className=\"w-full text-sm bg-white rounded-lg shadow-sm\">\n          <thead><tr className=\"text-left text-xs text-gray-400\">\n            <th className=\"p-2 pl-3\">Название</th><th className=\"p-2\">Юрлицо</th><th className=\"p-2\">Группа</th><th className=\"p-2\">Тип</th><th className=\"p-2\">Банк</th>\n            <th className=\"p-2 text-right\">Начальный остаток</th><th className=\"p-2 text-right\">Текущий остаток</th><th className=\"p-2\"></th>\n          </tr></thead>\n          <tbody>\n            {meta.accounts.map((a) => (\n              <tr key={a.id} className={\"border-t border-gray-50 \" + (a.active ? \"\" : \"opacity-40\")}>\n                <td className=\"p-2 pl-3 font-medium text-[#22313f]\">{a.name}</td>\n                <td className=\"p-2 text-gray-500\">{leName[a.legal_entity_id] || \"—\"}</td>\n                <td className=\"p-2 text-gray-500\">{a.grp || \"—\"}</td>\n                <td className=\"p-2 text-gray-500\">{a.acc_type}</td>\n                <td className=\"p-2 text-gray-500\">{a.bank || \"—\"}<div className=\"text-xs text-gray-400\">{a.number}</div></td>\n                <td className=\"p-2 text-right text-gray-600 whitespace-nowrap\">{fmt(a.start_balance)}<div className=\"text-xs text-gray-400\">{fmtDate(a.start_date)}</div></td>\n                <td className={\"p-2 text-right font-medium whitespace-nowrap \" + (a.balance < 0 ? \"text-rose-600\" : \"text-[#22313f]\")}>{fmt(a.balance)}</td>\n                <td className=\"p-2 text-right whitespace-nowrap\">\n                  <IconBtn icon={Icons.edit} onClick={() => setModal({ type: \"accounts\", data: a })} />\n                  <IconBtn icon={Icons.trash} danger onClick={() => del(\"accounts\", a.id)} />\n                </td>\n              </tr>\n            ))}\n          </tbody>\n          <tfoot><tr className=\"border-t border-gray-100 font-semibold\">\n            <td className=\"p-2 pl-3\" colSpan={6}>{meta.accounts.length} счетов · Текущий остаток:</td>\n            <td className=\"p-2 text-right whitespace-nowrap\">{fmt(meta.total_balance)}</td><td></td>\n          </tr></tfoot>\n        </table>\n      )}\n      {tab === \"contractors\" && <ContractorsRef meta={meta} onEdit={(x) => setModal({ type: \"contractors\", data: x })} onDel={(id) => del(\"contractors\", id)} />}\n      {tab === \"categories\" && <CatsRef meta={meta} onEdit={(c) => setModal({ type: \"categories\", data: c })} onDel={(id) => del(\"categories\", id)} />}\n      {tab === \"les\" && (\n        <table className=\"w-full text-sm bg-white rounded-lg shadow-sm max-w-3xl\">\n          <thead><tr className=\"text-left text-xs text-gray-400\"><th className=\"p-2 pl-3\">Название</th><th className=\"p-2\">ИНН</th><th className=\"p-2\">Счетов</th><th className=\"p-2\">Комментарий</th><th className=\"p-2\"></th></tr></thead>\n          <tbody>\n            {(meta.legal_entities || []).map((x) => (\n              <tr key={x.id} className=\"border-t border-gray-50\">\n                <td className=\"p-2 pl-3 font-medium text-[#22313f]\">{x.name}</td>\n                <td className=\"p-2 text-gray-500\">{x.inn || \"—\"}</td>\n                <td className=\"p-2 text-gray-500\">{meta.accounts.filter((a) => a.legal_entity_id === x.id).length}</td>\n                <td className=\"p-2 text-gray-500\">{x.comment || \"\"}</td>\n                <td className=\"p-2 text-right whitespace-nowrap\">\n                  <IconBtn icon={Icons.edit} onClick={() => setModal({ type: \"legal-entities\", data: x })} />\n                  <IconBtn icon={Icons.trash} danger onClick={() => del(\"legal-entities\", x.id)} />\n                </td>\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      )}\n      {(tab === \"products\" || tab === \"services\") && (\n        <table className=\"w-full text-sm bg-white rounded-lg shadow-sm max-w-3xl\">\n          <thead><tr className=\"text-left text-xs text-gray-400\"><th className=\"p-2 pl-3\">Наименование</th><th className=\"p-2\">Единица</th><th className=\"p-2 text-right\">Цена, ₽</th><th className=\"p-2\"></th></tr></thead>\n          <tbody>\n            {products.map((x) => (\n              <tr key={x.id} className=\"border-t border-gray-50\">\n                <td className=\"p-2 pl-3 font-medium text-[#22313f]\">{x.name}</td>\n                <td className=\"p-2 text-gray-500\">{x.unit}</td>\n                <td className=\"p-2 text-right whitespace-nowrap\">{Number(x.price) ? fmt(x.price) : \"—\"}</td>\n                <td className=\"p-2 text-right whitespace-nowrap\">\n                  <IconBtn icon={Icons.edit} onClick={() => setModal({ type: \"products\", data: x })} />\n                  <IconBtn icon={Icons.trash} danger onClick={() => del(\"products\", x.id)} />\n                </td>\n              </tr>\n            ))}\n            {products.length === 0 && <tr><td colSpan={4} className=\"p-6 text-center text-gray-400\">Пока пусто — нажмите «Создать»</td></tr>}\n          </tbody>\n        </table>\n      )}\n      {modal && <RefModal modal={modal} meta={meta} onClose={() => setModal(null)} onSaved={refreshMeta} />}\n    </div>\n  );\n}\n\nfunction ContractorsRef({ meta, onEdit, onDel }) {\n  const [rows, setRows] = useState([]);\n  useEffect(() => { api(\"/contractors/stats\").then(setRows); }, [meta.contractors]);\n  const typeOf = (r) => {\n    const i = Number(r.income), e = Number(r.expense);\n    if (i && e) return \"Смешанный\";\n    if (i) return \"Плательщик\";\n    if (e) return \"Получатель\";\n    return \"—\";\n  };\n  const tInc = rows.reduce((s, r) => s + Number(r.income), 0);\n  const tExp = rows.reduce((s, r) => s + Number(r.expense), 0);\n  return (\n    <div>\n      <table className=\"w-full text-sm bg-white rounded-lg shadow-sm\">\n        <thead><tr className=\"text-left text-xs text-gray-400\">\n          <th className=\"p-2 pl-3\">Контрагент ▴</th><th className=\"p-2\">Тип</th><th className=\"p-2\">Группа</th><th className=\"p-2\">ИНН</th>\n          <th className=\"p-2 text-right\">Операций</th><th className=\"p-2 text-right\">Поступления, ₽</th>\n          <th className=\"p-2 text-right\">Выплаты, ₽</th><th className=\"p-2 text-right\">Разница, ₽</th><th className=\"p-2\"></th>\n        </tr></thead>\n        <tbody>\n          {rows.map((x) => {\n            const diff = Number(x.income) - Number(x.expense);\n            return (\n              <tr key={x.id} className=\"border-t border-gray-50 hover:bg-slate-50\">\n                <td className=\"p-2 pl-3 font-medium text-[#22313f]\">{x.name}</td>\n                <td className=\"p-2 text-gray-500\">{typeOf(x)}</td>\n                <td className=\"p-2 text-gray-500\">{x.grp || \"—\"}</td>\n                <td className=\"p-2 text-gray-500\">{x.inn || \"—\"}</td>\n                <td className=\"p-2 text-right text-gray-600\">{x.n}</td>\n                <td className=\"p-2 text-right whitespace-nowrap\">{Number(x.income) ? fmt(x.income) : \"0.00\"}</td>\n                <td className=\"p-2 text-right whitespace-nowrap\">{Number(x.expense) ? fmt(x.expense) : \"0.00\"}</td>\n                <td className={\"p-2 text-right whitespace-nowrap font-medium \" + (diff > 0 ? \"text-emerald-600\" : diff < 0 ? \"text-rose-500\" : \"text-gray-500\")}>{diff > 0 ? \"+\" : \"\"}{fmt(diff)}</td>\n                <td className=\"p-2 text-right whitespace-nowrap\">\n                  <IconBtn icon={Icons.edit} onClick={() => onEdit(meta.contractors.find((c) => c.id === x.id) || x)} />\n                  <IconBtn icon={Icons.trash} danger onClick={() => onDel(x.id)} />\n                </td>\n              </tr>\n            );\n          })}\n        </tbody>\n      </table>\n      <div className=\"text-xs text-gray-500 mt-2 flex gap-4\">\n        <span>{rows.length} контрагентов</span>\n        <span>Поступления: <b>{fmt(tInc)}</b></span>\n        <span>Выплаты: <b>{fmt(tExp)}</b></span>\n        <span>Разница: <b className={tInc - tExp >= 0 ? \"text-emerald-600\" : \"text-rose-500\"}>{tInc - tExp >= 0 ? \"+\" : \"\"}{fmt(tInc - tExp)}</b></span>\n      </div>\n    </div>\n  );\n}\n\nfunction CatsRef({ meta, onEdit, onDel }) {\n  const [kind, setKind] = useState(\"income\");\n  const list = flatCats(meta.categories, kind);\n  return (\n    <div className=\"bg-white rounded-lg shadow-sm p-4 max-w-2xl\">\n      <Tabs tabs={[[\"income\", \"Доходы\"], [\"expense\", \"Расходы\"]]} value={kind} onChange={setKind} />\n      <div className=\"mt-3\" />\n      {list.map((c) => (\n        <div key={c.id} className=\"flex items-center justify-between py-1.5 border-b border-gray-50 text-sm\" style={{ paddingLeft: c.depth * 20 }}>\n          <span className={c.depth === 0 ? \"font-medium text-[#22313f]\" : \"text-gray-600\"}>{c.name}</span>\n          <span className=\"whitespace-nowrap\">\n            <IconBtn icon={Icons.edit} onClick={() => onEdit(c)} />\n            <IconBtn icon={Icons.trash} danger onClick={() => onDel(c.id)} />\n          </span>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction RefModal({ modal, meta, onClose, onSaved }) {\n  const { type, data, data0 } = modal;\n  const [f, setF] = useState(data || (type === \"accounts\"\n    ? { name: \"\", acc_type: \"Безналичный\", bank: \"\", number: \"\", grp: \"\", start_balance: \"\", start_date: todayStr(), legal_entity_id: (meta.legal_entities[0] || {}).id || \"\" }\n    : type === \"contractors\"\n    ? { name: \"\", grp: \"\", inn: \"\", comment: \"\" }\n    : type === \"legal-entities\"\n    ? { name: \"\", inn: \"\", comment: \"\" }\n    : type === \"products\"\n    ? { name: \"\", ptype: (data0 || {}).ptype || \"service\", unit: \"шт\", price: \"\" }\n    : { name: \"\", kind: \"income\", parent_id: \"\" }));\n  const set = (k, v) => setF((s) => ({ ...s, [k]: v }));\n  const save = async () => {\n    if (!f.name) return alert(\"Укажите название\");\n    const path = \"/\" + type + (f.id ? \"/\" + f.id : \"\");\n    const r = await api(path, f.id ? \"PUT\" : \"POST\", { ...f, parent_id: f.parent_id ? Number(f.parent_id) : null, active: f.active !== 0 });\n    if (r.error) return alert(r.error);\n    onSaved(); onClose();\n  };\n  const titles = { accounts: \"Счёт\", contractors: \"Контрагент\", categories: \"Учётная статья\", \"legal-entities\": \"Юрлицо\", products: f.ptype === \"product\" ? \"Товар\" : \"Услуга\" };\n  return (\n    <Modal title={(f.id ? \"\" : \"Создать: \") + titles[type]} onClose={onClose}>\n      <Field label=\"Название\"><TInput value={f.name} onChange={(e) => set(\"name\", e.target.value)} /></Field>\n      {type === \"accounts\" && (\n        <div className=\"grid grid-cols-2 gap-x-4\">\n          <Field label=\"Тип\">\n            <TSelect value={f.acc_type} onChange={(e) => set(\"acc_type\", e.target.value)}>\n              {[\"Безналичный\", \"Наличный\", \"Карта физлица\", \"Электронный\"].map((t) => <option key={t}>{t}</option>)}\n            </TSelect>\n          </Field>\n          <Field label=\"Юрлицо\">\n            <TSelect value={f.legal_entity_id || \"\"} onChange={(e) => set(\"legal_entity_id\", e.target.value)}>\n              <option value=\"\">—</option>\n              {(meta.legal_entities || []).map((l) => <option key={l.id} value={l.id}>{l.name}</option>)}\n            </TSelect>\n          </Field>\n          <Field label=\"Группа\"><TInput value={f.grp} onChange={(e) => set(\"grp\", e.target.value)} placeholder=\"Основной счет / Налоговый…\" /></Field>\n          <Field label=\"Банк\"><TInput value={f.bank} onChange={(e) => set(\"bank\", e.target.value)} /></Field>\n          <Field label=\"Номер счёта\"><TInput value={f.number} onChange={(e) => set(\"number\", e.target.value)} /></Field>\n          <Field label=\"Начальный остаток, ₽\"><TInput type=\"number\" value={f.start_balance} onChange={(e) => set(\"start_balance\", e.target.value)} /></Field>\n          <Field label=\"Дата остатка\"><TInput type=\"date\" value={(f.start_date || \"\").slice(0, 10)} onChange={(e) => set(\"start_date\", e.target.value)} /></Field>\n        </div>\n      )}\n      {type === \"contractors\" && (\n        <div className=\"grid grid-cols-2 gap-x-4\">\n          <Field label=\"Группа\">\n            <TSelect value={f.grp} onChange={(e) => set(\"grp\", e.target.value)}>\n              <option value=\"\">—</option>\n              {[\"Застройщик\", \"Брокер (ИП)\", \"Банк\", \"Сотрудник\", \"Покупатель\", \"Поставщик\", \"Прочее\"].map((g) => <option key={g}>{g}</option>)}\n            </TSelect>\n          </Field>\n          <Field label=\"ИНН\"><TInput value={f.inn} onChange={(e) => set(\"inn\", e.target.value)} /></Field>\n          <Field label=\"Комментарий\"><TInput value={f.comment} onChange={(e) => set(\"comment\", e.target.value)} /></Field>\n        </div>\n      )}\n      {type === \"legal-entities\" && (\n        <div className=\"grid grid-cols-2 gap-x-4\">\n          <Field label=\"ИНН\"><TInput value={f.inn} onChange={(e) => set(\"inn\", e.target.value)} /></Field>\n          <Field label=\"Комментарий\"><TInput value={f.comment} onChange={(e) => set(\"comment\", e.target.value)} /></Field>\n        </div>\n      )}\n      {type === \"products\" && (\n        <div className=\"grid grid-cols-3 gap-x-4\">\n          <Field label=\"Тип\">\n            <TSelect value={f.ptype} onChange={(e) => set(\"ptype\", e.target.value)}>\n              <option value=\"service\">Услуга</option><option value=\"product\">Товар</option>\n            </TSelect>\n          </Field>\n          <Field label=\"Единица\"><TInput value={f.unit} onChange={(e) => set(\"unit\", e.target.value)} /></Field>\n          <Field label=\"Цена, ₽\"><TInput type=\"number\" value={f.price} onChange={(e) => set(\"price\", e.target.value)} /></Field>\n        </div>\n      )}\n      {type === \"categories\" && (\n        <div className=\"grid grid-cols-2 gap-x-4\">\n          <Field label=\"Раздел\">\n            <TSelect value={f.kind} onChange={(e) => set(\"kind\", e.target.value)} disabled={!!f.id}>\n              <option value=\"income\">Доходы</option><option value=\"expense\">Расходы</option>\n            </TSelect>\n          </Field>\n          <Field label=\"Родительская статья\">\n            <TSelect value={f.parent_id || \"\"} onChange={(e) => set(\"parent_id\", e.target.value)}>\n              <option value=\"\">— (корневая)</option>\n              {flatCats(meta.categories, f.kind).filter((c) => c.id !== f.id).map((c) => (\n                <option key={c.id} value={c.id}>{\" \".repeat(c.depth * 3) + c.name}</option>\n              ))}\n            </TSelect>\n          </Field>\n        </div>\n      )}\n      <div className=\"flex justify-end gap-2 mt-2\"><Btn kind=\"ghost\" onClick={onClose}>Отмена</Btn><Btn onClick={save}>Сохранить</Btn></div>\n    </Modal>\n  );\n}\n\n// ---------- Настройки ----------\nexport function PageSettings({ meta, refreshMeta }) {\n  const [oldPin, setOldPin] = useState(\"\");\n  const [newPin, setNewPin] = useState(\"\");\n  const [cname, setCname] = useState((meta && meta.company_name) || \"\");\n  const [msg, setMsg] = useState(\"\");\n  const saveCompany = async () => {\n    await api(\"/settings/company\", \"POST\", { name: cname });\n    setMsg(\"Название компании сохранено\");\n    refreshMeta();\n  };\n  const changePin = async () => {\n    const r = await api(\"/settings/pin\", \"POST\", { oldPin, newPin });\n    setMsg(r.ok ? \"PIN изменён\" : r.error || \"Ошибка\");\n    if (r.ok) { setPinLS(newPin); setOldPin(\"\"); setNewPin(\"\"); }\n  };\n  const demo = async (action) => {\n    if (action === \"clear\" && !window.confirm(\"Удалить ВСЕ операции и сделки?\")) return;\n    await api(\"/demo\", \"POST\", { action });\n    setMsg(action === \"clear\" ? \"Операции и сделки очищены\" : \"Демо-данные загружены\");\n    refreshMeta();\n  };\n  return (\n    <div className=\"p-6 max-w-md\">\n      <PageTitle>Настройки</PageTitle>\n      <div className=\"bg-white rounded-lg p-4 shadow-sm mb-4\">\n        <div className=\"text-sm font-semibold text-[#22313f] mb-2\">Общие настройки</div>\n        <Field label=\"Название компании\"><TInput value={cname} onChange={(e) => setCname(e.target.value)} /></Field>\n        <Btn onClick={saveCompany}>Сохранить</Btn>\n      </div>\n      <div className=\"bg-white rounded-lg p-4 shadow-sm mb-4\">\n        <div className=\"text-sm font-semibold text-[#22313f] mb-2\">Сменить PIN-код</div>\n        <Field label=\"Текущий PIN\"><TInput type=\"password\" value={oldPin} onChange={(e) => setOldPin(e.target.value)} /></Field>\n        <Field label=\"Новый PIN (4–8 цифр)\"><TInput type=\"password\" value={newPin} onChange={(e) => setNewPin(e.target.value)} /></Field>\n        <Btn onClick={changePin}>Сохранить</Btn>\n      </div>\n      <div className=\"bg-white rounded-lg p-4 shadow-sm mb-4\">\n        <div className=\"text-sm font-semibold text-[#22313f] mb-2\">Данные</div>\n        <div className=\"flex gap-2 flex-wrap\">\n          <Btn kind=\"ghost\" onClick={() => demo(\"load\")}>Загрузить демо-данные</Btn>\n          <Btn kind=\"danger\" onClick={() => demo(\"clear\")}>Очистить операции и сделки</Btn>\n        </div>\n      </div>\n      {msg && <div className=\"text-sm text-[#2aa3af]\">{msg}</div>}\n      <a href=\"/source\" className=\"text-xs text-gray-300 hover:text-gray-400\">view source</a>\n    </div>\n  );\n}\n\n// ---------- Вход ----------\nexport function Login({ onOk }) {\n  const [pin, setPin] = useState(\"\");\n  const [err, setErr] = useState(\"\");\n  const submit = async (e) => {\n    e.preventDefault();\n    const r = await api(\"/login\", \"POST\", { pin });\n    if (r.ok) { setPinLS(pin); onOk(); } else setErr(\"Неверный PIN\");\n  };\n  return (\n    <div className=\"min-h-screen flex items-center justify-center\" style={{ background: \"#22313f\" }}>\n      <form onSubmit={submit} className=\"bg-white rounded-xl shadow-xl p-8 w-80 text-center\">\n        <div className=\"w-12 h-12 rounded-lg mx-auto mb-3 flex items-center justify-center text-white font-bold text-lg\" style={{ background: \"#2aa3af\" }}>Uf</div>\n        <div className=\"font-bold text-lg text-[#22313f]\">U.fin</div>\n        <div className=\"text-xs text-gray-400 mb-5\">Финансы агентства недвижимости</div>\n        <TInput type=\"password\" placeholder=\"PIN-код\" value={pin} onChange={(e) => setPin(e.target.value)} className=\"text-center mb-3\" />\n        {err && <div className=\"text-rose-500 text-xs mb-2\">{err}</div>}\n        <button className=\"w-full text-white rounded py-2 text-sm font-medium\" style={{ background: \"#2aa3af\" }}>Войти</button>\n      </form>\n    </div>\n  );\n}\n",[],[56,111,141],"3a7e6526-7335-4b4f-b2d3-2b1a2941971d","pages_b.tsx","16c4e0aa-9d40-11f1-83f2-1607ee4eb77e",48,["D",1787308360783],3,"// Сделки (продажи/закупки) с фильтрами, карточка с вкладками и комментариями, Выставленные счета, Проекты\nimport {\n  React, useEffect, useState, api, fmt, fmt0, fmtDate, todayStr, DEAL_STATUS,\n  Modal, Field, TInput, TSelect, Check, Btn, IconBtn, PageTitle, Tabs, Icons,\n} from \"./lib.tsx\";\nimport { OpModal } from \"./pages_ops.tsx\";\n\nconst KIND_TITLES = { sale: \"Сделки по продажам\", purchase: \"Сделки по закупкам\" };\n\n// ---------- модалка сделки ----------\nexport function DealModal({ initial, kind, onClose, onSaved }) {\n  const [f, setF] = useState(initial || { name: \"\", client: \"\", status: \"work\", amount: \"\", created_at: todayStr(), comment: \"\", deal_type: kind || \"sale\" });\n  const set = (k, v) => setF((s) => ({ ...s, [k]: v }));\n  const save = async () => {\n    if (!f.name) return alert(\"Укажите название\");\n    const body = { ...f, amount: Number(f.amount) || 0 };\n    if (f.id) await api(\"/deals/\" + f.id, \"PUT\", body); else await api(\"/deals\", \"POST\", body);\n    onSaved(); onClose();\n  };\n  return (\n    <Modal title={f.id ? \"Сделка\" : (f.deal_type === \"purchase\" ? \"Создание закупки\" : \"Создание сделки\")} onClose={onClose}>\n      <Field label=\"Название (например: Мателевич №J1405)\"><TInput value={f.name} onChange={(e) => set(\"name\", e.target.value)} /></Field>\n      <div className=\"grid grid-cols-2 gap-x-4\">\n        <Field label={f.deal_type === \"purchase\" ? \"Поставщик\" : \"Клиент\"}><TInput value={f.client} onChange={(e) => set(\"client\", e.target.value)} /></Field>\n        <Field label=\"Сумма сделки, ₽\"><TInput type=\"number\" value={f.amount} onChange={(e) => set(\"amount\", e.target.value)} /></Field>\n        <Field label=\"Статус\">\n          <TSelect value={f.status} onChange={(e) => set(\"status\", e.target.value)}>\n            {Object.entries(DEAL_STATUS).map(([k, v]) => <option key={k} value={k}>{v.label}</option>)}\n          </TSelect>\n        </Field>\n        <Field label=\"Создана\"><TInput type=\"date\" value={(f.created_at || \"\").slice(0, 10)} onChange={(e) => set(\"created_at\", e.target.value)} /></Field>\n      </div>\n      <Field label=\"Комментарий\"><TInput value={f.comment} onChange={(e) => set(\"comment\", e.target.value)} /></Field>\n      <div className=\"flex justify-end gap-2\"><Btn kind=\"ghost\" onClick={onClose}>Отмена</Btn><Btn onClick={save}>Сохранить</Btn></div>\n    </Modal>\n  );\n}\n\n// ---------- карточка сделки ----------\nfunction DealCard({ id, meta, refreshMeta, onBack, kindTitle }) {\n  const [data, setData] = useState(null);\n  const [tab, setTab] = useState(\"items\");\n  const [opModal, setOpModal] = useState(null);\n  const [editModal, setEditModal] = useState(false);\n  const [shipForm, setShipForm] = useState(null);\n  const [itemForm, setItemForm] = useState(null);\n  const [invForm, setInvForm] = useState(null);\n  const [comment, setComment] = useState(\"\");\n  const load = () => { api(\"/deals/\" + id).then(setData); };\n  useEffect(() => { load(); }, [id]);\n  if (!data) return <div className=\"p-6 text-gray-400 text-sm\">Загрузка…</div>;\n  const d = data.deal;\n  const profit = Number(d.income_all) - Number(d.expense_all);\n  const rentab = Number(d.income_all) ? Math.round((profit / Number(d.income_all)) * 100) : 0;\n  const pctIn = d.amount > 0 ? Math.min(100, Math.round((Number(d.received) / Number(d.amount)) * 100)) : 0;\n  const pctShip = d.amount > 0 ? Math.min(100, Math.round((Number(d.shipped) / Number(d.amount)) * 100)) : 0;\n  const weOwe = Number(d.received) - Number(d.shipped);\n  const incomes = data.ops.filter((o) => o.op_type === \"income\");\n  const expenses = data.ops.filter((o) => o.op_type === \"expense\");\n  const changeStatus = async (s) => { await api(\"/deals/\" + id, \"PUT\", { ...d, status: s }); load(); };\n  const addComment = async () => {\n    if (!comment.trim()) return;\n    await api(`/deals/${id}/comments`, \"POST\", { text: comment });\n    setComment(\"\"); load();\n  };\n  const OpRows = ({ rows, addType }) => (\n    <div>\n      <div className=\"flex justify-end p-2\">\n        <Btn small onClick={() => setOpModal({ op_type: addType })}>Добавить</Btn>\n      </div>\n      <table className=\"w-full text-sm\">\n        <thead><tr className=\"text-left text-xs text-gray-400\"><th className=\"p-2 pl-3\">Дата</th><th className=\"p-2\">Счёт</th><th className=\"p-2\">Контрагент</th><th className=\"p-2\">Статья</th><th className=\"p-2 text-right pr-3\">Сумма</th></tr></thead>\n        <tbody>\n          {rows.map((o) => (\n            <tr key={o.id} className=\"border-t border-gray-50\">\n              <td className=\"p-2 pl-3 text-gray-500\">{fmtDate(o.date)}</td>\n              <td className=\"p-2 text-gray-600\">{o.account_name}</td>\n              <td className=\"p-2 text-gray-700\">{o.contractor_name || \"—\"}</td>\n              <td className=\"p-2 text-gray-600\">{o.category_name || \"—\"}{!o.confirmed && <span className=\"ml-1 text-[10px] bg-slate-100 text-slate-500 rounded px-1\">план</span>}</td>\n              <td className={\"p-2 pr-3 text-right font-medium whitespace-nowrap \" + (o.op_type === \"income\" ? \"text-emerald-600\" : \"text-rose-500\")}>{o.op_type === \"income\" ? \"+\" : \"−\"}{fmt(o.amount)}</td>\n            </tr>\n          ))}\n          {rows.length === 0 && <tr><td colSpan={5} className=\"p-4 text-center text-gray-400\">Пока пусто</td></tr>}\n        </tbody>\n      </table>\n    </div>\n  );\n  const itemsSum = data.items.reduce((s, x) => s + Number(x.qty) * Number(x.price), 0);\n  const TABS = [\n    [\"items\", `Товары и услуги · ${data.items.length}`],\n    [\"in\", `Поступления · ${incomes.length}`],\n    [\"exp\", `Расходы · ${expenses.length}`],\n    [\"ship\", `Отгрузки · ${data.shipments.length}`],\n    [\"inv\", `Счета · ${data.invoices.length}`],\n  ];\n  return (\n    <div className=\"p-6\">\n      <button className=\"text-sm text-[#2aa3af] mb-2\" onClick={onBack}>← {kindTitle}</button>\n      <div className=\"flex items-center gap-3 mb-4 flex-wrap\">\n        <h1 className=\"text-[24px] font-bold text-[#37474f]\">{d.name}</h1>\n        <Btn small kind=\"ghost\" onClick={() => setEditModal(true)}>Изменить</Btn>\n      </div>\n      <div style={{ display: \"grid\", gridTemplateColumns: \"repeat(auto-fit, minmax(255px, 1fr))\", gap: 12 }} className=\"mb-5\">\n        <div className=\"bg-white rounded-lg p-4 shadow-sm min-w-0\">\n          <div className=\"flex items-start justify-between gap-2\">\n            <div>\n              <div className=\"text-xs text-gray-500\">Сделка на сумму</div>\n              <div className=\"text-[22px] font-bold text-[#37474f] whitespace-nowrap leading-tight\">{fmt(d.amount)}</div>\n            </div>\n            <TSelect value={d.status} onChange={(e) => changeStatus(e.target.value)} className=\"!w-40 !py-1.5\">\n              {Object.entries(DEAL_STATUS).map(([k, v]) => <option key={k} value={k}>{v.label}</option>)}\n            </TSelect>\n          </div>\n          <div className=\"border-t border-gray-100 mt-3 pt-2\">\n            <div className=\"text-xs text-gray-500 py-0.5\">Тип <span className=\"text-gray-700 ml-2\">{d.deal_type === \"purchase\" ? \"Закупка\" : \"Продажа\"}</span></div>\n            <div className=\"text-xs text-gray-500 py-0.5\">Клиент <span className=\"text-gray-700 ml-2\">{d.client || \"—\"}</span></div>\n            <div className=\"text-xs text-gray-500 py-0.5\">Создана <span className=\"text-gray-700 ml-2\">{fmtDate(d.created_at)}</span></div>\n          </div>\n        </div>\n        <div className=\"bg-white rounded-lg p-4 shadow-sm min-w-0\">\n          <div className=\"text-[11px] text-gray-400 uppercase tracking-wide mb-2\">Поступления</div>\n          <div className=\"flex items-center gap-3\">\n            <div className=\"w-11 h-11 rounded-lg bg-emerald-50 text-emerald-500 flex items-center justify-center shrink-0\"><Icons.arrowIn size={22} /></div>\n            <div className=\"min-w-0\">\n              <div className=\"text-[20px] font-bold text-emerald-600 whitespace-nowrap leading-tight\">{fmt(d.received)}</div>\n              <div className=\"text-xs text-gray-400\">из {fmt(d.amount)}</div>\n            </div>\n          </div>\n          <div className=\"h-1.5 bg-gray-100 rounded mt-3\"><div className=\"h-1.5 bg-emerald-500 rounded\" style={{ width: pctIn + \"%\" }}></div></div>\n          <div className=\"text-xs text-gray-500 mt-1.5\">Поступило: {pctIn}%</div>\n        </div>\n        <div className=\"bg-white rounded-lg p-4 shadow-sm min-w-0\">\n          <div className=\"text-[11px] text-gray-400 uppercase tracking-wide mb-2\">Отгрузки клиенту</div>\n          <div className=\"flex items-center gap-3\">\n            <div className=\"w-11 h-11 rounded-lg bg-sky-50 text-sky-500 flex items-center justify-center shrink-0\"><Icons.deals size={22} /></div>\n            <div className=\"min-w-0\">\n              <div className=\"text-[20px] font-bold text-sky-600 whitespace-nowrap leading-tight\">{fmt(d.shipped)}</div>\n              <div className=\"text-xs text-gray-400\">из {fmt(d.amount)}</div>\n            </div>\n          </div>\n          <div className=\"h-1.5 bg-gray-100 rounded mt-3\"><div className=\"h-1.5 bg-sky-500 rounded\" style={{ width: pctShip + \"%\" }}></div></div>\n          <div className=\"text-xs text-gray-500 mt-1.5\">Отгружено: {pctShip}%{weOwe > 0.005 && <span className=\"text-amber-600\"> · Мы должны: {fmt(weOwe)}</span>}</div>\n        </div>\n        <div className=\"bg-white rounded-lg p-4 shadow-sm min-w-0\">\n          <div className=\"flex items-start justify-between\">\n            <div className=\"text-[11px] text-gray-400 uppercase tracking-wide mb-2\">Прибыль сделки</div>\n            <span className=\"text-xs text-gray-400\">Учет ▾</span>\n          </div>\n          <div className=\"flex items-center gap-3\">\n            <div className=\"w-11 h-11 rounded-lg bg-slate-100 text-slate-500 flex items-center justify-center shrink-0\"><Icons.chart size={22} /></div>\n            <div className=\"min-w-0\">\n              <div className={\"text-[20px] font-bold whitespace-nowrap leading-tight \" + (profit >= 0 ? \"text-[#37474f]\" : \"text-rose-600\")}>{fmt(profit)}</div>\n              <div className=\"text-xs text-gray-400\">Рентабельность {rentab}%</div>\n            </div>\n          </div>\n          <div className=\"h-1.5 bg-gray-100 rounded mt-3\"><div className=\"h-1.5 bg-emerald-500 rounded\" style={{ width: Math.max(0, Math.min(100, rentab)) + \"%\" }}></div></div>\n          <div className=\"text-xs text-gray-400 mt-1.5\"><span className=\"text-emerald-600\">● Доходы +{fmt(d.income_all)}</span> · <span className=\"text-gray-400\">Расходы −{fmt(d.expense_all)}</span></div>\n        </div>\n      </div>\n      <div className=\"grid gap-4\" style={{ gridTemplateColumns: \"1fr 300px\" }}>\n        <div className=\"bg-white rounded-lg shadow-sm min-w-0\">\n          <div className=\"flex border-b border-gray-100 text-sm overflow-x-auto\">\n            {TABS.map(([k, l]) => (\n              <button key={k} onClick={() => setTab(k)}\n                className={\"px-4 py-2.5 whitespace-nowrap uppercase text-xs tracking-wide \" +\n                  (tab === k ? \"text-[#2aa3af] font-semibold border-b-2 border-[#2aa3af] -mb-px\" : \"text-gray-400 hover:text-gray-600\")}>{l}</button>\n            ))}\n          </div>\n          {tab === \"items\" && (\n            <div>\n              <div className=\"flex justify-between items-center p-2 pl-3\">\n                <div className=\"text-xs text-gray-400\">Товары и услуги по сделке</div>\n                <Btn small onClick={() => setItemForm({ name: (meta.products[0] || {}).name || \"\", qty: 1, unit: \"усл\", price: d.amount || \"\" })}>Добавить</Btn>\n              </div>\n              <table className=\"w-full text-sm\">\n                <thead><tr className=\"text-left text-xs text-gray-400\"><th className=\"p-2 pl-3\">Наименование</th><th className=\"p-2 text-right\">Кол-во</th><th className=\"p-2\">Единица</th><th className=\"p-2 text-right\">Цена за ед.</th><th className=\"p-2 text-right\">Сумма</th><th className=\"p-2\"></th></tr></thead>\n                <tbody>\n                  {data.items.map((x) => (\n                    <tr key={x.id} className=\"border-t border-gray-50\">\n                      <td className=\"p-2 pl-3 text-gray-700\">{x.name}</td>\n                      <td className=\"p-2 text-right\">{x.qty}</td>\n                      <td className=\"p-2 text-gray-500\">{x.unit}</td>\n                      <td className=\"p-2 text-right whitespace-nowrap\">{fmt(x.price)}</td>\n                      <td className=\"p-2 text-right font-medium whitespace-nowrap\">{fmt(Number(x.qty) * Number(x.price))}</td>\n                      <td className=\"p-2 text-right\"><IconBtn icon={Icons.trash} danger onClick={async () => { await api(\"/items/\" + x.id, \"DELETE\"); load(); }} /></td>\n                    </tr>\n                  ))}\n                  {data.items.length === 0 && <tr><td colSpan={6} className=\"p-4 text-center text-gray-400\">Выберите товары или услуги для продажи</td></tr>}\n                </tbody>\n              </table>\n              {data.items.length > 0 && <div className=\"p-2 pl-3 text-xs text-gray-500 border-t border-gray-50\">{data.items.length} позиция на сумму: <b>{fmt(itemsSum)}</b></div>}\n            </div>\n          )}\n          {tab === \"in\" && <OpRows rows={incomes} addType=\"income\" />}\n          {tab === \"exp\" && <OpRows rows={expenses} addType=\"expense\" />}\n          {tab === \"ship\" && (\n            <div>\n              <div className=\"flex justify-between items-center p-2 pl-3\">\n                <div className=\"text-xs text-gray-400\">Отгрузки (акты) — учёт по методу начисления</div>\n                <Btn small onClick={() => setShipForm({ date: todayStr(), amount: d.amount || \"\", comment: \"\" })}>Добавить</Btn>\n              </div>\n              <table className=\"w-full text-sm\">\n                <thead><tr className=\"text-left text-xs text-gray-400\"><th className=\"p-2 pl-3\">Дата</th><th className=\"p-2\">Комментарий</th><th className=\"p-2 text-right\">Сумма</th><th className=\"p-2\"></th></tr></thead>\n                <tbody>\n                  {data.shipments.map((x) => (\n                    <tr key={x.id} className=\"border-t border-gray-50\">\n                      <td className=\"p-2 pl-3 text-gray-500\">{fmtDate(x.date)}</td>\n                      <td className=\"p-2 text-gray-600\">{x.comment || \"Акт выполненных работ\"}</td>\n                      <td className=\"p-2 text-right font-medium whitespace-nowrap text-sky-600\">{fmt(x.amount)}</td>\n                      <td className=\"p-2 text-right\"><IconBtn icon={Icons.trash} danger onClick={async () => { await api(\"/shipments/\" + x.id, \"DELETE\"); load(); }} /></td>\n                    </tr>\n                  ))}\n                  {data.shipments.length === 0 && <tr><td colSpan={4} className=\"p-4 text-center text-gray-400\">Отгрузок пока нет</td></tr>}\n                </tbody>\n              </table>\n            </div>\n          )}\n          {tab === \"inv\" && (\n            <div>\n              <div className=\"flex justify-between items-center p-2 pl-3\">\n                <div className=\"text-xs text-gray-400\">Счета, выставленные по сделке</div>\n                <Btn small onClick={() => setInvForm({ number: \"\", date: todayStr(), amount: d.amount || \"\", client: d.client, comment: \"\" })}>Выставить счёт</Btn>\n              </div>\n              <table className=\"w-full text-sm\">\n                <thead><tr className=\"text-left text-xs text-gray-400\"><th className=\"p-2 pl-3\">№</th><th className=\"p-2\">Дата</th><th className=\"p-2\">Клиент</th><th className=\"p-2 text-right\">Сумма</th><th className=\"p-2\">Статус</th><th className=\"p-2\"></th></tr></thead>\n                <tbody>\n                  {data.invoices.map((x) => (\n                    <tr key={x.id} className=\"border-t border-gray-50\">\n                      <td className=\"p-2 pl-3\">{x.number || \"б/н\"}</td>\n                      <td className=\"p-2 text-gray-500\">{fmtDate(x.date)}</td>\n                      <td className=\"p-2 text-gray-700\">{x.client || \"—\"}</td>\n                      <td className=\"p-2 text-right whitespace-nowrap\">{fmt(x.amount)}</td>\n                      <td className=\"p-2\">{x.status === \"paid\"\n                        ? <span className=\"text-xs px-2 py-0.5 rounded bg-emerald-100 text-emerald-700\">Оплачен</span>\n                        : <button className=\"text-xs px-2 py-0.5 rounded bg-amber-100 text-amber-700\" onClick={async () => { await api(`/invoices/${x.id}/paid`, \"POST\", {}); load(); }}>Не оплачен → оплатить</button>}</td>\n                      <td className=\"p-2 text-right\"><IconBtn icon={Icons.trash} danger onClick={async () => { await api(\"/invoices/\" + x.id, \"DELETE\"); load(); }} /></td>\n                    </tr>\n                  ))}\n                  {data.invoices.length === 0 && <tr><td colSpan={6} className=\"p-4 text-center text-gray-400\">Счетов нет</td></tr>}\n                </tbody>\n              </table>\n            </div>\n          )}\n        </div>\n        {/* Файлы и комментарии */}\n        <div className=\"bg-white rounded-lg shadow-sm p-4 h-fit\">\n          <div className=\"text-xs uppercase tracking-wide text-gray-400 font-semibold mb-3\">Файлы и комментарии</div>\n          {(data.comments || []).length === 0 && (\n            <div className=\"text-xs text-gray-400 text-center py-6\">Оставляйте комментарии<br />для себя и своих коллег</div>\n          )}\n          <div className=\"max-h-72 overflow-y-auto mb-3\">\n            {(data.comments || []).map((cm) => (\n              <div key={cm.id} className=\"mb-2 bg-slate-50 rounded p-2 text-sm group\">\n                <div className=\"text-gray-700 whitespace-pre-wrap break-words\">{cm.text}</div>\n                <div className=\"flex justify-between text-[10px] text-gray-400 mt-1\">\n                  <span>{fmtDate(cm.created_at)}</span>\n                  <button className=\"opacity-0 group-hover:opacity-100 hover:text-rose-500\"\n                    onClick={async () => { await api(\"/comments/\" + cm.id, \"DELETE\"); load(); }}>удалить</button>\n                </div>\n              </div>\n            ))}\n          </div>\n          <div className=\"flex gap-2\">\n            <input className=\"flex-1 border border-gray-200 rounded px-2 py-1.5 text-sm\" placeholder=\"Написать комментарий\"\n              value={comment} onChange={(e) => setComment(e.target.value)}\n              onKeyDown={(e) => { if (e.key === \"Enter\") addComment(); }} />\n            <Btn small onClick={addComment}>➤</Btn>\n          </div>\n        </div>\n      </div>\n      {opModal && <OpModal meta={meta}\n        initial={{ op_type: opModal.op_type, date: todayStr(), confirmed: false, amount: \"\", account_id: \"\", account2_id: \"\", category_id: \"\", contractor_id: \"\", deal_id: String(id), project_id: \"\", purpose: \"\" }}\n        onClose={() => setOpModal(null)} onSaved={() => { load(); refreshMeta(); }} />}\n      {editModal && <DealModal initial={d} onClose={() => setEditModal(false)} onSaved={load} />}\n      {shipForm && (\n        <Modal title=\"Отгрузка (акт)\" onClose={() => setShipForm(null)}>\n          <div className=\"grid grid-cols-2 gap-x-4\">\n            <Field label=\"Дата\"><TInput type=\"date\" value={shipForm.date} onChange={(e) => setShipForm({ ...shipForm, date: e.target.value })} /></Field>\n            <Field label=\"Сумма, ₽\"><TInput type=\"number\" value={shipForm.amount} onChange={(e) => setShipForm({ ...shipForm, amount: e.target.value })} /></Field>\n          </div>\n          <Field label=\"Комментарий\"><TInput value={shipForm.comment} onChange={(e) => setShipForm({ ...shipForm, comment: e.target.value })} placeholder=\"Акт выполненных работ\" /></Field>\n          <div className=\"flex justify-end gap-2\"><Btn kind=\"ghost\" onClick={() => setShipForm(null)}>Отмена</Btn>\n            <Btn onClick={async () => { await api(`/deals/${id}/shipments`, \"POST\", shipForm); setShipForm(null); load(); }}>Сохранить</Btn></div>\n        </Modal>\n      )}\n      {itemForm && (\n        <Modal title=\"Позиция: товар или услуга\" onClose={() => setItemForm(null)}>\n          <Field label=\"Наименование (из справочника или своё)\">\n            <TSelect value={itemForm.name} onChange={(e) => setItemForm({ ...itemForm, name: e.target.value })}>\n              {meta.products.map((p) => <option key={p.id} value={p.name}>{p.name}</option>)}\n              <option value=\"\">— своё название —</option>\n            </TSelect>\n          </Field>\n          {itemForm.name === \"\" && <Field label=\"Своё название\"><TInput value={itemForm.custom || \"\"} onChange={(e) => setItemForm({ ...itemForm, custom: e.target.value })} /></Field>}\n          <div className=\"grid grid-cols-3 gap-x-4\">\n            <Field label=\"Кол-во\"><TInput type=\"number\" value={itemForm.qty} onChange={(e) => setItemForm({ ...itemForm, qty: e.target.value })} /></Field>\n            <Field label=\"Единица\"><TInput value={itemForm.unit} onChange={(e) => setItemForm({ ...itemForm, unit: e.target.value })} /></Field>\n            <Field label=\"Цена за ед., ₽\"><TInput type=\"number\" value={itemForm.price} onChange={(e) => setItemForm({ ...itemForm, price: e.target.value })} /></Field>\n          </div>\n          <div className=\"flex justify-end gap-2\"><Btn kind=\"ghost\" onClick={() => setItemForm(null)}>Отмена</Btn>\n            <Btn onClick={async () => {\n              const name = itemForm.name || itemForm.custom;\n              if (!name) return alert(\"Укажите наименование\");\n              await api(`/deals/${id}/items`, \"POST\", { ...itemForm, name });\n              setItemForm(null); load();\n            }}>Сохранить</Btn></div>\n        </Modal>\n      )}\n      {invForm && (\n        <Modal title=\"Выставить счёт\" onClose={() => setInvForm(null)}>\n          <div className=\"grid grid-cols-2 gap-x-4\">\n            <Field label=\"Номер счёта\"><TInput value={invForm.number} onChange={(e) => setInvForm({ ...invForm, number: e.target.value })} /></Field>\n            <Field label=\"Дата\"><TInput type=\"date\" value={invForm.date} onChange={(e) => setInvForm({ ...invForm, date: e.target.value })} /></Field>\n            <Field label=\"Клиент\"><TInput value={invForm.client} onChange={(e) => setInvForm({ ...invForm, client: e.target.value })} /></Field>\n            <Field label=\"Сумма, ₽\"><TInput type=\"number\" value={invForm.amount} onChange={(e) => setInvForm({ ...invForm, amount: e.target.value })} /></Field>\n          </div>\n          <div className=\"flex justify-end gap-2\"><Btn kind=\"ghost\" onClick={() => setInvForm(null)}>Отмена</Btn>\n            <Btn onClick={async () => { await api(\"/invoices\", \"POST\", { ...invForm, deal_id: id }); setInvForm(null); load(); }}>Сохранить</Btn></div>\n        </Modal>\n      )}\n    </div>\n  );\n}\n\n// ---------- список сделок ----------\nexport function PageDeals({ kind, meta, refreshMeta }) {\n  const [rows, setRows] = useState([]);\n  const [modal, setModal] = useState(false);\n  const [view, setView] = useState(null);\n  const [basis, setBasis] = useState(\"accrual\");\n  const [flt, setFlt] = useState({ status: \"\", client: \"\", from: \"\", to: \"\", sumFrom: \"\", sumTo: \"\", pFrom: \"\", pTo: \"\" });\n  const [q, setQ] = useState(\"\");\n  const load = () => { api(\"/deals?type=\" + kind).then(setRows); };\n  useEffect(() => { load(); }, [kind]);\n  const set = (k, v) => setFlt((s) => ({ ...s, [k]: v }));\n  const profitOf = (r) => basis === \"accrual\"\n    ? Number(r.shipped) - Number(r.expense_all)\n    : Number(r.received) - Number(r.expense_paid);\n  if (view) return <DealCard id={view} meta={meta} refreshMeta={refreshMeta} kindTitle={KIND_TITLES[kind]} onBack={() => { setView(null); load(); }} />;\n  let filtered = rows;\n  if (flt.status) filtered = filtered.filter((r) => r.status === flt.status);\n  if (flt.client) filtered = filtered.filter((r) => (r.client || \"\").toLowerCase().includes(flt.client.toLowerCase()));\n  if (flt.from) filtered = filtered.filter((r) => (r.created_at || \"\") >= flt.from);\n  if (flt.to) filtered = filtered.filter((r) => (r.created_at || \"\") <= flt.to);\n  if (flt.sumFrom) filtered = filtered.filter((r) => Number(r.amount) >= Number(flt.sumFrom));\n  if (flt.sumTo) filtered = filtered.filter((r) => Number(r.amount) <= Number(flt.sumTo));\n  if (flt.pFrom) filtered = filtered.filter((r) => profitOf(r) >= Number(flt.pFrom));\n  if (flt.pTo) filtered = filtered.filter((r) => profitOf(r) <= Number(flt.pTo));\n  if (q) filtered = filtered.filter((r) => (r.name + \" \" + r.client).toLowerCase().includes(q.toLowerCase()));\n  const totalSum = filtered.reduce((s, r) => s + Number(r.amount || 0), 0);\n  const totalProfit = filtered.reduce((s, r) => s + profitOf(r), 0);\n  const del = async (id) => { if (window.confirm(\"Удалить сделку? Операции останутся без привязки.\")) { await api(\"/deals/\" + id, \"DELETE\"); load(); } };\n  const exportXls = () => {\n    const head = \"Дата;Название;Клиент;Статус;Сумма сделки;Поступило %;Отгружено %;Прибыль\";\n    const lines = filtered.map((r) => {\n      const pct = r.amount > 0 ? Math.round((Number(r.received) / Number(r.amount)) * 100) : 0;\n      const pctShip = r.amount > 0 ? Math.round((Number(r.shipped) / Number(r.amount)) * 100) : 0;\n      return [fmtDate(r.created_at), r.name, r.client, (DEAL_STATUS[r.status] || {}).label, r.amount, pct + \"%\", pctShip + \"%\", profitOf(r)].join(\";\");\n    });\n    const blob = new Blob([\"\" + [head, ...lines].join(\"\\r\\n\")], { type: \"text/csv;charset=utf-8\" });\n    const a = document.createElement(\"a\");\n    a.href = URL.createObjectURL(blob);\n    a.download = (kind === \"purchase\" ? \"закупки\" : \"сделки\") + \".csv\";\n    a.click();\n  };\n  return (\n    <div className=\"flex h-full\">\n      {/* фильтры */}\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-3\">Фильтры</div>\n        <div className=\"text-xs text-gray-400 mb-1\">Параметры сделки</div>\n        <Field label=\"Статус сделки\">\n          <TSelect value={flt.status} onChange={(e) => set(\"status\", e.target.value)}>\n            <option value=\"\">Все</option>\n            {Object.entries(DEAL_STATUS).map(([k, v]) => <option key={k} value={k}>{v.label}</option>)}\n          </TSelect>\n        </Field>\n        <Field label=\"Клиенты\"><TInput value={flt.client} onChange={(e) => set(\"client\", e.target.value)} placeholder=\"Имя клиента…\" /></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        <div className=\"text-xs text-gray-400 mb-1 mt-3\">Сумма сделки</div>\n        <div className=\"flex gap-2 mb-3\">\n          <TInput type=\"number\" placeholder=\"От\" value={flt.sumFrom} onChange={(e) => set(\"sumFrom\", e.target.value)} />\n          <TInput type=\"number\" placeholder=\"до\" value={flt.sumTo} onChange={(e) => set(\"sumTo\", e.target.value)} />\n        </div>\n        <div className=\"text-xs text-gray-400 mb-1\">Прибыль сделки</div>\n        <div className=\"flex gap-2\">\n          <TInput type=\"number\" placeholder=\"От\" value={flt.pFrom} onChange={(e) => set(\"pFrom\", e.target.value)} />\n          <TInput type=\"number\" placeholder=\"до\" value={flt.pTo} onChange={(e) => set(\"pTo\", e.target.value)} />\n        </div>\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\">{KIND_TITLES[kind]}</h1>\n          <Btn onClick={() => setModal(true)}>Создать</Btn>\n          <div className=\"ml-auto flex items-center gap-2\">\n            <label className=\"text-xs text-gray-400\">Учет<br />\n              <TSelect value={basis} onChange={(e) => setBasis(e.target.value)} className=\"!w-44\">\n                <option value=\"accrual\">Метод начисления</option>\n                <option value=\"cash\">Кассовый метод</option>\n              </TSelect>\n            </label>\n            <Btn kind=\"ghost\" onClick={exportXls}>⬇ .xls</Btn>\n            <input className=\"border border-gray-200 rounded px-3 py-1.5 text-sm w-64\" placeholder=\"Поиск по названию или контрагенту\"\n              value={q} onChange={(e) => setQ(e.target.value)} />\n          </div>\n        </div>\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\"><input type=\"checkbox\" disabled /></th>\n              <th className=\"p-2\">Дата ▴</th><th className=\"p-2\">Название</th><th className=\"p-2\">{kind === \"purchase\" ? \"Поставщик\" : \"Клиент\"}</th>\n              <th className=\"p-2\">Статус</th><th className=\"p-2 text-right\">Сумма сделки, ₽</th>\n              <th className=\"p-2 text-right\">Поступило</th><th className=\"p-2 text-right\">Отгружено</th><th className=\"p-2 text-right\">Прибыль, ₽</th><th className=\"p-2\"></th>\n            </tr></thead>\n            <tbody>\n              {filtered.map((r) => {\n                const st = DEAL_STATUS[r.status] || DEAL_STATUS.work;\n                const pct = r.amount > 0 ? Math.min(100, Math.round((Number(r.received) / Number(r.amount)) * 100)) : 0;\n                const pctShip = r.amount > 0 ? Math.min(100, Math.round((Number(r.shipped) / Number(r.amount)) * 100)) : 0;\n                const profit = profitOf(r);\n                return (\n                  <tr key={r.id} className=\"border-t border-gray-50 hover:bg-slate-50 cursor-pointer\" onClick={() => setView(r.id)}>\n                    <td className=\"p-2 pl-3\" onClick={(e) => e.stopPropagation()}><input type=\"checkbox\" className=\"accent-[#2aa3af]\" /></td>\n                    <td className=\"p-2 text-gray-500 whitespace-nowrap\">{fmtDate(r.created_at)}</td>\n                    <td className=\"p-2 font-medium text-[#22313f]\">{r.name}</td>\n                    <td className=\"p-2 text-gray-700\">{r.client || \"—\"}</td>\n                    <td className=\"p-2\"><span className={\"text-xs px-2 py-0.5 rounded whitespace-nowrap \" + st.cls}>{st.label}</span></td>\n                    <td className=\"p-2 text-right font-medium whitespace-nowrap\">{fmt(r.amount)}</td>\n                    <td className=\"p-2 text-right text-gray-600\">{pct}%</td>\n                    <td className=\"p-2 text-right text-gray-600\">{pctShip}%</td>\n                    <td className={\"p-2 text-right font-medium whitespace-nowrap \" + (profit >= 0 ? \"text-emerald-600\" : \"text-rose-500\")}>{fmt(profit)}</td>\n                    <td className=\"p-2 text-right\" onClick={(e) => e.stopPropagation()}>\n                      <IconBtn icon={Icons.trash} danger onClick={() => del(r.id)} />\n                    </td>\n                  </tr>\n                );\n              })}\n              {filtered.length === 0 && <tr><td colSpan={10} className=\"p-8 text-center text-gray-400\">Сделок нет — нажмите «Создать»</td></tr>}\n            </tbody>\n          </table>\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\">\n          <span>{filtered.length} {kind === \"purchase\" ? \"закупок\" : \"продаж\"} на сумму: <b className=\"text-[#22313f]\">{fmt(totalSum)}</b></span>\n          <span>Общая прибыль: <b className=\"text-emerald-600\">{fmt(totalProfit)}</b></span>\n        </div>\n      </div>\n      {modal && <DealModal kind={kind} onClose={() => setModal(false)} onSaved={load} />}\n    </div>\n  );\n}\n\n// ---------- Выставленные счета ----------\nexport function PageInvoices({ meta }) {\n  const [rows, setRows] = useState([]);\n  const [modal, setModal] = useState(null);\n  const load = () => { api(\"/invoices\").then(setRows); };\n  useEffect(() => { load(); }, []);\n  const save = async (f) => {\n    const body = { ...f, amount: Number(f.amount) || 0, contractor_id: Number(f.contractor_id) || null };\n    if (f.id) await api(\"/invoices/\" + f.id, \"PUT\", body); else await api(\"/invoices\", \"POST\", body);\n    setModal(null); load();\n  };\n  const totalUnpaid = rows.filter((r) => r.status !== \"paid\").reduce((s, r) => s + Number(r.amount), 0);\n  if (rows.length === 0 && !modal) {\n    return (\n      <div className=\"p-6\">\n        <PageTitle>Выставленные счета</PageTitle>\n        <div className=\"text-center pt-24\">\n          <div className=\"text-xl font-bold text-[#37474f] mb-2\">Выставляйте счета в сделках<br />продаж с вашими клиентами</div>\n          <div className=\"text-sm text-gray-400 mb-3\">Здесь отобразится список выставленных счетов,<br />которые вы создадите в рамках сделок продаж.</div>\n          <button className=\"text-[#2aa3af] text-sm\" onClick={() => setModal({ number: \"\", date: todayStr(), client: \"\", contractor_id: \"\", amount: \"\", status: \"unpaid\", comment: \"\" })}>Создать счёт</button>\n        </div>\n      </div>\n    );\n  }\n  return (\n    <div className=\"p-6\">\n      <PageTitle right={<Btn onClick={() => setModal({ number: \"\", date: todayStr(), client: \"\", contractor_id: \"\", amount: \"\", status: \"unpaid\", comment: \"\" })}>Создать</Btn>}>Выставленные счета</PageTitle>\n      <table className=\"w-full text-sm bg-white rounded-lg shadow-sm\">\n        <thead><tr className=\"text-left text-xs text-gray-400\">\n          <th className=\"p-2 pl-3\">№</th><th className=\"p-2\">Дата</th><th className=\"p-2\">Клиент / Контрагент</th>\n          <th className=\"p-2\">Сделка</th><th className=\"p-2 text-right\">Сумма, ₽</th><th className=\"p-2\">Статус</th><th className=\"p-2\"></th>\n        </tr></thead>\n        <tbody>\n          {rows.map((x) => (\n            <tr key={x.id} className=\"border-t border-gray-50 hover:bg-slate-50\">\n              <td className=\"p-2 pl-3 font-medium text-[#22313f]\">{x.number || \"б/н\"}</td>\n              <td className=\"p-2 text-gray-500 whitespace-nowrap\">{fmtDate(x.date)}</td>\n              <td className=\"p-2 text-gray-700\">{x.contractor_name || x.client || \"—\"}</td>\n              <td className=\"p-2 text-gray-500\">{x.deal_name || \"\"}</td>\n              <td className=\"p-2 text-right font-medium whitespace-nowrap\">{fmt(x.amount)}</td>\n              <td className=\"p-2\">{x.status === \"paid\"\n                ? <span className=\"text-xs px-2 py-0.5 rounded bg-emerald-100 text-emerald-700\">Оплачен</span>\n                : <button className=\"text-xs px-2 py-0.5 rounded bg-amber-100 text-amber-700\" onClick={async () => { await api(`/invoices/${x.id}/paid`, \"POST\", {}); load(); }}>Не оплачен → оплатить</button>}</td>\n              <td className=\"p-2 text-right whitespace-nowrap\">\n                <IconBtn icon={Icons.edit} onClick={() => setModal(x)} />\n                <IconBtn icon={Icons.trash} danger onClick={async () => { if (window.confirm(\"Удалить счёт?\")) { await api(\"/invoices/\" + x.id, \"DELETE\"); load(); } }} />\n              </td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n      <div className=\"text-xs text-gray-500 mt-2\">{rows.length} счетов · Не оплачено: <b className=\"text-amber-600\">{fmt(totalUnpaid)}</b></div>\n      {modal && (\n        <Modal title={modal.id ? \"Счёт\" : \"Выставить счёт\"} onClose={() => setModal(null)}>\n          <div className=\"grid grid-cols-2 gap-x-4\">\n            <Field label=\"Номер\"><TInput value={modal.number} onChange={(e) => setModal({ ...modal, number: e.target.value })} /></Field>\n            <Field label=\"Дата\"><TInput type=\"date\" value={(modal.date || \"\").slice(0, 10)} onChange={(e) => setModal({ ...modal, date: e.target.value })} /></Field>\n            <Field label=\"Контрагент\">\n              <TSelect value={modal.contractor_id || \"\"} onChange={(e) => setModal({ ...modal, contractor_id: e.target.value })}>\n                <option value=\"\">—</option>\n                {meta.contractors.map((c) => <option key={c.id} value={c.id}>{c.name}</option>)}\n              </TSelect>\n            </Field>\n            <Field label=\"Клиент (текстом)\"><TInput value={modal.client} onChange={(e) => setModal({ ...modal, client: e.target.value })} /></Field>\n            <Field label=\"Сумма, ₽\"><TInput type=\"number\" value={modal.amount} onChange={(e) => setModal({ ...modal, amount: e.target.value })} /></Field>\n            <Field label=\"Статус\">\n              <TSelect value={modal.status} onChange={(e) => setModal({ ...modal, status: e.target.value })}>\n                <option value=\"unpaid\">Не оплачен</option><option value=\"paid\">Оплачен</option>\n              </TSelect>\n            </Field>\n          </div>\n          <div className=\"flex justify-end gap-2\"><Btn kind=\"ghost\" onClick={() => setModal(null)}>Отмена</Btn><Btn onClick={() => save(modal)}>Сохранить</Btn></div>\n        </Modal>\n      )}\n    </div>\n  );\n}\n\n// ---------- Проекты ----------\nconst PROJ_STATUS = {\n  plan: { label: \"Плановый\", cls: \"bg-sky-100 text-sky-700\" },\n  work: { label: \"В работе\", cls: \"bg-amber-100 text-amber-700\" },\n  done: { label: \"Завершен\", cls: \"bg-emerald-100 text-emerald-700\" },\n};\nexport function PageProjects({ refreshMeta }) {\n  const [rows, setRows] = useState([]);\n  const [modal, setModal] = useState(null);\n  const [flt, setFlt] = useState({ plan: true, work: true, done: true, q: \"\" });\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  let filtered = rows.filter((p) => flt[p.status || \"work\"] !== false);\n  if (flt.q) filtered = filtered.filter((p) => (p.name + \" \" + (p.comment || \"\")).toLowerCase().includes(flt.q.toLowerCase()));\n  const tInc = filtered.reduce((s, p) => s + Number(p.income), 0);\n  const tExp = filtered.reduce((s, p) => s + Number(p.expense), 0);\n  const tProfit = tInc - tExp;\n  return (\n    <div className=\"flex h-full\">\n      <div className=\"w-56 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.plan} onChange={(v) => setFlt({ ...flt, plan: v })} />\n        <Check label=\"В работе\" checked={flt.work} onChange={(v) => setFlt({ ...flt, work: v })} />\n        <Check label=\"Завершен\" checked={flt.done} onChange={(v) => setFlt({ ...flt, done: 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({ name: \"\", grp: \"\", status: \"work\", comment: \"\", date_start: \"\", date_end: \"\" })}>Создать</Btn>\n          <div className=\"ml-auto flex items-center gap-2\">\n            <label className=\"text-xs text-gray-400\">Показатель для анализа<br />\n              <TSelect className=\"!w-56\"><option>Прибыль кассовым методом</option></TSelect>\n            </label>\n            <input className=\"border border-gray-200 rounded px-3 py-1.5 text-sm w-64\" placeholder=\"Поиск по названию или комментарию\"\n              value={flt.q} onChange={(e) => setFlt({ ...flt, q: e.target.value })} />\n          </div>\n        </div>\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\">Название проекта ▾</th><th className=\"p-2\">Группа</th>\n              <th className=\"p-2\">Начало / Конец</th><th className=\"p-2\">Статус</th>\n              <th className=\"p-2 text-right\">Доходы, ₽</th><th className=\"p-2 text-right\">Расходы, ₽</th>\n              <th className=\"p-2 text-right\">Прибыль, ₽</th><th className=\"p-2 text-right\">Рентабельность</th><th className=\"p-2\"></th>\n            </tr></thead>\n            <tbody>\n              {filtered.map((p) => {\n                const st = PROJ_STATUS[p.status] || PROJ_STATUS.work;\n                const profit = Number(p.income) - Number(p.expense);\n                const rent = Number(p.income) ? Math.round((profit / Number(p.income)) * 1000) / 10 : 0;\n                return (\n                  <tr key={p.id} className={\"border-t border-gray-50 hover:bg-slate-50 \" + (p.active ? \"\" : \"opacity-40\")}>\n                    <td className=\"p-2 pl-3 font-medium text-[#22313f]\">{p.name}</td>\n                    <td className=\"p-2 text-gray-500\">{p.grp || \"—\"}</td>\n                    <td className=\"p-2 text-gray-500 text-xs whitespace-nowrap\">{fmtDate(p.date_start)}<br />{fmtDate(p.date_end)}</td>\n                    <td className=\"p-2\"><span className={\"text-xs px-2 py-0.5 rounded whitespace-nowrap \" + st.cls}>{st.label}</span></td>\n                    <td className=\"p-2 text-right whitespace-nowrap\">{Number(p.income) ? fmt(p.income) : \"–\"}</td>\n                    <td className=\"p-2 text-right whitespace-nowrap\">{Number(p.expense) ? fmt(p.expense) : \"–\"}</td>\n                    <td className={\"p-2 text-right font-medium whitespace-nowrap \" + (profit >= 0 ? \"text-emerald-600\" : \"text-rose-600\")}>{fmt0(profit)}</td>\n                    <td className=\"p-2 text-right whitespace-nowrap\">{Number(p.income) ? <span className=\"text-emerald-600 font-medium\">{rent}%</span> : \"–\"}</td>\n                    <td className=\"p-2 text-right whitespace-nowrap\">\n                      <IconBtn icon={Icons.edit} onClick={() => setModal(p)} />\n                      <IconBtn icon={Icons.trash} danger onClick={() => del(p.id)} />\n                    </td>\n                  </tr>\n                );\n              })}\n              {filtered.length === 0 && <tr><td colSpan={9} className=\"p-8 text-center text-gray-400\">Проектов нет</td></tr>}\n            </tbody>\n          </table>\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>{filtered.length} проектов</span>\n          <span>Доходы: <b className=\"text-[#22313f]\">{fmt(tInc)}</b></span>\n          <span>Расходы: <b className=\"text-rose-500\">−{fmt(tExp)}</b></span>\n          <span>Прибыль: <b className=\"text-emerald-600\">{fmt(tProfit)}</b></span>\n          <span>Рентабельность: <b className=\"text-amber-500\">{tInc ? Math.round((tProfit / tInc) * 1000) / 10 : 0}%</b></span>\n        </div>\n      </div>\n      {modal && (\n        <Modal title={modal.id ? \"Проект\" : \"Создание проекта\"} onClose={() => setModal(null)}>\n          <Field label=\"Название\"><TInput value={modal.name} onChange={(e) => setModal({ ...modal, name: e.target.value })} /></Field>\n          <div className=\"grid grid-cols-2 gap-x-4\">\n            <Field label=\"Группа\"><TInput value={modal.grp || \"\"} onChange={(e) => setModal({ ...modal, grp: e.target.value })} placeholder=\"Вторичная недвижимость…\" /></Field>\n            <Field label=\"Статус\">\n              <TSelect value={modal.status || \"work\"} onChange={(e) => setModal({ ...modal, status: e.target.value })}>\n                {Object.entries(PROJ_STATUS).map(([k, v]) => <option key={k} value={k}>{v.label}</option>)}\n              </TSelect>\n            </Field>\n            <Field label=\"Начало\"><TInput type=\"date\" value={(modal.date_start || \"\").slice(0, 10)} onChange={(e) => setModal({ ...modal, date_start: e.target.value })} /></Field>\n            <Field label=\"Конец\"><TInput type=\"date\" value={(modal.date_end || \"\").slice(0, 10)} onChange={(e) => setModal({ ...modal, date_end: e.target.value })} /></Field>\n          </div>\n          <Field label=\"Комментарий\"><TInput value={modal.comment || \"\"} onChange={(e) => setModal({ ...modal, comment: e.target.value })} /></Field>\n          <div className=\"flex justify-end gap-2\"><Btn kind=\"ghost\" onClick={() => setModal(null)}>Отмена</Btn><Btn onClick={() => save(modal)}>Сохранить</Btn></div>\n        </Modal>\n      )}\n    </div>\n  );\n}\n",[],[56,111,149],"f144fc07-049d-4fa8-ac80-14c7061c208f","pages_a.tsx","165e7c84-9d40-11f1-b1b5-1607ee4eb77e",56,["D",1787312380682],"// Показатели и Показатели PRO\nimport {\n  React, useEffect, useState, api, fmt, fmt0, fmtShort, fmtDate, todayStr, thisYear,\n  monLabel, rootOfCat, TInput, TSelect, Tabs, YearSelect,\n  ComboChart, ChartLegend, AreaChart, Donut, DONUT_COLORS, Pareto, CH,\n} from \"./lib.tsx\";\n\nconst MONTH_FULL = [\"января\",\"февраля\",\"марта\",\"апреля\",\"мая\",\"июня\",\"июля\",\"августа\",\"сентября\",\"октября\",\"ноября\",\"декабря\"];\nconst WEEKDAYS = [\"воскресенье\",\"понедельник\",\"вторник\",\"среда\",\"четверг\",\"пятница\",\"суббота\"];\nfunction todayWords() {\n  const d = new Date();\n  return `${d.getDate()} ${MONTH_FULL[d.getMonth()]} ${d.getFullYear()} года, ${WEEKDAYS[d.getDay()]}`;\n}\nconst monthsBetween = (from, to) => {\n  const out = [];\n  let [y, m] = from.split(\"-\").map(Number);\n  const [ty, tm] = to.split(\"-\").map(Number);\n  while (y < ty || (y === ty && m <= tm)) {\n    out.push(`${y}-${String(m).padStart(2, \"0\")}`);\n    m++; if (m > 12) { m = 1; y++; }\n  }\n  return out.slice(0, 24);\n};\n\n// метрика с «по плану» (как в референсе)\nfunction Metric({ label, value, plan, unit = \" ₽\", color }) {\n  return (\n    <div className=\"mb-5\">\n      <div className=\"text-[13px] text-gray-500 mb-0.5\">{label}</div>\n      <div className={\"text-[26px] leading-tight font-bold whitespace-nowrap \" + (color || \"text-[#37474f]\")}>{value}{unit === \"%\" ? \"%\" : \"\"}</div>\n      <div className=\"text-xs text-[#1e88e5] whitespace-nowrap\">{plan}{unit === \"%\" ? \"%\" : \"\"} <span className=\"text-gray-400\">- по плану</span></div>\n    </div>\n  );\n}\n\n// ---------- Показатели ----------\nexport function PageIndicators({ meta }) {\n  const nowM = todayStr().slice(0, 7);\n  const [from, setFrom] = useState(thisYear() + \"-01\");\n  const [to, setTo] = useState(nowM);\n  const [basis, setBasis] = useState(\"cash\");\n  const [flow, setFlow] = useState(\"all\");\n  const [structTab, setStructTab] = useState(\"dr\");\n  const [flt, setFlt] = useState({ account: \"\", project: \"\", deal: \"\" });\n  const [deals, setDeals] = useState([]);\n  const [data, setData] = useState(null);\n  useEffect(() => { api(\"/deals\").then(setDeals); }, []);\n  useEffect(() => {\n    const p = new URLSearchParams({ from: from + \"-01\", to: to + \"-31\", basis });\n    if (flt.account) p.set(\"account\", flt.account);\n    if (flt.project) p.set(\"project\", flt.project);\n    if (flt.deal) p.set(\"deal\", flt.deal);\n    api(\"/dashboard2?\" + p.toString()).then(setData);\n  }, [from, to, basis, JSON.stringify(flt)]);\n  if (!data) return <div className=\"p-6 text-gray-400 text-sm\">Загрузка…</div>;\n\n  const mlist = monthsBetween(from, to);\n  const byM = {};\n  for (const r of data.months) byM[r.m] = r;\n  const isBS = (root) => root && [\"assets\", \"liabilities\", \"capital\"].includes(root.cat_class || \"\");\n  // дивиденды, потоки и структура из struct (по корневым статьям, с учётом классов)\n  const divByM = {};\n  const flowByM = {}; // m -> {in_oper, out_oper, in_fin, out_fin}\n  const rootsInc = {}, rootsExp = {};\n  for (const r of data.struct) {\n    const root = r.category_id ? rootOfCat(meta.categories, r.category_id) : null;\n    const rname = root ? root.name : \"Нераспределенные\";\n    const bs = isBS(root);\n    const isFin = bs || rname.toLowerCase().includes(\"кредит\") || rname.toLowerCase().includes(\"овердрафт\");\n    const f = (flowByM[r.m] = flowByM[r.m] || { in_oper: 0, out_oper: 0, in_fin: 0, out_fin: 0 });\n    if (r.op_type === \"income\") { f[isFin ? \"in_fin\" : \"in_oper\"] += Number(r.s); const e = (rootsInc[rname] = rootsInc[rname] || { name: rname, value: 0, byM: {}, bs }); e.value += Number(r.s); e.byM[r.m] = (e.byM[r.m] || 0) + Number(r.s); }\n    else { f[isFin ? \"out_fin\" : \"out_oper\"] += Number(r.s); const e = (rootsExp[rname] = rootsExp[rname] || { name: rname, value: 0, byM: {}, bs }); e.value += Number(r.s); e.byM[r.m] = (e.byM[r.m] || 0) + Number(r.s); }\n    if (rname === \"Дивиденды\") divByM[r.m] = (divByM[r.m] || 0) + Number(r.s);\n  }\n  const inc = mlist.reduce((s, m) => s + Number(byM[m]?.income || 0), 0);\n  const exp = mlist.reduce((s, m) => s + Number(byM[m]?.expense || 0), 0);\n  const np = inc - exp;\n  const rent = inc ? Math.round((np / inc) * 1000) / 10 : 0;\n  const div = Object.values(divByM).reduce((s, v) => s + v, 0);\n  // «по плану» = все операции периода, включая неподтверждённые (как в референсе)\n  const planInc = mlist.reduce((s, m) => s + Number(byM[m]?.plan_income || 0), 0);\n  const planExp = mlist.reduce((s, m) => s + Number(byM[m]?.plan_expense || 0), 0);\n  const planNp = planInc - planExp;\n  const planRent = planInc ? Math.round((planNp / planInc) * 1000) / 10 : 0;\n\n  const hasData = (m) => !!byM[m];\n  const profitChart = mlist.map((m) => ({\n    label: monLabel(m),\n    income: hasData(m) ? Number(byM[m].income || 0) : null,\n    expense: hasData(m) ? Number(byM[m].expense || 0) : null,\n    np: hasData(m) ? Number(byM[m].income || 0) - Number(byM[m].expense || 0) : null,\n    div: hasData(m) ? (divByM[m] || 0) : null,\n  }));\n\n  const flowIn = (m) => { const f = flowByM[m] || {}; return flow === \"all\" ? (f.in_oper || 0) + (f.in_fin || 0) : flow === \"oper\" ? f.in_oper || 0 : flow === \"fin\" ? f.in_fin || 0 : 0; };\n  const flowOut = (m) => { const f = flowByM[m] || {}; return flow === \"all\" ? (f.out_oper || 0) + (f.out_fin || 0) : flow === \"oper\" ? f.out_oper || 0 : flow === \"fin\" ? f.out_fin || 0 : 0; };\n  const flowChart = mlist.map((m) => ({\n    label: monLabel(m),\n    inflow: flowByM[m] ? flowIn(m) : null,\n    outflow: flowByM[m] ? flowOut(m) : null,\n    net: flowByM[m] ? flowIn(m) - flowOut(m) : null,\n  }));\n  const totIn = mlist.reduce((s, m) => s + flowIn(m), 0);\n  const totOut = mlist.reduce((s, m) => s + flowOut(m), 0);\n\n  // «Доходы и расходы» — только П/У-статьи; «Поступления и выплаты» — все\n  const puOnly = structTab === \"dr\";\n  const incParts = Object.values(rootsInc).filter((p) => !puOnly || !p.bs).sort((a, b) => b.value - a.value);\n  const expParts = Object.values(rootsExp).filter((p) => !puOnly || !p.bs).sort((a, b) => b.value - a.value);\n  const incTotal = incParts.reduce((s, p) => s + p.value, 0) || 1;\n  const expTotal = expParts.reduce((s, p) => s + p.value, 0) || 1;\n  const incTotByM = {}, expTotByM = {};\n  for (const p of incParts) for (const m in p.byM) incTotByM[m] = (incTotByM[m] || 0) + p.byM[m];\n  for (const p of expParts) for (const m in p.byM) expTotByM[m] = (expTotByM[m] || 0) + p.byM[m];\n\n  const StructBlock = ({ title, parts, total, totByM, barColor }) => (\n    <div className=\"mb-6\">\n      <div className=\"text-sm font-semibold text-[#37474f] mb-2\">{title}</div>\n      <div className=\"grid lg:grid-cols-2 gap-4 items-center\">\n        <div className=\"flex items-center gap-5 flex-wrap\">\n          <Donut parts={parts.slice(0, 8).map((p, i) => ({ ...p, color: DONUT_COLORS[i % DONUT_COLORS.length] }))} />\n          <div className=\"text-[13px]\">\n            {parts.slice(0, 8).map((p, i) => (\n              <div key={p.name} className=\"flex items-center gap-2 py-0.5\">\n                <span className=\"inline-block w-3 h-3 rounded-sm\" style={{ background: DONUT_COLORS[i % DONUT_COLORS.length] }}></span>\n                <span className=\"text-gray-600\">{p.name}</span>\n                <b className=\"text-[#37474f] whitespace-nowrap\">{fmt0(p.value)}</b>\n                <span className=\"text-gray-400\">({(p.value / total * 100).toFixed(2)}%)</span>\n              </div>\n            ))}\n          </div>\n        </div>\n        <ComboChart data={mlist.map((m) => ({ label: monLabel(m), v: totByM[m] || 0 }))} bars={[{ key: \"v\", color: barColor }]} lines={[]} height={190} />\n      </div>\n    </div>\n  );\n\n  const selCls = \"border border-gray-200 rounded px-3 py-2 text-sm bg-white text-gray-600\";\n  return (\n    <div className=\"p-6\">\n      {/* заголовок и фильтры */}\n      <div className=\"flex items-end gap-4 flex-wrap mb-5\">\n        <div className=\"mr-2\">\n          <div className=\"text-[24px] font-bold text-[#37474f] leading-tight\">{meta.company_name}</div>\n          <div className=\"text-xs text-gray-400\">{todayWords()}</div>\n        </div>\n        <label className=\"text-xs text-gray-400\">Период<br />\n          <span className=\"inline-flex items-center gap-1 border border-gray-200 rounded px-2 py-1 bg-white\">\n            <input type=\"month\" className=\"text-sm text-gray-700\" value={from} onChange={(e) => setFrom(e.target.value)} />\n            —\n            <input type=\"month\" className=\"text-sm text-gray-700\" value={to} onChange={(e) => setTo(e.target.value)} />\n          </span>\n        </label>\n        <label className=\"text-xs text-gray-400\">Отображение<br />\n          <select className={selCls}><option>По месяцам</option></select>\n        </label>\n        <label className=\"text-xs text-gray-400\">Юрлица и счета<br />\n          <select className={selCls} value={flt.account} onChange={(e) => setFlt({ ...flt, account: e.target.value })}>\n            <option value=\"\">Юрлица и счета</option>\n            {meta.accounts.filter((a) => a.active).map((a) => <option key={a.id} value={a.id}>{a.name}</option>)}\n          </select>\n        </label>\n        <label className=\"text-xs text-gray-400\">Проекты<br />\n          <select className={selCls} value={flt.project} onChange={(e) => setFlt({ ...flt, project: e.target.value })}>\n            <option value=\"\">Проекты</option>\n            {(meta.projects || []).map((p) => <option key={p.id} value={p.id}>{p.name}</option>)}\n          </select>\n        </label>\n        <label className=\"text-xs text-gray-400\">Сделки<br />\n          <select className={selCls} value={flt.deal} onChange={(e) => setFlt({ ...flt, deal: e.target.value })}>\n            <option value=\"\">Сделки</option>\n            {deals.map((d) => <option key={d.id} value={d.id}>{d.name}</option>)}\n          </select>\n        </label>\n        {(flt.account || flt.project || flt.deal) && (\n          <button className=\"text-gray-400 hover:text-gray-600 text-lg pb-1\" title=\"Сбросить фильтры\"\n            onClick={() => setFlt({ account: \"\", project: \"\", deal: \"\" })}>✕</button>\n        )}\n      </div>\n\n      {/* Прибыль */}\n      <div className=\"flex items-center gap-3 mb-3\">\n        <div className=\"font-bold text-[#37474f]\">Прибыль, ₽</div>\n        <Tabs tabs={[[\"accrual\", \"Метод начисления\"], [\"cash\", \"Кассовый метод\"]]} value={basis} onChange={setBasis} />\n      </div>\n      <div className=\"bg-white rounded-lg shadow-sm p-4 mb-6\">\n        <div className=\"grid\" style={{ gridTemplateColumns: \"300px 1fr\", gap: 16 }}>\n          <div className=\"border-r border-gray-50 pr-4\">\n            <Metric label=\"Доходы\" value={fmt0(inc)} plan={fmt0(planInc)} />\n            <Metric label=\"Расходы\" value={fmt0(exp)} plan={fmt0(planExp)} />\n            <Metric label=\"Чистая прибыль\" value={fmt0(np)} plan={fmt0(planNp)} color={np < 0 ? \"text-rose-600\" : undefined} />\n            <Metric label=\"Рентабельность, %\" value={rent} plan={planRent} unit=\"%\" />\n            <Metric label=\"Дивиденды\" value={fmt0(div)} plan={fmt0(div)} />\n          </div>\n          <div className=\"min-w-0\">\n            <ComboChart data={profitChart}\n              bars={[{ key: \"income\", color: CH.blue }, { key: \"expense\", color: CH.orange }]}\n              lines={[{ key: \"np\", color: CH.green }, { key: \"div\", color: CH.purple }]} height={330} />\n            <ChartLegend items={[[\"Доходы\", CH.blue], [\"Расходы\", CH.orange], [\"Чистая прибыль\", CH.green, true], [\"Дивиденды\", CH.purple, true]]} />\n          </div>\n        </div>\n      </div>\n\n      {/* Денежный поток */}\n      <div className=\"flex items-center gap-3 mb-3\">\n        <div className=\"font-bold text-[#37474f]\">Денежный поток, ₽</div>\n        <Tabs tabs={[[\"all\", \"Общий\"], [\"oper\", \"Операционный\"], [\"invest\", \"Инвестиционный\"], [\"fin\", \"Финансовый\"]]} value={flow} onChange={setFlow} />\n      </div>\n      <div className=\"bg-white rounded-lg shadow-sm p-4 mb-6\">\n        <div className=\"grid\" style={{ gridTemplateColumns: \"300px 1fr\", gap: 16 }}>\n          <div className=\"border-r border-gray-50 pr-4\">\n            <Metric label=\"Поступления\" value={fmt0(totIn)} plan={fmt0(totIn)} />\n            <Metric label=\"Выплаты\" value={fmt0(totOut)} plan={fmt0(totOut)} />\n            <Metric label=\"Чистый поток\" value={fmt0(totIn - totOut)} plan={fmt0(totIn - totOut)} color={totIn - totOut < 0 ? \"text-rose-600\" : undefined} />\n          </div>\n          <div className=\"min-w-0\">\n            <ComboChart data={flowChart}\n              bars={[{ key: \"inflow\", color: CH.blue }, { key: \"outflow\", color: CH.orange }]}\n              lines={[{ key: \"net\", color: CH.green }]} height={280} />\n            <ChartLegend items={[[\"Поступления\", CH.blue], [\"Выплаты\", CH.orange], [\"Чистый поток\", CH.green, true]]} />\n          </div>\n        </div>\n      </div>\n\n      {/* Остатки на счетах */}\n      <div className=\"font-bold text-[#37474f] mb-3\">Остатки на счетах, ₽</div>\n      <div className=\"bg-white rounded-lg shadow-sm p-4 mb-6\">\n        <AreaChart points={data.daily} height={250} />\n        <ChartLegend items={[[\"Общий остаток\", CH.green]]} />\n      </div>\n\n      {/* Структура платежей */}\n      <div className=\"flex items-center gap-3 mb-3\">\n        <div className=\"font-bold text-[#37474f]\">Структура платежей</div>\n        <Tabs tabs={[[\"dr\", \"Доходы и расходы\"], [\"pv\", \"Поступления и выплаты\"]]} value={structTab} onChange={setStructTab} />\n      </div>\n      <div className=\"bg-white rounded-lg shadow-sm p-4 mb-6\">\n        <StructBlock title={structTab === \"dr\" ? \"Доходы, ₽\" : \"Поступления, ₽\"} parts={incParts} total={incTotal} totByM={incTotByM} barColor={CH.blue} />\n        <StructBlock title={structTab === \"dr\" ? \"Расходы, ₽\" : \"Выплаты, ₽\"} parts={expParts} total={expTotal} totByM={expTotByM} barColor={CH.orange} />\n      </div>\n\n      {/* ABC-анализ клиентов */}\n      <div className=\"font-bold text-[#37474f] mb-3\">ABC-анализ клиентов</div>\n      <div className=\"bg-white rounded-lg shadow-sm p-4 mb-6\">\n        <Pareto rows={data.abc.map((r) => ({ name: r.name, value: Number(r.s) }))} height={320} />\n        <ChartLegend items={[[\"Клиенты, приносящие более 80% доходов\", CH.blue], [\"Клиенты, приносящие менее 20% доходов\", CH.purple], [\"Доля доходов с накопительным итогом, %\", \"#3949AB\", true]]} />\n      </div>\n\n      {/* Прибыльность проектов */}\n      <div className=\"font-bold text-[#37474f] mb-3\">Прибыльность проектов</div>\n      <div className=\"bg-white rounded-lg shadow-sm p-4 mb-2\">\n        <Pareto rows={data.proj_profit.map((r) => ({ name: r.name, value: Number(r.profit) }))} height={300} showLine={false} barColor=\"#66BB6A\" />\n        <ChartLegend items={[[\"Фактическая прибыль, ₽\", \"#66BB6A\"]]} />\n      </div>\n    </div>\n  );\n}\n\n// ---------- Показатели PRO ----------\nexport function PagePro({ meta }) {\n  const nowM = todayStr().slice(0, 7);\n  const [tab, setTab] = useState(\"money\");\n  const [from, setFrom] = useState(thisYear() + \"-01\");\n  const [to, setTo] = useState(nowM);\n  const [data, setData] = useState(null);\n  const [projects, setProjects] = useState([]);\n  useEffect(() => {\n    api(`/dashboard2?from=${from}-01&to=${to}-31&basis=cash`).then(setData);\n    api(\"/projects\").then(setProjects);\n  }, [from, to]);\n  if (!data) return <div className=\"p-6 text-gray-400 text-sm\">Загрузка…</div>;\n  const mset = {};\n  for (const r of data.months) mset[r.m] = r;\n  const mlist = monthsBetween(from, to);\n  const chart = mlist.map((m) => ({\n    label: monLabel(m),\n    income: Number(mset[m]?.income || 0),\n    expense: Number(mset[m]?.expense || 0),\n    np: Number(mset[m]?.income || 0) - Number(mset[m]?.expense || 0),\n  }));\n  return (\n    <div className=\"p-6\">\n      <div className=\"text-[24px] font-bold text-[#37474f] mb-3\">Показатели</div>\n      <div className=\"mb-4\">\n        <Tabs tabs={[[\"money\", \"Движение денег\"], [\"profit\", \"Прибыль\"], [\"projects\", \"Проекты\"]]} value={tab} onChange={setTab} />\n      </div>\n      <div className=\"flex items-end gap-4 mb-4\">\n        <label className=\"text-xs text-gray-400\">Период<br />\n          <span className=\"inline-flex items-center gap-1 border border-gray-200 rounded px-2 py-1 bg-white\">\n            <input type=\"month\" className=\"text-sm\" value={from} onChange={(e) => setFrom(e.target.value)} />\n            —\n            <input type=\"month\" className=\"text-sm\" value={to} onChange={(e) => setTo(e.target.value)} />\n          </span>\n        </label>\n      </div>\n      {tab === \"money\" && (\n        <div className=\"bg-white rounded-lg shadow-sm p-4\">\n          <div className=\"text-sm font-semibold text-[#37474f] mb-2\">Остатки на счетах, ₽</div>\n          <AreaChart points={data.daily} height={340} />\n          <ChartLegend items={[[\"Общий остаток\", CH.green]]} />\n        </div>\n      )}\n      {tab === \"profit\" && (\n        <div className=\"bg-white rounded-lg shadow-sm p-4\">\n          <div className=\"text-sm font-semibold text-[#37474f] mb-2\">Прибыль (кассовый метод), ₽</div>\n          <ComboChart data={chart}\n            bars={[{ key: \"income\", color: CH.blue }, { key: \"expense\", color: CH.orange }]}\n            lines={[{ key: \"np\", color: CH.green }]} height={340} />\n          <ChartLegend items={[[\"Доходы\", CH.blue], [\"Расходы\", CH.orange], [\"Чистая прибыль\", CH.green, true]]} />\n        </div>\n      )}\n      {tab === \"projects\" && (\n        <div className=\"bg-white rounded-lg shadow-sm\">\n          <table className=\"w-full text-sm\">\n            <thead><tr className=\"text-left text-xs text-gray-400\">\n              <th className=\"p-2 pl-3\">Проект</th><th className=\"p-2 text-right\">Доходы, ₽</th>\n              <th className=\"p-2 text-right\">Расходы, ₽</th><th className=\"p-2 text-right\">Прибыль, ₽</th><th className=\"p-2 text-right\">Рентабельность</th>\n            </tr></thead>\n            <tbody>\n              {projects.map((p) => {\n                const profit = Number(p.income) - Number(p.expense);\n                const r = Number(p.income) ? Math.round((profit / Number(p.income)) * 1000) / 10 : 0;\n                return (\n                  <tr key={p.id} className=\"border-t border-gray-50\">\n                    <td className=\"p-2 pl-3 text-gray-700\">{p.name}</td>\n                    <td className=\"p-2 text-right whitespace-nowrap\">{Number(p.income) ? fmt0(p.income) : \"—\"}</td>\n                    <td className=\"p-2 text-right whitespace-nowrap\">{Number(p.expense) ? fmt0(p.expense) : \"—\"}</td>\n                    <td className={\"p-2 text-right whitespace-nowrap font-medium \" + (profit < 0 ? \"text-rose-600\" : \"text-emerald-600\")}>{profit ? fmt0(profit) : \"—\"}</td>\n                    <td className=\"p-2 text-right\">{r ? r + \"%\" : \"—\"}</td>\n                  </tr>\n                );\n              })}\n            </tbody>\n          </table>\n        </div>\n      )}\n    </div>\n  );\n}\n",[],[56,111,158],"a9853b6f-e500-405e-a187-85401f19a165","main.tsx","17cc59ec-9d40-11f1-a0aa-1607ee4eb77e",34,["D",1787307486481],"// U.fin — каркас: шапка с дропдауном счетов, сайдбар с hover-подменю, роутинг\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport {\n  React, useEffect, useState, api, fmt, fmt0, fmtDate, getPin, setPinLS, setOnUnauthorized, Icons, C,\n} from \"./lib.tsx\";\nimport { PageIndicators, PagePro } from \"./pages_a.tsx\";\nimport { PageOps } from \"./pages_ops.tsx\";\nimport { PageDeals, PageInvoices, PageProjects } from \"./pages_b.tsx\";\nimport { PagePlan, PageReports } from \"./pages_d.tsx\";\nimport { PageRefs, PageSettings, Login } from \"./pages_c.tsx\";\n\nconst NAV = [\n  { key: \"indicators\", label: \"Показатели\", icon: Icons.chart, children: [[\"indicators\", \"Показатели\"], [\"pro\", \"Показатели PRO\"]] },\n  { key: \"ops\", label: \"Операции\", icon: Icons.ops },\n  { key: \"deals_sale\", label: \"Сделки\", icon: Icons.deals, children: [[\"deals_sale\", \"Продажи\"], [\"deals_purchase\", \"Закупки\"], [\"invoices\", \"Выставленные счета\"]] },\n  { key: \"plan_cal\", label: \"План\", icon: Icons.plan, children: [[\"plan_cal\", \"Платёжный календарь\"], [\"plan_bdr\", \"Бюджет доходов и расходов\"], [\"plan_bdds\", \"Бюджет движения денег\"]] },\n  { key: \"projects\", label: \"Проекты\", icon: Icons.projects },\n  { key: \"report_dds\", label: \"Отчёты\", icon: Icons.reports, children: [[\"report_dds\", \"ДДС\"], [\"report_pl\", \"ОПиУ\"], [\"report_bal\", \"Баланс\"]] },\n  { key: \"refs_contractors\", label: \"Справочники\", icon: Icons.refs, children: [[\"refs_contractors\", \"Контрагенты\"], [\"refs_categories\", \"Учётные статьи\"], [\"refs_accounts\", \"Мои счета\"], [\"refs_les\", \"Мои юрлица\"], [\"refs_products\", \"Товары\"], [\"refs_services\", \"Услуги\"]] },\n  { key: \"settings\", label: \"Настройки\", icon: Icons.settings },\n];\n\nfunction SideItem({ item, page, go }) {\n  const childKeys = (item.children || []).map(([k]) => k);\n  const active = page === item.key || childKeys.includes(page);\n  const Ic = item.icon;\n  return (\n    <div className=\"relative group w-full flex justify-center\">\n      <button onClick={() => go(item.key)}\n        className=\"w-[68px] rounded-md py-2 text-center transition-colors\"\n        style={active\n          ? { background: \"rgba(255,255,255,0.08)\", color: \"#fff\", boxShadow: `inset 3px 0 0 ${C.teal}` }\n          : { color: \"#8b9bab\" }}>\n        <div className=\"flex justify-center\"><Ic size={20} /></div>\n        <div className=\"text-[10px] leading-tight mt-0.5\">{item.label}</div>\n      </button>\n      {item.children && (\n        <div className=\"absolute left-full top-0 z-40 hidden group-hover:block\">\n          <div className=\"ml-1 rounded-md shadow-xl py-2 min-w-[230px]\" style={{ background: C.dark }}>\n            {item.children.map(([k, l]) => (\n              <button key={k} onClick={() => go(k)}\n                className=\"block w-full text-left px-4 py-2 text-[13px] transition-colors\"\n                style={page === k ? { color: \"#fff\", background: \"rgba(255,255,255,0.07)\" } : { color: \"#aebbc9\" }}\n                onMouseEnter={(e) => { e.currentTarget.style.color = \"#4dd0da\"; }}\n                onMouseLeave={(e) => { e.currentTarget.style.color = page === k ? \"#fff\" : \"#aebbc9\"; }}>\n                {l}\n              </button>\n            ))}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction HeaderSpark({ spark }) {\n  if (!spark || spark.length < 2) return null;\n  const min = Math.min(...spark.map((p) => p.b));\n  const max = Math.max(...spark.map((p) => p.b));\n  const W = 120, H = 28;\n  const sx = (i) => (i / (spark.length - 1)) * W;\n  const sy = (b) => H - ((b - min) / (max - min || 1)) * (H - 6) - 3;\n  return (\n    <svg width={W} height={H} className=\"hidden md:block\">\n      <polyline fill=\"none\" stroke=\"#4ade80\" strokeWidth=\"1.5\"\n        points={spark.map((p, i) => `${sx(i)},${sy(p.b)}`).join(\" \")} />\n    </svg>\n  );\n}\n\nfunction App() {\n  const [authed, setAuthed] = useState(!!getPin());\n  const [page, setPage] = useState(\"indicators\");\n  const [meta, setMeta] = useState(null);\n  setOnUnauthorized(() => { setPinLS(\"\"); setAuthed(false); });\n  const refreshMeta = () => api(\"/meta\").then(setMeta).catch(() => {});\n  useEffect(() => { if (authed) refreshMeta(); }, [authed]);\n  if (!authed) return <Login onOk={() => setAuthed(true)} />;\n  if (!meta) return <div className=\"min-h-screen flex items-center justify-center text-gray-400\">Загрузка…</div>;\n  const pages = {\n    indicators: <PageIndicators meta={meta} />,\n    pro: <PagePro meta={meta} />,\n    ops: <PageOps meta={meta} refreshMeta={refreshMeta} />,\n    deals_sale: <PageDeals key=\"sale\" kind=\"sale\" meta={meta} refreshMeta={refreshMeta} />,\n    deals_purchase: <PageDeals key=\"purchase\" kind=\"purchase\" meta={meta} refreshMeta={refreshMeta} />,\n    invoices: <PageInvoices meta={meta} />,\n    plan_cal: <PagePlan key=\"cal\" tab=\"cal\" meta={meta} />,\n    plan_bdr: <PagePlan key=\"bdr\" tab=\"bdr\" meta={meta} />,\n    plan_bdds: <PagePlan key=\"bdds\" tab=\"bdds\" meta={meta} />,\n    projects: <PageProjects refreshMeta={refreshMeta} />,\n    report_dds: <PageReports key=\"dds\" tab=\"dds\" meta={meta} />,\n    report_pl: <PageReports key=\"pl\" tab=\"pl\" meta={meta} />,\n    report_bal: <PageReports key=\"bal\" tab=\"bal\" meta={meta} />,\n    refs_contractors: <PageRefs key=\"contractors\" tab=\"contractors\" meta={meta} refreshMeta={refreshMeta} />,\n    refs_categories: <PageRefs key=\"categories\" tab=\"categories\" meta={meta} refreshMeta={refreshMeta} />,\n    refs_accounts: <PageRefs key=\"accounts\" tab=\"accounts\" meta={meta} refreshMeta={refreshMeta} />,\n    refs_les: <PageRefs key=\"les\" tab=\"les\" meta={meta} refreshMeta={refreshMeta} />,\n    refs_products: <PageRefs key=\"products\" tab=\"products\" meta={meta} refreshMeta={refreshMeta} />,\n    refs_services: <PageRefs key=\"services\" tab=\"services\" meta={meta} refreshMeta={refreshMeta} />,\n    settings: <PageSettings meta={meta} refreshMeta={refreshMeta} />,\n  };\n  return (\n    <div className=\"h-screen flex flex-col\">\n      <div className=\"text-white flex items-center px-4 py-2 gap-4 shrink-0 relative z-50\" style={{ background: C.dark }}>\n        <div className=\"flex items-center gap-2\">\n          <div className=\"w-7 h-7 rounded flex items-center justify-center font-bold text-sm\" style={{ background: C.teal }}>Uf</div>\n          <div className=\"font-bold hidden sm:block\">Unlock</div>\n        </div>\n        <div className=\"ml-auto flex items-center gap-4\">\n          <div className=\"relative group\">\n            <div className=\"text-right leading-tight cursor-pointer select-none\">\n              <div className=\"text-sm whitespace-nowrap\"><span className=\"text-slate-400\">На счетах</span> <b style={{ color: \"#ffd35c\" }}>{fmt(meta.total_balance)}</b> <span className=\"text-slate-500 text-xs\">▾</span></div>\n              {meta.gap && (\n                <div className=\"text-[11px] whitespace-nowrap\" style={{ color: \"#ffb04c\" }}>\n                  Разрыв с {fmtDate(meta.gap.from)} по {fmtDate(meta.gap.to)}\n                </div>\n              )}\n            </div>\n            <div className=\"absolute right-0 top-full z-50 hidden group-hover:block\">\n              <div className=\"mt-1 rounded-md shadow-xl py-2 px-4 min-w-[280px] text-sm\" style={{ background: C.dark }}>\n                {meta.accounts.filter((a) => a.active).map((a) => (\n                  <div key={a.id} className=\"flex justify-between gap-6 py-1 border-b border-white/5 last:border-0\">\n                    <span className=\"text-slate-300 truncate\">{a.name}</span>\n                    <span className=\"whitespace-nowrap\" style={{ color: a.balance < 0 ? \"#ff8a8a\" : \"#fff\" }}>{fmt0(a.balance)}</span>\n                  </div>\n                ))}\n                <div className=\"flex justify-between gap-6 pt-2 font-bold\">\n                  <span className=\"text-slate-200\">Итого</span>\n                  <span style={{ color: \"#ffd35c\" }}>{fmt(meta.total_balance)}</span>\n                </div>\n              </div>\n            </div>\n          </div>\n          <HeaderSpark spark={meta.spark} />\n          <button className=\"text-slate-400 hover:text-white text-xs\" onClick={() => { setPinLS(\"\"); setAuthed(false); }}>Выйти</button>\n        </div>\n      </div>\n      <div className=\"flex flex-1 min-h-0\">\n        <div className=\"w-[76px] flex flex-col items-center py-2 gap-0.5 shrink-0\" style={{ background: C.darker, overflow: \"visible\" }}>\n          {NAV.map((item) => <SideItem key={item.key} item={item} page={page} go={setPage} />)}\n        </div>\n        <div className=\"flex-1 overflow-y-auto min-w-0\" style={{ background: \"#eef1f4\" }}>{pages[page]}</div>\n      </div>\n    </div>\n  );\n}\n\ncreateRoot(document.getElementById(\"root\")).render(<App />);\n",[],[56,111,166],"e3025870-a7bb-46b8-8f94-c51a40822feb","lib.tsx","15f35440-9d40-11f1-83f2-1607ee4eb77e",55,["D",1787312380350],"// U.fin — общие утилиты и UI-примитивы\nimport React, { useEffect, useMemo, useState } from \"https://esm.sh/react@18.2.0\";\n\nexport { React, useEffect, useMemo, useState };\n\n// ---------- api ----------\nconst LS_KEY = \"ufin_pin\";\nexport const getPin = () => { try { return localStorage.getItem(LS_KEY) || \"\"; } catch { return \"\"; } };\nexport const setPinLS = (p) => { try { p ? localStorage.setItem(LS_KEY, p) : localStorage.removeItem(LS_KEY); } catch {} };\n\nexport let onUnauthorized = () => {};\nexport const setOnUnauthorized = (fn) => { onUnauthorized = fn; };\n\nexport async function api(path, method = \"GET\", body) {\n  const res = await fetch(\"/api\" + path, {\n    method,\n    headers: { \"content-type\": \"application/json\", \"x-pin\": getPin() },\n    body: body === undefined ? undefined : JSON.stringify(body),\n  });\n  if (res.status === 401 && path !== \"/login\") { onUnauthorized(); throw new Error(\"unauthorized\"); }\n  return res.json();\n}\n\n// ---------- формат ----------\nexport const fmt = (n) => new Intl.NumberFormat(\"ru-RU\", { maximumFractionDigits: 2 }).format(n || 0) + \" ₽\";\nexport const fmt0 = (n) => new Intl.NumberFormat(\"ru-RU\", { maximumFractionDigits: 0 }).format(n || 0) + \" ₽\";\nexport const fmtN = (n) => new Intl.NumberFormat(\"ru-RU\", { maximumFractionDigits: 0 }).format(n || 0);\nexport const fmtShort = (n) => {\n  n = n || 0;\n  if (Math.abs(n) >= 1_000_000) return (n / 1_000_000).toLocaleString(\"ru-RU\", { maximumFractionDigits: 1 }) + \" млн\";\n  if (Math.abs(n) >= 1_000) return (n / 1_000).toLocaleString(\"ru-RU\", { maximumFractionDigits: 0 }) + \" тыс\";\n  return String(Math.round(n));\n};\nexport const todayStr = () => new Date().toISOString().slice(0, 10);\nexport const thisYear = () => todayStr().slice(0, 4);\nexport const fmtDate = (s) => (s ? s.slice(0, 10).split(\"-\").reverse().join(\".\") : \"—\");\nexport const MONTHS = [\"Январь\",\"Февраль\",\"Март\",\"Апрель\",\"Май\",\"Июнь\",\"Июль\",\"Август\",\"Сентябрь\",\"Октябрь\",\"Ноябрь\",\"Декабрь\"];\nexport const monLabel = (m) => { const [y, mm] = m.split(\"-\"); return MONTHS[Number(mm) - 1].slice(0, 3).toLowerCase() + \" '\" + y.slice(2); };\nexport const yearMonths = (year) => Array.from({ length: 12 }, (_, i) => `${year}-${String(i + 1).padStart(2, \"0\")}`);\n\nexport const DEAL_STATUS = {\n  work: { label: \"В работе\", cls: \"bg-sky-100 text-sky-700\" },\n  nuance: { label: \"Нюансы\", cls: \"bg-amber-100 text-amber-700\" },\n  done: { label: \"Сделка завершена\", cls: \"bg-emerald-100 text-emerald-700\" },\n  fail: { label: \"Сорвалась\", cls: \"bg-rose-100 text-rose-700\" },\n};\n\n// цвета в духе финансовых сервисов\nexport const C = {\n  dark: \"#22313f\",      // шапка/сайдбар\n  darker: \"#1b2735\",\n  teal: \"#2aa3af\",      // акцент\n  tealD: \"#238e99\",\n  green: \"#27ae60\",\n  red: \"#e74c3c\",\n  amber: \"#f2c94c\",\n};\n\n// дерево статей → плоский список с отступами\nexport function flatCats(categories, kind) {\n  const byParent = {};\n  for (const c of categories.filter((x) => x.kind === kind)) {\n    const p = c.parent_id || 0;\n    (byParent[p] = byParent[p] || []).push(c);\n  }\n  const out = [];\n  const walk = (pid, depth) => {\n    for (const c of byParent[pid] || []) { out.push({ ...c, depth }); walk(c.id, depth + 1); }\n  };\n  walk(0, 0);\n  return out;\n}\nexport function rootOfCat(categories, id) {\n  const byId = {};\n  for (const c of categories) byId[c.id] = c;\n  let c = byId[id];\n  while (c && c.parent_id) c = byId[c.parent_id];\n  return c || null;\n}\n\n// ---------- иконки (свои, inline SVG) ----------\nconst I = (d, extra = null) => (props) => (\n  <svg viewBox=\"0 0 24 24\" width={props.size || 20} height={props.size || 20} fill=\"none\"\n    stroke=\"currentColor\" strokeWidth=\"1.8\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n    <path d={d} />{extra}\n  </svg>\n);\nexport const Icons = {\n  chart: I(\"M4 20V10 M10 20V4 M16 20v-7 M22 20H2\"),\n  ops: I(\"M4 7h13l-3-3 M20 17H7l3 3\"),\n  deals: I(\"M3 8h18v12H3z M8 8V5a2 2 0 012-2h4a2 2 0 012 2v3 M3 13h18\"),\n  plan: I(\"M5 4h14a1 1 0 011 1v15a1 1 0 01-1 1H5a1 1 0 01-1-1V5a1 1 0 011-1z M4 9h16 M9 2v4 M15 2v4 M8 14l2.5 2.5L16 11\"),\n  projects: I(\"M3 6a1 1 0 011-1h5l2 2h9a1 1 0 011 1v11a1 1 0 01-1 1H4a1 1 0 01-1-1V6z\"),\n  reports: I(\"M7 3h10a1 1 0 011 1v16a1 1 0 01-1 1H7a1 1 0 01-1-1V4a1 1 0 011-1z M9 8h6 M9 12h6 M9 16h4\"),\n  refs: I(\"M4 4h5a2 2 0 012 2v14H6a2 2 0 01-2-2V4z M20 4h-5a2 2 0 00-2 2v14h5a2 2 0 002-2V4z\"),\n  settings: I(\"M12 9a3 3 0 100 6 3 3 0 000-6z M19 12a7 7 0 00-.1-1.2l2-1.5-2-3.5-2.4 1a7 7 0 00-2-1.2L14 3h-4l-.4 2.6a7 7 0 00-2 1.2l-2.5-1-2 3.5 2 1.5A7 7 0 005 12a7 7 0 00.1 1.2l-2 1.5 2 3.5 2.4-1a7 7 0 002 1.2L10 21h4l.4-2.6a7 7 0 002-1.2l2.5 1 2-3.5-2-1.5A7 7 0 0019 12z\"),\n  arrowIn: I(\"M20 12H4 M10 6l-6 6 6 6\"),\n  arrowOut: I(\"M4 12h16 M14 6l6 6-6 6\"),\n  swap: I(\"M4 7h13l-3-3 M20 17H7l3 3\"),\n  x: I(\"M6 6l12 12 M18 6L6 18\"),\n  edit: I(\"M4 20h4L19 9l-4-4L4 16v4z\"),\n  trash: I(\"M4 7h16 M9 7V5a1 1 0 011-1h4a1 1 0 011 1v2 M6 7l1 13h10l1-13 M10 11v5 M14 11v5\"),\n  plus: I(\"M12 5v14 M5 12h14\"),\n};\n\n// ---------- UI ----------\nexport function Modal({ title, onClose, children, wide }) {\n  return (\n    <div className=\"fixed inset-0 bg-black/40 flex items-start justify-center z-50 overflow-y-auto py-10\" onClick={onClose}>\n      <div className={\"bg-white rounded-lg shadow-xl w-full \" + (wide ? \"max-w-3xl\" : \"max-w-lg\")} onClick={(e) => e.stopPropagation()}>\n        <div className=\"flex items-center justify-between px-5 py-3 border-b border-gray-100\">\n          <div className=\"font-semibold text-gray-800\">{title}</div>\n          <button className=\"text-gray-400 hover:text-gray-600 text-xl leading-none\" onClick={onClose}>×</button>\n        </div>\n        <div className=\"p-5\">{children}</div>\n      </div>\n    </div>\n  );\n}\nexport function Field({ label, children }) {\n  return (\n    <label className=\"block mb-3\">\n      <div className=\"text-xs text-gray-500 mb-1\">{label}</div>\n      {children}\n    </label>\n  );\n}\nconst inputCls = \"w-full border border-gray-200 rounded px-3 py-2 text-sm focus:border-[#2aa3af]\";\nexport function TInput(props) { return <input {...props} className={inputCls + \" \" + (props.className || \"\")} />; }\nexport function TSelect(props) { return <select {...props} className={inputCls + \" bg-white \" + (props.className || \"\")} />; }\nexport function Check({ label, checked, onChange }) {\n  return (\n    <label className=\"flex items-center gap-2 text-sm text-gray-700 py-0.5 cursor-pointer select-none\">\n      <input type=\"checkbox\" checked={checked} onChange={(e) => onChange(e.target.checked)} className=\"accent-[#2aa3af]\" />\n      {label}\n    </label>\n  );\n}\nexport function Btn({ children, onClick, kind = \"primary\", small, type }) {\n  const base = (small ? \"px-3 py-1.5 text-xs\" : \"px-4 py-2 text-sm\") + \" rounded font-medium transition-colors \";\n  const cls = kind === \"primary\"\n    ? \"text-white bg-[#2aa3af] hover:bg-[#238e99]\"\n    : kind === \"dark\"\n    ? \"text-white bg-[#22313f] hover:bg-[#1b2735]\"\n    : kind === \"danger\"\n    ? \"bg-rose-50 text-rose-600 hover:bg-rose-100\"\n    : \"bg-white border border-gray-200 text-gray-700 hover:bg-gray-50\";\n  return <button type={type || \"button\"} onClick={onClick} className={base + cls}>{children}</button>;\n}\nexport function IconBtn({ icon: Ic, onClick, danger, title }) {\n  return (\n    <button title={title} onClick={onClick}\n      className={\"p-1 rounded text-gray-300 \" + (danger ? \"hover:text-rose-500\" : \"hover:text-gray-500\")}>\n      <Ic size={15} />\n    </button>\n  );\n}\nexport function PageTitle({ children, right }) {\n  return (\n    <div className=\"flex items-center gap-3 mb-4 flex-wrap\">\n      <h1 className=\"text-[22px] font-bold text-[#22313f]\">{children}</h1>\n      {right}\n    </div>\n  );\n}\nexport function Tabs({ tabs, value, onChange }) {\n  return (\n    <div className=\"inline-flex border border-gray-200 rounded overflow-hidden bg-white\">\n      {tabs.map(([k, l]) => (\n        <button key={k} onClick={() => onChange(k)}\n          className={\"px-4 py-1.5 text-sm border-r border-gray-200 last:border-0 \" +\n            (value === k ? \"text-[#2aa3af] font-semibold bg-teal-50/40\" : \"text-gray-600 hover:bg-gray-50\")}>{l}</button>\n      ))}\n    </div>\n  );\n}\nexport function YearSelect({ value, onChange }) {\n  return (\n    <TSelect value={value} onChange={(e) => onChange(e.target.value)} className=\"!w-28\">\n      {[0, 1, 2].map((i) => { const y = String(Number(thisYear()) - i); return <option key={y} value={y}>{y}</option>; })}\n    </TSelect>\n  );\n}\n\n// ---------- цвета графиков (как в референсе) ----------\nexport const CH = {\n  blue: \"#4FC3F7\", orange: \"#FFB74D\", green: \"#43A047\", purple: \"#AB47BC\",\n  areaFill: \"#C8E6C9\", grid: \"#eceff1\", axis: \"#90a4ae\",\n};\n\n// ---------- графики (свои, SVG) ----------\n// комбинированный: сгруппированные столбики + линии\nexport function ComboChart({ data, bars, lines, height = 260, labelKey = \"label\" }) {\n  const W = Math.max(680, data.length * 110), H = height, padL = 56, padB = 34, padT = 12;\n  const all = data.flatMap((d) => [...bars.map((b) => Number(d[b.key] || 0)), ...lines.map((l) => Number(d[l.key] || 0))]);\n  let max = Math.max(1, ...all), min = Math.min(0, ...all);\n  const span = max - min || 1;\n  const y = (v) => padT + (H - padB - padT) * (1 - (v - min) / span);\n  const bw = Math.min(34, (W - padL) / Math.max(1, data.length) / (bars.length + 1.2));\n  const gx = (i) => padL + ((W - padL) / Math.max(1, data.length)) * (i + 0.5);\n  const ticks = [];\n  for (let t = 0; t <= 4; t++) ticks.push(min + (span * t) / 4);\n  return (\n    <svg viewBox={`0 0 ${W} ${H}`} className=\"w-full\" style={{ maxHeight: H }}>\n      {ticks.map((t, i) => (\n        <g key={i}>\n          <line x1={padL} x2={W - 4} y1={y(t)} y2={y(t)} stroke={CH.grid} />\n          <text x={padL - 6} y={y(t) + 3} textAnchor=\"end\" fontSize=\"10\" fill={CH.axis}>{fmtShort(t)}</text>\n        </g>\n      ))}\n      {data.map((d, i) => (\n        <g key={i}>\n          {bars.map((b, j) => {\n            if (d[b.key] === null || d[b.key] === undefined) return null;\n            const v = Number(d[b.key] || 0);\n            if (!v) return null;\n            const x = gx(i) - (bars.length * bw) / 2 + j * bw;\n            return <rect key={b.key} x={x} y={Math.min(y(0), y(v))} width={bw - 2} height={Math.abs(y(v) - y(0)) || 1} fill={b.color} rx=\"1.5\" />;\n          })}\n          <text x={gx(i)} y={H - padB + 16} textAnchor=\"middle\" fontSize=\"11\" fill={CH.axis}>{d[labelKey]}</text>\n        </g>\n      ))}\n      {lines.map((l) => {\n        const pts = data.map((d, i) => ({ i, v: d[l.key] })).filter((p) => p.v !== null && p.v !== undefined);\n        return (\n          <g key={l.key}>\n            <polyline fill=\"none\" stroke={l.color} strokeWidth=\"2\"\n              points={pts.map((p) => `${gx(p.i)},${y(Number(p.v))}`).join(\" \")} />\n            {pts.map((p) => <circle key={p.i} cx={gx(p.i)} cy={y(Number(p.v))} r=\"3\" fill={l.color} />)}\n          </g>\n        );\n      })}\n    </svg>\n  );\n}\nexport function ChartLegend({ items }) {\n  return (\n    <div className=\"flex gap-5 text-xs text-gray-600 mt-1 flex-wrap justify-center\">\n      {items.map(([label, color, isLine]) => (\n        <span key={label} className=\"flex items-center gap-1.5\">\n          {isLine\n            ? <span className=\"inline-block w-4 h-0.5 rounded\" style={{ background: color }}></span>\n            : <span className=\"inline-block w-3 h-3 rounded-sm\" style={{ background: color }}></span>}\n          {label}\n        </span>\n      ))}\n    </div>\n  );\n}\n// зелёная area (остатки)\nexport function AreaChart({ points, height = 240 }) {\n  const W = 900, H = height, padL = 64, padB = 26, padT = 8;\n  if (!points.length) return <div className=\"text-gray-400 text-sm py-8 text-center\">Нет данных</div>;\n  const vals = points.map((p) => p.b);\n  const max = Math.max(...vals, 1), min = Math.min(...vals, 0);\n  const span = max - min || 1;\n  const x = (i) => padL + ((W - padL - 8) * i) / Math.max(1, points.length - 1);\n  const y = (v) => padT + (H - padB - padT) * (1 - (v - min) / span);\n  const ticks = [];\n  for (let t = 0; t <= 4; t++) ticks.push(min + (span * t) / 4);\n  const lineP = points.map((p, i) => `${x(i)},${y(p.b)}`).join(\" \");\n  const step = Math.max(1, Math.floor(points.length / 8));\n  return (\n    <svg viewBox={`0 0 ${W} ${H}`} className=\"w-full\" style={{ maxHeight: H }}>\n      {ticks.map((t, i) => (\n        <g key={i}>\n          <line x1={padL} x2={W - 4} y1={y(t)} y2={y(t)} stroke={CH.grid} />\n          <text x={padL - 6} y={y(t) + 3} textAnchor=\"end\" fontSize=\"10\" fill={CH.axis}>{fmtShort(t)}</text>\n        </g>\n      ))}\n      <polygon points={`${x(0)},${y(Math.max(min, 0))} ${lineP} ${x(points.length - 1)},${y(Math.max(min, 0))}`} fill={CH.areaFill} opacity=\"0.7\" />\n      <polyline fill=\"none\" stroke={CH.green} strokeWidth=\"2\" points={lineP} />\n      {points.map((p, i) => (i % step === 0\n        ? <text key={i} x={x(i)} y={H - padB + 15} textAnchor=\"middle\" fontSize=\"9.5\" fill={CH.axis}>{fmtDate(p.d).slice(0, 5)}</text>\n        : null))}\n    </svg>\n  );\n}\n// donut\nconst DONUT_COLORS = [\"#42A5F5\", \"#1E4B8F\", \"#2C6BC9\", \"#7EC8F5\", \"#0D2F63\", \"#5B9BD5\", \"#9AD1F5\", \"#3F7FBF\"];\nexport function Donut({ parts, size = 190 }) {\n  const total = parts.reduce((s, p) => s + p.value, 0) || 1;\n  const R = size / 2, r = R * 0.55;\n  let a0 = -Math.PI / 2;\n  const segs = parts.map((p, i) => {\n    const a1 = a0 + Math.min(0.99985, p.value / total) * Math.PI * 2;\n    const large = a1 - a0 > Math.PI ? 1 : 0;\n    const path = `M ${R + R * Math.cos(a0)} ${R + R * Math.sin(a0)} A ${R} ${R} 0 ${large} 1 ${R + R * Math.cos(a1)} ${R + R * Math.sin(a1)} L ${R + r * Math.cos(a1)} ${R + r * Math.sin(a1)} A ${r} ${r} 0 ${large} 0 ${R + r * Math.cos(a0)} ${R + r * Math.sin(a0)} Z`;\n    a0 = a1;\n    return <path key={i} d={path} fill={p.color || DONUT_COLORS[i % DONUT_COLORS.length]} stroke=\"#fff\" strokeWidth=\"1\" />;\n  });\n  return <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`}>{segs}</svg>;\n}\nexport { DONUT_COLORS };\n// парето: столбики + кумулятивная линия %\nexport function Pareto({ rows, height = 300, threshold = 0.8, showLine = true, barColor = null }) {\n  const W = Math.max(700, rows.length * 64), H = height, padL = 56, padB = 90, padT = 10, padR = 44;\n  if (!rows.length) return <div className=\"text-gray-400 text-sm py-8 text-center\">Нет данных</div>;\n  const total = rows.reduce((s, r) => s + r.value, 0) || 1;\n  const max = Math.max(...rows.map((r) => r.value), 1);\n  const y = (v) => padT + (H - padB - padT) * (1 - v / max);\n  const yp = (p) => padT + (H - padB - padT) * (1 - p);\n  const gx = (i) => padL + ((W - padL - padR) / rows.length) * (i + 0.5);\n  const bw = Math.min(36, (W - padL - padR) / rows.length - 10);\n  let cum = 0;\n  const cums = rows.map((r) => (cum += r.value) / total);\n  return (\n    <svg viewBox={`0 0 ${W} ${H}`} className=\"w-full\" style={{ maxHeight: H }}>\n      {[0, 0.25, 0.5, 0.75, 1].map((t, i) => (\n        <g key={i}>\n          <line x1={padL} x2={W - padR} y1={yp(t)} y2={yp(t)} stroke={CH.grid} />\n          <text x={W - padR + 4} y={yp(t) + 3} fontSize=\"10\" fill={CH.axis}>{Math.round(t * 100)}%</text>\n          <text x={padL - 6} y={yp(t) + 3} textAnchor=\"end\" fontSize=\"10\" fill={CH.axis}>{fmtShort(max * t)}</text>\n        </g>\n      ))}\n      {rows.map((r, i) => (\n        <g key={i}>\n          <rect x={gx(i) - bw / 2} y={y(Math.max(0, r.value))} width={bw} height={Math.abs((H - padB) - y(Math.max(0, r.value))) || 1} fill={barColor || ((cums[i] - r.value / total) < threshold ? CH.blue : CH.purple)} rx=\"2\" />\n          <text x={gx(i)} y={H - padB + 10} textAnchor=\"end\" fontSize=\"9\" fill=\"#546e7a\"\n            transform={`rotate(-35 ${gx(i)} ${H - padB + 10})`}>{r.name.length > 26 ? r.name.slice(0, 25) + \"…\" : r.name}</text>\n        </g>\n      ))}\n      {showLine && <polyline fill=\"none\" stroke=\"#3949AB\" strokeWidth=\"2\"\n        points={rows.map((r, i) => `${gx(i)},${yp(cums[i])}`).join(\" \")} />}\n      {showLine && rows.map((r, i) => <circle key={i} cx={gx(i)} cy={yp(cums[i])} r=\"3\" fill=\"#fff\" stroke=\"#3949AB\" strokeWidth=\"1.5\" />)}\n    </svg>\n  );\n}\n",[],[56,111,174],"6e904ebf-a254-4dd3-b3e8-cca1eea5f4a2",["D",1787239139778],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","U.fin — финансовая система агентства недвижимости","imageUrl","userId","caa5b6a0-dd4e-4cd6-a997-9389a6a43948","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","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",{"_11":12,"_238":234},"org",{"_11":12,"_231":232,"_233":234,"_191":192,"_235":236,"_237":53},"branch",{"_17":62,"_13":16,"_33":41,"_223":181,"_224":-5,"_225":-5,"_226":-5,"_227":-5,"_228":-5,"_229":14,"_230":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Кирилл Тамбовцев","avatar","https://lh3.googleusercontent.com/a/ACg8ocKCNneTjcn307kcxhB_NS1R7_0SBhSKM-2hy73z0JvhXFipwkhs=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":181,"_13":14,"_46":311,"_183":-5,"_184":53,"_185":186,"_187":186,"_188":189,"_190":-5,"_191":192,"_193":61,"_194":45,"_195":-5,"_196":-5,"_197":73,"_198":199,"_200":201,"_202":203,"_204":312,"_206":-5,"_207":208,"_209":208,"_210":211,"_212":211,"_213":211,"_214":208,"_215":208,"_216":313,"_218":314,"_220":315,"_222":53},[269,282],"files",[269,270,271,272,273,274,275,276,277,278,279,280,281,282],"counts",{"_259":73,"_260":261,"_262":73,"_32":263,"_264":265},[],{"_33":34,"_13":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":24,"_50":51,"_52":53,"_54":-5,"_18":258},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[56,35],"pulls","branches",1,"forks",{"_266":73,"_268":73},"connections",{"_266":73,"_267":73},"count","unfilledCount","emptyCount",{"_33":70,"_13":56,"_36":39,"_38":-5,"_40":41,"_42":71,"_44":45,"_46":72,"_17":73,"_49":74,"_50":-5,"_52":53,"_54":-5,"_67":309,"_18":310},{"_33":110,"_13":111,"_36":112,"_38":39,"_40":41,"_42":113,"_44":45,"_46":114,"_17":73,"_49":74,"_50":-5,"_52":53,"_54":-5,"_67":307,"_18":308},{"_33":173,"_13":174,"_36":175,"_38":112,"_40":41,"_42":176,"_44":45,"_46":177,"_17":153,"_49":24,"_50":178,"_52":53,"_54":-5,"_67":305,"_18":306},{"_33":165,"_13":166,"_36":167,"_38":112,"_40":41,"_42":168,"_44":45,"_46":169,"_17":71,"_49":24,"_50":170,"_52":53,"_54":-5,"_67":303,"_18":304},{"_33":157,"_13":158,"_36":159,"_38":112,"_40":41,"_42":160,"_44":45,"_46":161,"_17":153,"_49":24,"_50":162,"_52":53,"_54":-5,"_67":301,"_18":302},{"_33":148,"_13":149,"_36":150,"_38":112,"_40":41,"_42":151,"_44":45,"_46":152,"_17":153,"_49":24,"_50":154,"_52":53,"_54":-5,"_67":299,"_18":300},{"_33":140,"_13":141,"_36":142,"_38":112,"_40":41,"_42":143,"_44":45,"_46":144,"_17":71,"_49":24,"_50":145,"_52":53,"_54":-5,"_67":297,"_18":298},{"_33":132,"_13":133,"_36":134,"_38":112,"_40":41,"_42":135,"_44":45,"_46":136,"_17":71,"_49":24,"_50":137,"_52":53,"_54":-5,"_67":295,"_18":296},{"_33":124,"_13":125,"_36":126,"_38":112,"_40":41,"_42":127,"_44":45,"_46":128,"_17":73,"_49":24,"_50":129,"_52":53,"_54":-5,"_67":293,"_18":294},{"_33":102,"_13":103,"_36":104,"_38":39,"_40":41,"_42":105,"_44":45,"_46":106,"_17":48,"_49":24,"_50":107,"_52":53,"_54":-5,"_67":291,"_18":292},{"_33":34,"_13":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":99,"_17":48,"_49":24,"_50":51,"_52":53,"_54":-5,"_67":289,"_18":290},{"_33":90,"_13":91,"_36":92,"_38":39,"_40":41,"_42":93,"_44":45,"_46":94,"_17":95,"_49":24,"_50":96,"_52":53,"_54":-5,"_67":287,"_18":288},{"_33":82,"_13":83,"_36":84,"_38":39,"_40":41,"_42":85,"_44":45,"_46":86,"_17":71,"_49":24,"_50":87,"_52":53,"_54":-5,"_67":285,"_18":286},{"_33":59,"_13":60,"_36":61,"_38":-5,"_40":41,"_42":62,"_44":45,"_46":63,"_17":64,"_49":65,"_50":66,"_52":53,"_54":-5,"_67":283,"_18":284},[],[60],[],[56,83],[],[56,91],[],[56,35],[],[56,103],[],[56,111,125],[],[56,111,133],[],[56,111,141],[],[56,111,149],[],[56,111,158],[],[56,111,166],[],[56,111,174],[271,272,273,274,275,276,277],[56,111],[270,278,279,280,281],[56],["D",1787239139778],["D",1789499469860],{"_11":12,"_238":234},{"_11":12,"_231":232,"_233":234,"_191":192,"_235":236,"_237":53},{"_17":62,"_13":16,"_33":41,"_223":181,"_224":-5,"_225":-5,"_226":-5,"_227":-5,"_228":-5,"_229":14,"_230":12},"ctx",{"_216":-5,"_255":349,"_350":351,"_352":353,"_354":53,"_355":53,"_356":53,"_357":45,"_358":-5,"_359":-7,"_360":-7,"_361":73,"_362":53,"_363":53,"_364":-5,"_365":53,"_366":53,"_367":53,"_368":-5},"ENV",{"_320":321,"_322":323,"_324":16,"_325":326,"_327":328,"_329":330,"_331":332,"_333":334,"_335":336,"_337":338,"_339":340,"_341":342,"_343":344,"_345":346,"_347":348},"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>