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

\n \n\n\n",[],[145,181],"89545cc4-91ec-4d0e-9aaf-d1a48ee70263",["D",1787307667193],[],[145,33],"05cc42ac-0a9a-4585-ab34-ccf2c4c70610","app.part2.txt","156232da-9d40-11f1-a4dd-1607ee4eb77e",41,["D",1787307666863],3,"fy-end gap-2\"},e.createElement(E,{kind:\"ghost\",onClick:()=>u(null)},\"\\u041E\\u0442\\u043C\\u0435\\u043D\\u0430\"),e.createElement(E,{onClick:async()=>{await F(`/deals/${s}/shipments`,\"POST\",w),u(null),j()}},\"\\u0421\\u043E\\u0445\\u0440\\u0430\\u043D\\u0438\\u0442\\u044C\"))),n&&e.createElement(X,{title:\"\\u041F\\u043E\\u0437\\u0438\\u0446\\u0438\\u044F: \\u0442\\u043E\\u0432\\u0430\\u0440 \\u0438\\u043B\\u0438 \\u0443\\u0441\\u043B\\u0443\\u0433\\u0430\",onClose:()=>r(null)},e.createElement(M,{label:\"\\u041D\\u0430\\u0438\\u043C\\u0435\\u043D\\u043E\\u0432\\u0430\\u043D\\u0438\\u0435 (\\u0438\\u0437 \\u0441\\u043F\\u0440\\u0430\\u0432\\u043E\\u0447\\u043D\\u0438\\u043A\\u0430 \\u0438\\u043B\\u0438 \\u0441\\u0432\\u043E\\u0451)\"},e.createElement(L,{value:n.name,onChange:_=>r({...n,name:_.target.value})},o.products.map(_=>e.createElement(\"option\",{key:_.id,value:_.name},_.name)),e.createElement(\"option\",{value:\"\"},\"\\u2014 \\u0441\\u0432\\u043E\\u0451 \\u043D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435 \\u2014\"))),n.name===\"\"&&e.createElement(M,{label:\"\\u0421\\u0432\\u043E\\u0451 \\u043D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435\"},e.createElement(B,{value:n.custom||\"\",onChange:_=>r({...n,custom:_.target.value})})),e.createElement(\"div\",{className:\"grid grid-cols-3 gap-x-4\"},e.createElement(M,{label:\"\\u041A\\u043E\\u043B-\\u0432\\u043E\"},e.createElement(B,{type:\"number\",value:n.qty,onChange:_=>r({...n,qty:_.target.value})})),e.createElement(M,{label:\"\\u0415\\u0434\\u0438\\u043D\\u0438\\u0446\\u0430\"},e.createElement(B,{value:n.unit,onChange:_=>r({...n,unit:_.target.value})})),e.createElement(M,{label:\"\\u0426\\u0435\\u043D\\u0430 \\u0437\\u0430 \\u0435\\u0434., \\u20BD\"},e.createElement(B,{type:\"number\",value:n.price,onChange:_=>r({...n,price:_.target.value})}))),e.createElement(\"div\",{className:\"flex justify-end gap-2\"},e.createElement(E,{kind:\"ghost\",onClick:()=>r(null)},\"\\u041E\\u0442\\u043C\\u0435\\u043D\\u0430\"),e.createElement(E,{onClick:async()=>{let _=n.name||n.custom;if(!_)return alert(\"\\u0423\\u043A\\u0430\\u0436\\u0438\\u0442\\u0435 \\u043D\\u0430\\u0438\\u043C\\u0435\\u043D\\u043E\\u0432\\u0430\\u043D\\u0438\\u0435\");await F(`/deals/${s}/items`,\"POST\",{...n,name:_}),r(null),j()}},\"\\u0421\\u043E\\u0445\\u0440\\u0430\\u043D\\u0438\\u0442\\u044C\"))),f&&e.createElement(X,{title:\"\\u0412\\u044B\\u0441\\u0442\\u0430\\u0432\\u0438\\u0442\\u044C \\u0441\\u0447\\u0451\\u0442\",onClose:()=>d(null)},e.createElement(\"div\",{className:\"grid grid-cols-2 gap-x-4\"},e.createElement(M,{label:\"\\u041D\\u043E\\u043C\\u0435\\u0440 \\u0441\\u0447\\u0451\\u0442\\u0430\"},e.createElement(B,{value:f.number,onChange:_=>d({...f,number:_.target.value})})),e.createElement(M,{label:\"\\u0414\\u0430\\u0442\\u0430\"},e.createElement(B,{type:\"date\",value:f.date,onChange:_=>d({...f,date:_.target.value})})),e.createElement(M,{label:\"\\u041A\\u043B\\u0438\\u0435\\u043D\\u0442\"},e.createElement(B,{value:f.client,onChange:_=>d({...f,client:_.target.value})})),e.createElement(M,{label:\"\\u0421\\u0443\\u043C\\u043C\\u0430, \\u20BD\"},e.createElement(B,{type:\"number\",value:f.amount,onChange:_=>d({...f,amount:_.target.value})}))),e.createElement(\"div\",{className:\"flex justify-end gap-2\"},e.createElement(E,{kind:\"ghost\",onClick:()=>d(null)},\"\\u041E\\u0442\\u043C\\u0435\\u043D\\u0430\"),e.createElement(E,{onClick:async()=>{await F(\"/invoices\",\"POST\",{...f,deal_id:s}),d(null),j()}},\"\\u0421\\u043E\\u0445\\u0440\\u0430\\u043D\\u0438\\u0442\\u044C\"))))}function Ae({kind:s,meta:o,refreshMeta:g}){let[i,t]=C([]),[p,h]=C(!1),[m,l]=C(null),[a,N]=C(\"accrual\"),[c,x]=C({status:\"\",client:\"\",from:\"\",to:\"\",sumFrom:\"\",sumTo:\"\",pFrom:\"\",pTo:\"\"}),[w,u]=C(\"\"),n=()=>{F(\"/deals?type=\"+s).then(t)};W(()=>{n()},[s]);let r=(v,y)=>x(T=>({...T,[v]:y})),f=v=>a===\"accrual\"?Number(v.shipped)-Number(v.expense_all):Number(v.received)-Number(v.expense_paid);if(m)return e.createElement(ct,{id:m,meta:o,refreshMeta:g,kindTitle:Ze[s],onBack:()=>{l(null),n()}});let d=i;c.status&&(d=d.filter(v=>v.status===c.status)),c.client&&(d=d.filter(v=>(v.client||\"\").toLowerCase().includes(c.client.toLowerCase()))),c.from&&(d=d.filter(v=>(v.created_at||\"\")>=c.from)),c.to&&(d=d.filter(v=>(v.created_at||\"\")<=c.to)),c.sumFrom&&(d=d.filter(v=>Number(v.amount)>=Number(c.sumFrom))),c.sumTo&&(d=d.filter(v=>Number(v.amount)<=Number(c.sumTo))),c.pFrom&&(d=d.filter(v=>f(v)>=Number(c.pFrom))),c.pTo&&(d=d.filter(v=>f(v)<=Number(c.pTo))),w&&(d=d.filter(v=>(v.name+\" \"+v.client).toLowerCase().includes(w.toLowerCase())));let k=d.reduce((v,y)=>v+Number(y.amount||0),0),P=d.reduce((v,y)=>v+f(y),0),j=async v=>{window.confirm(\"\\u0423\\u0434\\u0430\\u043B\\u0438\\u0442\\u044C \\u0441\\u0434\\u0435\\u043B\\u043A\\u0443? \\u041E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0438 \\u043E\\u0441\\u0442\\u0430\\u043D\\u0443\\u0442\\u0441\\u044F \\u0431\\u0435\\u0437 \\u043F\\u0440\\u0438\\u0432\\u044F\\u0437\\u043A\\u0438.\")&&(await F(\"/deals/\"+v,\"DELETE\"),n())},S=()=>{let v=\"\\u0414\\u0430\\u0442\\u0430;\\u041D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435;\\u041A\\u043B\\u0438\\u0435\\u043D\\u0442;\\u0421\\u0442\\u0430\\u0442\\u0443\\u0441;\\u0421\\u0443\\u043C\\u043C\\u0430 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438;\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u0438\\u043B\\u043E %;\\u041E\\u0442\\u0433\\u0440\\u0443\\u0436\\u0435\\u043D\\u043E %;\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C\",y=d.map(U=>{let V=U.amount>0?Math.round(Number(U.received)/Number(U.amount)*100):0,ee=U.amount>0?Math.round(Number(U.shipped)/Number(U.amount)*100):0;return[q(U.created_at),U.name,U.client,(re[U.status]||{}).label,U.amount,V+\"%\",ee+\"%\",f(U)].join(\";\")}),T=new Blob([\"\\uFEFF\"+[v,...y].join(`\\r\n`)],{type:\"text/csv;charset=utf-8\"}),z=document.createElement(\"a\");z.href=URL.createObjectURL(T),z.download=(s===\"purchase\"?\"\\u0437\\u0430\\u043A\\u0443\\u043F\\u043A\\u0438\":\"\\u0441\\u0434\\u0435\\u043B\\u043A\\u0438\")+\".csv\",z.click()};return e.createElement(\"div\",{className:\"flex h-full\"},e.createElement(\"div\",{className:\"w-60 shrink-0 bg-white border-r border-gray-100 p-4 text-sm overflow-y-auto\"},e.createElement(\"div\",{className:\"font-semibold text-[#22313f] mb-3\"},\"\\u0424\\u0438\\u043B\\u044C\\u0442\\u0440\\u044B\"),e.createElement(\"div\",{className:\"text-xs text-gray-400 mb-1\"},\"\\u041F\\u0430\\u0440\\u0430\\u043C\\u0435\\u0442\\u0440\\u044B \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438\"),e.createElement(M,{label:\"\\u0421\\u0442\\u0430\\u0442\\u0443\\u0441 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438\"},e.createElement(L,{value:c.status,onChange:v=>r(\"status\",v.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u0412\\u0441\\u0435\"),Object.entries(re).map(([v,y])=>e.createElement(\"option\",{key:v,value:v},y.label)))),e.createElement(M,{label:\"\\u041A\\u043B\\u0438\\u0435\\u043D\\u0442\\u044B\"},e.createElement(B,{value:c.client,onChange:v=>r(\"client\",v.target.value),placeholder:\"\\u0418\\u043C\\u044F \\u043A\\u043B\\u0438\\u0435\\u043D\\u0442\\u0430\\u2026\"})),e.createElement(M,{label:\"\\u0414\\u0430\\u0442\\u0430 \\u0441\\u043E\\u0437\\u0434\\u0430\\u043D\\u0438\\u044F \\u0441\"},e.createElement(B,{type:\"date\",value:c.from,onChange:v=>r(\"from\",v.target.value)})),e.createElement(M,{label:\"\\u043F\\u043E\"},e.createElement(B,{type:\"date\",value:c.to,onChange:v=>r(\"to\",v.target.value)})),e.createElement(\"div\",{className:\"text-xs text-gray-400 mb-1 mt-3\"},\"\\u0421\\u0443\\u043C\\u043C\\u0430 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438\"),e.createElement(\"div\",{className:\"flex gap-2 mb-3\"},e.createElement(B,{type:\"number\",placeholder:\"\\u041E\\u0442\",value:c.sumFrom,onChange:v=>r(\"sumFrom\",v.target.value)}),e.createElement(B,{type:\"number\",placeholder:\"\\u0434\\u043E\",value:c.sumTo,onChange:v=>r(\"sumTo\",v.target.value)})),e.createElement(\"div\",{className:\"text-xs text-gray-400 mb-1\"},\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438\"),e.createElement(\"div\",{className:\"flex gap-2\"},e.createElement(B,{type:\"number\",placeholder:\"\\u041E\\u0442\",value:c.pFrom,onChange:v=>r(\"pFrom\",v.target.value)}),e.createElement(B,{type:\"number\",placeholder:\"\\u0434\\u043E\",value:c.pTo,onChange:v=>r(\"pTo\",v.target.value)}))),e.createElement(\"div\",{className:\"flex-1 flex flex-col min-w-0\"},e.createElement(\"div\",{className:\"flex items-center gap-2 p-4 pb-2 flex-wrap\"},e.createElement(\"h1\",{className:\"text-[22px] font-bold text-[#22313f] mr-1\"},Ze[s]),e.createElement(E,{onClick:()=>h(!0)},\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C\"),e.createElement(\"div\",{className:\"ml-auto flex items-center gap-2\"},e.createElement(\"label\",{className:\"text-xs text-gray-400\"},\"\\u0423\\u0447\\u0435\\u0442\",e.createElement(\"br\",null),e.createElement(L,{value:a,onChange:v=>N(v.target.value),className:\"!w-44\"},e.createElement(\"option\",{value:\"accrual\"},\"\\u041C\\u0435\\u0442\\u043E\\u0434 \\u043D\\u0430\\u0447\\u0438\\u0441\\u043B\\u0435\\u043D\\u0438\\u044F\"),e.createElement(\"option\",{value:\"cash\"},\"\\u041A\\u0430\\u0441\\u0441\\u043E\\u0432\\u044B\\u0439 \\u043C\\u0435\\u0442\\u043E\\u0434\"))),e.createElement(E,{kind:\"ghost\",onClick:S},\"\\u2B07 .xls\"),e.createElement(\"input\",{className:\"border border-gray-200 rounded px-3 py-1.5 text-sm w-64\",placeholder:\"\\u041F\\u043E\\u0438\\u0441\\u043A \\u043F\\u043E \\u043D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u044E \\u0438\\u043B\\u0438 \\u043A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442\\u0443\",value:w,onChange:v=>u(v.target.value)}))),e.createElement(\"div\",{className:\"flex-1 overflow-y-auto px-4\"},e.createElement(\"table\",{className:\"w-full text-sm bg-white rounded-lg shadow-sm\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3 w-6\"},e.createElement(\"input\",{type:\"checkbox\",disabled:!0})),e.createElement(\"th\",{className:\"p-2\"},\"\\u0414\\u0430\\u0442\\u0430 \\u25B4\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u041D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435\"),e.createElement(\"th\",{className:\"p-2\"},s===\"purchase\"?\"\\u041F\\u043E\\u0441\\u0442\\u0430\\u0432\\u0449\\u0438\\u043A\":\"\\u041A\\u043B\\u0438\\u0435\\u043D\\u0442\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0421\\u0442\\u0430\\u0442\\u0443\\u0441\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0421\\u0443\\u043C\\u043C\\u0430 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438, \\u20BD\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u0438\\u043B\\u043E\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u041E\\u0442\\u0433\\u0440\\u0443\\u0436\\u0435\\u043D\\u043E\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C, \\u20BD\"),e.createElement(\"th\",{className:\"p-2\"}))),e.createElement(\"tbody\",null,d.map(v=>{let y=re[v.status]||re.work,T=v.amount>0?Math.min(100,Math.round(Number(v.received)/Number(v.amount)*100)):0,z=v.amount>0?Math.min(100,Math.round(Number(v.shipped)/Number(v.amount)*100)):0,U=f(v);return e.createElement(\"tr\",{key:v.id,className:\"border-t border-gray-50 hover:bg-slate-50 cursor-pointer\",onClick:()=>l(v.id)},e.createElement(\"td\",{className:\"p-2 pl-3\",onClick:V=>V.stopPropagation()},e.createElement(\"input\",{type:\"checkbox\",className:\"accent-[#2aa3af]\"})),e.createElement(\"td\",{className:\"p-2 text-gray-500 whitespace-nowrap\"},q(v.created_at)),e.createElement(\"td\",{className:\"p-2 font-medium text-[#22313f]\"},v.name),e.createElement(\"td\",{className:\"p-2 text-gray-700\"},v.client||\"\\u2014\"),e.createElement(\"td\",{className:\"p-2\"},e.createElement(\"span\",{className:\"text-xs px-2 py-0.5 rounded whitespace-nowrap \"+y.cls},y.label)),e.createElement(\"td\",{className:\"p-2 text-right font-medium whitespace-nowrap\"},O(v.amount)),e.createElement(\"td\",{className:\"p-2 text-right text-gray-600\"},T,\"%\"),e.createElement(\"td\",{className:\"p-2 text-right text-gray-600\"},z,\"%\"),e.createElement(\"td\",{className:\"p-2 text-right font-medium whitespace-nowrap \"+(U>=0?\"text-emerald-600\":\"text-rose-500\")},O(U)),e.createElement(\"td\",{className:\"p-2 text-right\",onClick:V=>V.stopPropagation()},e.createElement(H,{icon:D.trash,danger:!0,onClick:()=>j(v.id)})))}),d.length===0&&e.createElement(\"tr\",null,e.createElement(\"td\",{colSpan:10,className:\"p-8 text-center text-gray-400\"},\"\\u0421\\u0434\\u0435\\u043B\\u043E\\u043A \\u043D\\u0435\\u0442 \\u2014 \\u043D\\u0430\\u0436\\u043C\\u0438\\u0442\\u0435 \\xAB\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C\\xBB\")))),e.createElement(\"div\",{className:\"h-3\"})),e.createElement(\"div\",{className:\"border-t border-gray-100 bg-white px-4 py-2 text-xs text-gray-500 flex gap-4\"},e.createElement(\"span\",null,d.length,\" \",s===\"purchase\"?\"\\u0437\\u0430\\u043A\\u0443\\u043F\\u043E\\u043A\":\"\\u043F\\u0440\\u043E\\u0434\\u0430\\u0436\",\" \\u043D\\u0430 \\u0441\\u0443\\u043C\\u043C\\u0443: \",e.createElement(\"b\",{className:\"text-[#22313f]\"},O(k))),e.createElement(\"span\",null,\"\\u041E\\u0431\\u0449\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C: \",e.createElement(\"b\",{className:\"text-emerald-600\"},O(P))))),p&&e.createElement(Ke,{kind:s,onClose:()=>h(!1),onSaved:n}))}function Re({meta:s}){let[o,g]=C([]),[i,t]=C(null),p=()=>{F(\"/invoices\").then(g)};W(()=>{p()},[]);let h=async l=>{let a={...l,amount:Number(l.amount)||0,contractor_id:Number(l.contractor_id)||null};l.id?await F(\"/invoices/\"+l.id,\"PUT\",a):await F(\"/invoices\",\"POST\",a),t(null),p()},m=o.filter(l=>l.status!==\"paid\").reduce((l,a)=>l+Number(a.amount),0);return o.length===0&&!i?e.createElement(\"div\",{className:\"p-6\"},e.createElement(ae,null,\"\\u0412\\u044B\\u0441\\u0442\\u0430\\u0432\\u043B\\u0435\\u043D\\u043D\\u044B\\u0435 \\u0441\\u0447\\u0435\\u0442\\u0430\"),e.createElement(\"div\",{className:\"text-center pt-24\"},e.createElement(\"div\",{className:\"text-xl font-bold text-[#37474f] mb-2\"},\"\\u0412\\u044B\\u0441\\u0442\\u0430\\u0432\\u043B\\u044F\\u0439\\u0442\\u0435 \\u0441\\u0447\\u0435\\u0442\\u0430 \\u0432 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0430\\u0445\",e.createElement(\"br\",null),\"\\u043F\\u0440\\u043E\\u0434\\u0430\\u0436 \\u0441 \\u0432\\u0430\\u0448\\u0438\\u043C\\u0438 \\u043A\\u043B\\u0438\\u0435\\u043D\\u0442\\u0430\\u043C\\u0438\"),e.createElement(\"div\",{className:\"text-sm text-gray-400 mb-3\"},\"\\u0417\\u0434\\u0435\\u0441\\u044C \\u043E\\u0442\\u043E\\u0431\\u0440\\u0430\\u0437\\u0438\\u0442\\u0441\\u044F \\u0441\\u043F\\u0438\\u0441\\u043E\\u043A \\u0432\\u044B\\u0441\\u0442\\u0430\\u0432\\u043B\\u0435\\u043D\\u043D\\u044B\\u0445 \\u0441\\u0447\\u0435\\u0442\\u043E\\u0432,\",e.createElement(\"br\",null),\"\\u043A\\u043E\\u0442\\u043E\\u0440\\u044B\\u0435 \\u0432\\u044B \\u0441\\u043E\\u0437\\u0434\\u0430\\u0434\\u0438\\u0442\\u0435 \\u0432 \\u0440\\u0430\\u043C\\u043A\\u0430\\u0445 \\u0441\\u0434\\u0435\\u043B\\u043E\\u043A \\u043F\\u0440\\u043E\\u0434\\u0430\\u0436.\"),e.createElement(\"button\",{className:\"text-[#2aa3af] text-sm\",onClick:()=>t({number:\"\",date:Y(),client:\"\",contractor_id:\"\",amount:\"\",status:\"unpaid\",comment:\"\"})},\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C \\u0441\\u0447\\u0451\\u0442\"))):e.createElement(\"div\",{className:\"p-6\"},e.createElement(ae,{right:e.createElement(E,{onClick:()=>t({number:\"\",date:Y(),client:\"\",contractor_id:\"\",amount:\"\",status:\"unpaid\",comment:\"\"})},\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C\")},\"\\u0412\\u044B\\u0441\\u0442\\u0430\\u0432\\u043B\\u0435\\u043D\\u043D\\u044B\\u0435 \\u0441\\u0447\\u0435\\u0442\\u0430\"),e.createElement(\"table\",{className:\"w-full text-sm bg-white rounded-lg shadow-sm\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3\"},\"\\u2116\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0414\\u0430\\u0442\\u0430\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u041A\\u043B\\u0438\\u0435\\u043D\\u0442 / \\u041A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0430\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0421\\u0443\\u043C\\u043C\\u0430, \\u20BD\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0421\\u0442\\u0430\\u0442\\u0443\\u0441\"),e.createElement(\"th\",{className:\"p-2\"}))),e.createElement(\"tbody\",null,o.map(l=>e.createElement(\"tr\",{key:l.id,className:\"border-t border-gray-50 hover:bg-slate-50\"},e.createElement(\"td\",{className:\"p-2 pl-3 font-medium text-[#22313f]\"},l.number||\"\\u0431/\\u043D\"),e.createElement(\"td\",{className:\"p-2 text-gray-500 whitespace-nowrap\"},q(l.date)),e.createElement(\"td\",{className:\"p-2 text-gray-700\"},l.contractor_name||l.client||\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},l.deal_name||\"\"),e.createElement(\"td\",{className:\"p-2 text-right font-medium whitespace-nowrap\"},O(l.amount)),e.createElement(\"td\",{className:\"p-2\"},l.status===\"paid\"?e.createElement(\"span\",{className:\"text-xs px-2 py-0.5 rounded bg-emerald-100 text-emerald-700\"},\"\\u041E\\u043F\\u043B\\u0430\\u0447\\u0435\\u043D\"):e.createElement(\"button\",{className:\"text-xs px-2 py-0.5 rounded bg-amber-100 text-amber-700\",onClick:async()=>{await F(`/invoices/${l.id}/paid`,\"POST\",{}),p()}},\"\\u041D\\u0435 \\u043E\\u043F\\u043B\\u0430\\u0447\\u0435\\u043D \\u2192 \\u043E\\u043F\\u043B\\u0430\\u0442\\u0438\\u0442\\u044C\")),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},e.createElement(H,{icon:D.edit,onClick:()=>t(l)}),e.createElement(H,{icon:D.trash,danger:!0,onClick:async()=>{window.confirm(\"\\u0423\\u0434\\u0430\\u043B\\u0438\\u0442\\u044C \\u0441\\u0447\\u0451\\u0442?\")&&(await F(\"/invoices/\"+l.id,\"DELETE\"),p())}})))))),e.createElement(\"div\",{className:\"text-xs text-gray-500 mt-2\"},o.length,\" \\u0441\\u0447\\u0435\\u0442\\u043E\\u0432 \\xB7 \\u041D\\u0435 \\u043E\\u043F\\u043B\\u0430\\u0447\\u0435\\u043D\\u043E: \",e.createElement(\"b\",{className:\"text-amber-600\"},O(m))),i&&e.createElement(X,{title:i.id?\"\\u0421\\u0447\\u0451\\u0442\":\"\\u0412\\u044B\\u0441\\u0442\\u0430\\u0432\\u0438\\u0442\\u044C \\u0441\\u0447\\u0451\\u0442\",onClose:()=>t(null)},e.createElement(\"div\",{className:\"grid grid-cols-2 gap-x-4\"},e.createElement(M,{label:\"\\u041D\\u043E\\u043C\\u0435\\u0440\"},e.createElement(B,{value:i.number,onChange:l=>t({...i,number:l.target.value})})),e.createElement(M,{label:\"\\u0414\\u0430\\u0442\\u0430\"},e.createElement(B,{type:\"date\",value:(i.date||\"\").slice(0,10),onChange:l=>t({...i,date:l.target.value})})),e.createElement(M,{label:\"\\u041A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442\"},e.createElement(L,{value:i.contractor_id||\"\",onChange:l=>t({...i,contractor_id:l.target.value})},e.createElement(\"option\",{value:\"\"},\"\\u2014\"),s.contractors.map(l=>e.createElement(\"option\",{key:l.id,value:l.id},l.name)))),e.createElement(M,{label:\"\\u041A\\u043B\\u0438\\u0435\\u043D\\u0442 (\\u0442\\u0435\\u043A\\u0441\\u0442\\u043E\\u043C)\"},e.createElement(B,{value:i.client,onChange:l=>t({...i,client:l.target.value})})),e.createElement(M,{label:\"\\u0421\\u0443\\u043C\\u043C\\u0430, \\u20BD\"},e.createElement(B,{type:\"number\",value:i.amount,onChange:l=>t({...i,amount:l.target.value})})),e.createElement(M,{label:\"\\u0421\\u0442\\u0430\\u0442\\u0443\\u0441\"},e.createElement(L,{value:i.status,onChange:l=>t({...i,status:l.target.value})},e.createElement(\"option\",{value:\"unpaid\"},\"\\u041D\\u0435 \\u043E\\u043F\\u043B\\u0430\\u0447\\u0435\\u043D\"),e.createElement(\"option\",{value:\"paid\"},\"\\u041E\\u043F\\u043B\\u0430\\u0447\\u0435\\u043D\")))),e.createElement(\"div\",{className:\"flex justify-end gap-2\"},e.createElement(E,{kind:\"ghost\",onClick:()=>t(null)},\"\\u041E\\u0442\\u043C\\u0435\\u043D\\u0430\"),e.createElement(E,{onClick:()=>h(i)},\"\\u0421\\u043E\\u0445\\u0440\\u0430\\u043D\\u0438\\u0442\\u044C\"))))}var Le={plan:{label:\"\\u041F\\u043B\\u0430\\u043D\\u043E\\u0432\\u044B\\u0439\",cls:\"bg-sky-100 text-sky-700\"},work:{label:\"\\u0412 \\u0440\\u0430\\u0431\\u043E\\u0442\\u0435\",cls:\"bg-amber-100 text-amber-700\"},done:{label:\"\\u0417\\u0430\\u0432\\u0435\\u0440\\u0448\\u0435\\u043D\",cls:\"bg-emerald-100 text-emerald-700\"}};function et({refreshMeta:s}){let[o,g]=C([]),[i,t]=C(null),[p,h]=C({plan:!0,work:!0,done:!0,q:\"\"}),m=()=>{F(\"/projects\").then(g)};W(()=>{m()},[]);let l=async u=>{window.confirm(\"\\u0423\\u0434\\u0430\\u043B\\u0438\\u0442\\u044C \\u043F\\u0440\\u043E\\u0435\\u043A\\u0442? \\u041E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0438 \\u043E\\u0441\\u0442\\u0430\\u043D\\u0443\\u0442\\u0441\\u044F \\u0431\\u0435\\u0437 \\u043F\\u0440\\u0438\\u0432\\u044F\\u0437\\u043A\\u0438.\")&&(await F(\"/projects/\"+u,\"DELETE\"),m(),s())},a=async u=>{u.id?await F(\"/projects/\"+u.id,\"PUT\",u):await F(\"/projects\",\"POST\",u),t(null),m(),s()},N=o.filter(u=>p[u.status||\"work\"]!==!1);p.q&&(N=N.filter(u=>(u.name+\" \"+(u.comment||\"\")).toLowerCase().includes(p.q.toLowerCase())));let c=N.reduce((u,n)=>u+Number(n.income),0),x=N.reduce((u,n)=>u+Number(n.expense),0),w=c-x;return e.createElement(\"div\",{className:\"flex h-full\"},e.createElement(\"div\",{className:\"w-56 shrink-0 bg-white border-r border-gray-100 p-4 text-sm overflow-y-auto\"},e.createElement(\"div\",{className:\"font-semibold text-[#22313f] mb-2\"},\"\\u0424\\u0438\\u043B\\u044C\\u0442\\u0440\\u044B\"),e.createElement(\"div\",{className:\"text-xs text-gray-400 mb-1\"},\"\\u0421\\u0442\\u0430\\u0442\\u0443\\u0441 \\u043F\\u0440\\u043E\\u0435\\u043A\\u0442\\u0430\"),e.createElement(Q,{label:\"\\u041F\\u043B\\u0430\\u043D\\u043E\\u0432\\u044B\\u0439\",checked:p.plan,onChange:u=>h({...p,plan:u})}),e.createElement(Q,{label:\"\\u0412 \\u0440\\u0430\\u0431\\u043E\\u0442\\u0435\",checked:p.work,onChange:u=>h({...p,work:u})}),e.createElement(Q,{label:\"\\u0417\\u0430\\u0432\\u0435\\u0440\\u0448\\u0435\\u043D\",checked:p.done,onChange:u=>h({...p,done:u})})),e.createElement(\"div\",{className:\"flex-1 flex flex-col min-w-0\"},e.createElement(\"div\",{className:\"flex items-center gap-2 p-4 pb-2 flex-wrap\"},e.createElement(\"h1\",{className:\"text-[22px] font-bold text-[#22313f] mr-1\"},\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\\u044B\"),e.createElement(E,{onClick:()=>t({name:\"\",grp:\"\",status:\"work\",comment:\"\",date_start:\"\",date_end:\"\"})},\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C\"),e.createElement(\"div\",{className:\"ml-auto flex items-center gap-2\"},e.createElement(\"label\",{className:\"text-xs text-gray-400\"},\"\\u041F\\u043E\\u043A\\u0430\\u0437\\u0430\\u0442\\u0435\\u043B\\u044C \\u0434\\u043B\\u044F \\u0430\\u043D\\u0430\\u043B\\u0438\\u0437\\u0430\",e.createElement(\"br\",null),e.createElement(L,{className:\"!w-56\"},e.createElement(\"option\",null,\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C \\u043A\\u0430\\u0441\\u0441\\u043E\\u0432\\u044B\\u043C \\u043C\\u0435\\u0442\\u043E\\u0434\\u043E\\u043C\"))),e.createElement(\"input\",{className:\"border border-gray-200 rounded px-3 py-1.5 text-sm w-64\",placeholder:\"\\u041F\\u043E\\u0438\\u0441\\u043A \\u043F\\u043E \\u043D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u044E \\u0438\\u043B\\u0438 \\u043A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u044E\",value:p.q,onChange:u=>h({...p,q:u.target.value})}))),e.createElement(\"div\",{className:\"flex-1 overflow-y-auto px-4\"},e.createElement(\"table\",{className:\"w-full text-sm bg-white rounded-lg shadow-sm\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3\"},\"\\u041D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435 \\u043F\\u0440\\u043E\\u0435\\u043A\\u0442\\u0430 \\u25BE\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0413\\u0440\\u0443\\u043F\\u043F\\u0430\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u041D\\u0430\\u0447\\u0430\\u043B\\u043E / \\u041A\\u043E\\u043D\\u0435\\u0446\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0421\\u0442\\u0430\\u0442\\u0443\\u0441\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B, \\u20BD\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B, \\u20BD\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C, \\u20BD\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0420\\u0435\\u043D\\u0442\\u0430\\u0431\\u0435\\u043B\\u044C\\u043D\\u043E\\u0441\\u0442\\u044C\"),e.createElement(\"th\",{className:\"p-2\"}))),e.createElement(\"tbody\",null,N.map(u=>{let n=Le[u.status]||Le.work,r=Number(u.income)-Number(u.expense),f=Number(u.income)?Math.round(r/Number(u.income)*1e3)/10:0;return e.createElement(\"tr\",{key:u.id,className:\"border-t border-gray-50 hover:bg-slate-50 \"+(u.active?\"\":\"opacity-40\")},e.createElement(\"td\",{className:\"p-2 pl-3 font-medium text-[#22313f]\"},u.name),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},u.grp||\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-gray-500 text-xs whitespace-nowrap\"},q(u.date_start),e.createElement(\"br\",null),q(u.date_end)),e.createElement(\"td\",{className:\"p-2\"},e.createElement(\"span\",{className:\"text-xs px-2 py-0.5 rounded whitespace-nowrap \"+n.cls},n.label)),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},Number(u.income)?O(u.income):\"\\u2013\"),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},Number(u.expense)?O(u.expense):\"\\u2013\"),e.createElement(\"td\",{className:\"p-2 text-right font-medium whitespace-nowrap \"+(r>=0?\"text-emerald-600\":\"text-rose-600\")},A(r)),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},Number(u.income)?e.createElement(\"span\",{className:\"text-emerald-600 font-medium\"},f,\"%\"):\"\\u2013\"),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},e.createElement(H,{icon:D.edit,onClick:()=>t(u)}),e.createElement(H,{icon:D.trash,danger:!0,onClick:()=>l(u.id)})))}),N.length===0&&e.createElement(\"tr\",null,e.createElement(\"td\",{colSpan:9,className:\"p-8 text-center text-gray-400\"},\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\\u043E\\u0432 \\u043D\\u0435\\u0442\")))),e.createElement(\"div\",{className:\"h-3\"})),e.createElement(\"div\",{className:\"border-t border-gray-100 bg-white px-4 py-2 text-xs text-gray-500 flex gap-4 flex-wrap\"},e.createElement(\"span\",null,N.length,\" \\u043F\\u0440\\u043E\\u0435\\u043A\\u0442\\u043E\\u0432\"),e.createElement(\"span\",null,\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B: \",e.createElement(\"b\",{className:\"text-[#22313f]\"},O(c))),e.createElement(\"span\",null,\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B: \",e.createElement(\"b\",{className:\"text-rose-500\"},\"\\u2212\",O(x))),e.createElement(\"span\",null,\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C: \",e.createElement(\"b\",{className:\"text-emerald-600\"},O(w))),e.createElement(\"span\",null,\"\\u0420\\u0435\\u043D\\u0442\\u0430\\u0431\\u0435\\u043B\\u044C\\u043D\\u043E\\u0441\\u0442\\u044C: \",e.createElement(\"b\",{className:\"text-amber-500\"},c?Math.round(w/c*1e3)/10:0,\"%\")))),i&&e.createElement(X,{title:i.id?\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\":\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u043D\\u0438\\u0435 \\u043F\\u0440\\u043E\\u0435\\u043A\\u0442\\u0430\",onClose:()=>t(null)},e.createElement(M,{label:\"\\u041D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435\"},e.createElement(B,{value:i.name,onChange:u=>t({...i,name:u.target.value})})),e.createElement(\"div\",{className:\"grid grid-cols-2 gap-x-4\"},e.createElement(M,{label:\"\\u0413\\u0440\\u0443\\u043F\\u043F\\u0430\"},e.createElement(B,{value:i.grp||\"\",onChange:u=>t({...i,grp:u.target.value}),placeholder:\"\\u0412\\u0442\\u043E\\u0440\\u0438\\u0447\\u043D\\u0430\\u044F \\u043D\\u0435\\u0434\\u0432\\u0438\\u0436\\u0438\\u043C\\u043E\\u0441\\u0442\\u044C\\u2026\"})),e.createElement(M,{label:\"\\u0421\\u0442\\u0430\\u0442\\u0443\\u0441\"},e.createElement(L,{value:i.status||\"work\",onChange:u=>t({...i,status:u.target.value})},Object.entries(Le).map(([u,n])=>e.createElement(\"option\",{key:u,value:u},n.label)))),e.createElement(M,{label:\"\\u041D\\u0430\\u0447\\u0430\\u043B\\u043E\"},e.createElement(B,{type:\"date\",value:(i.date_start||\"\").slice(0,10),onChange:u=>t({...i,date_start:u.target.value})})),e.createElement(M,{label:\"\\u041A\\u043E\\u043D\\u0435\\u0446\"},e.createElement(B,{type:\"date\",value:(i.date_end||\"\").slice(0,10),onChange:u=>t({...i,date_end:u.target.value})}))),e.createElement(M,{label:\"\\u041A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0439\"},e.createElement(B,{value:i.comment||\"\",onChange:u=>t({...i,comment:u.target.value})})),e.createElement(\"div\",{className:\"flex justify-end gap-2\"},e.createElement(E,{kind:\"ghost\",onClick:()=>t(null)},\"\\u041E\\u0442\\u043C\\u0435\\u043D\\u0430\"),e.createElement(E,{onClick:()=>a(i)},\"\\u0421\\u043E\\u0445\\u0440\\u0430\\u043D\\u0438\\u0442\\u044C\"))))}function gt(){let[s,o]=C(Z()),[g,i]=C(null);if(W(()=>{F(\"/calendar?year=\"+s).then(i)},[s]),!g)return e.createElement(\"div\",{className:\"text-gray-400 text-sm\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");let t={};for(let a of g.months)t[a.m]=a;let p=ge(s),h=(a,N)=>Number((t[a]||{})[N]||0),m=a=>p.reduce((N,c)=>N+h(c,a),0),l=({label:a,k1:N,k2:c,bold:x,colorFn:w})=>e.createElement(\"tr\",{className:\"border-t border-gray-50 \"+(x?\"font-semibold bg-slate-50\":\"\")},e.createElement(\"td\",{className:\"p-2 pl-3 whitespace-nowrap sticky left-0 bg-inherit\"},a),p.map(u=>{let n=c?h(u,N)-h(u,c):h(u,N);return e.createElement(\"td\",{key:u,className:\"p-2 text-right whitespace-nowrap \"+(w?w(n):\"\")},n?A(n):\"\\u2014\")}),(()=>{let u=c?m(N)-m(c):m(N);return e.createElement(\"td\",{className:\"p-2 text-right font-semibold whitespace-nowrap \"+(w?w(u):\"\")},u?A(u):\"\\u2014\")})());return e.createElement(\"div\",null,e.createElement(\"div\",{className:\"flex items-center gap-3 mb-3\"},e.createElement(ye,{value:s,onChange:o}),e.createElement(\"div\",{className:\"text-xs text-gray-400\"},\"\\u0444\\u0430\\u043A\\u0442 \\u2014 \\u043F\\u043E\\u0434\\u0442\\u0432\\u0435\\u0440\\u0436\\u0434\\u0451\\u043D\\u043D\\u044B\\u0435 \\u043E\\u043F\\u043B\\u0430\\u0442\\u044B; \\u043F\\u043B\\u0430\\u043D \\u2014 \\u0432\\u0441\\u0435, \\u0432\\u043A\\u043B\\u044E\\u0447\\u0430\\u044F \\u043D\\u0435\\u043F\\u043E\\u0434\\u0442\\u0432\\u0435\\u0440\\u0436\\u0434\\u0451\\u043D\\u043D\\u044B\\u0435\")),e.createElement(\"div\",{className:\"overflow-x-auto bg-white rounded-lg shadow-sm\"},e.createElement(\"table\",{className:\"text-sm min-w-full\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3 text-left sticky left-0 bg-white\"},\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B \\u0438 \\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B, \\u20BD\"),p.map(a=>e.createElement(\"th\",{key:a,className:\"p-2 text-right\"},R(a))),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0418\\u0442\\u043E\\u0433\\u043E\"))),e.createElement(\"tbody\",null,e.createElement(l,{label:\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B (\\u0444\\u0430\\u043A\\u0442)\",k1:\"income_fact\",colorFn:()=>\"text-emerald-600\"}),e.createElement(l,{label:\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B (\\u043F\\u043B\\u0430\\u043D)\",k1:\"income_plan\",colorFn:()=>\"text-emerald-600/60\"}),e.createElement(l,{label:\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B (\\u0444\\u0430\\u043A\\u0442)\",k1:\"expense_fact\",colorFn:()=>\"text-rose-500\"}),e.createElement(l,{label:\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B (\\u043F\\u043B\\u0430\\u043D)\",k1:\"expense_plan\",colorFn:()=>\"text-rose-500/60\"}),e.createElement(l,{label:\"\\u0427\\u0438\\u0441\\u0442\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C (\\u0444\\u0430\\u043A\\u0442)\",k1:\"income_fact\",k2:\"expense_fact\",bold:!0,colorFn:a=>a<0?\"text-rose-600\":\"text-[#22313f]\"}),e.createElement(l,{label:\"\\u0427\\u0438\\u0441\\u0442\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C (\\u043F\\u043B\\u0430\\u043D)\",k1:\"income_plan\",k2:\"expense_plan\",bold:!0,colorFn:a=>a<0?\"text-rose-600\":\"text-slate-500\"})))))}function ht(s,o,g){let i={};for(let t of o){let p=t.category_id?he(g,t.category_id):null,h=(p?.name||\"\").toLowerCase(),m=!1;s.startsWith(\"inc_\")?m=t.op_type===\"income\"&&p&&p.id===Number(s.slice(4)):s.startsWith(\"out_\")?m=t.op_type===\"expense\"&&p&&p.id===Number(s.slice(4)):s===\"var\"?m=t.op_type===\"expense\"&&h.includes(\"\\u043F\\u0435\\u0440\\u0435\\u043C\\u0435\\u043D\\u043D\\u044B\\u0435\"):s===\"fix\"?m=t.op_type===\"expense\"&&h.includes(\"\\u043F\\u043E\\u0441\\u0442\\u043E\\u044F\\u043D\\u043D\\u044B\\u0435\"):s===\"tax\"?m=t.op_type===\"expense\"&&h.includes(\"\\u043D\\u0430\\u043B\\u043E\\u0433\"):s===\"int\"?m=t.op_type===\"expense\"&&(h.includes(\"\\u043A\\u0440\\u0435\\u0434\\u0438\\u0442\")||h.includes(\"\\u043E\\u0432\\u0435\\u0440\\u0434\\u0440\\u0430\\u0444\\u0442\")):s===\"oi\"?m=t.op_type===\"income\"&&h.includes(\"\\u043F\\u0440\\u043E\\u0447\\u0438\\u0435\"):s===\"oe\"&&(m=t.op_type===\"expense\"&&(h.includes(\"\\u043D\\u0435\\u0440\\u0430\\u0441\\u043F\\u0440\\u0435\\u0434\\u0435\\u043B\\u0435\\u043D\")||h.includes(\"\\u043F\\u0440\\u043E\\u0447\\u0438\\u0435\"))),m&&(i[t.m]=(i[t.m]||0)+Number(t.s))}return i}function xt({id:s,meta:o,onBack:g,btype:i}){let[t,p]=C(null),[h,m]=C(!0),l=()=>{F(\"/budgets/\"+s).then(p)};if(W(()=>{l()},[s]),!t)return e.createElement(\"div\",{className:\"text-gray-400 text-sm\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");let a=t.budget,N=ge(String(a.year)),c={};for(let d of t.values)(c[d.row_key]=c[d.row_key]||{})[d.period]=Number(d.amount);let x=async(d,k,P)=>{await F(`/budgets/${s}/value`,\"PUT\",{row_key:d,period:k,amount:Number(P)||0})},w=o.categories.filter(d=>d.kind===\"income\"&&!d.parent_id),u=o.categories.filter(d=>d.kind===\"expense\"&&!d.parent_id),n=a.btype===\"bdds\"?[{key:\"_hdr_in\",label:\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F\",hdr:!0},...w.map(d=>({key:\"in_\"+d.id,fkey:\"inc_\"+d.id,label:d.name})),{key:\"_hdr_out\",label:\"\\u0412\\u044B\\u043F\\u043B\\u0430\\u0442\\u044B\",hdr:!0},...u.map(d=>({key:\"out_\"+d.id,fkey:\"out_\"+d.id,label:d.name})),{key:\"_net\",label:\"\\u0427\\u0418\\u0421\\u0422\\u042B\\u0419 \\u041F\\u041E\\u0422\\u041E\\u041A\",calc:!0}]:[{key:\"_hdr_rev\",label:\"\\u0412\\u044B\\u0440\\u0443\\u0447\\u043A\\u0430\",hdr:!0},...w.filter(d=>!d.name.toLowerCase().includes(\"\\u043F\\u0440\\u043E\\u0447\\u0438\\u0435\")).map(d=>({key:\"inc_\"+d.id,fkey:\"inc_\"+d.id,label:d.name})),{key:\"var\",label:\"\\u041F\\u0435\\u0440\\u0435\\u043C\\u0435\\u043D\\u043D\\u044B\\u0435 \\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\"},{key:\"_marg\",label:\"\\u041C\\u0430\\u0440\\u0436\\u0438\\u043D\\u0430\\u043B\\u044C\\u043D\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C\",calc:!0},{key:\"fix\",label:\"\\u041F\\u043E\\u0441\\u0442\\u043E\\u044F\\u043D\\u043D\\u044B\\u0435 \\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\"},{key:\"oi\",label:\"\\u041F\\u0440\\u043E\\u0447\\u0438\\u0435 \\u0434\\u043E\\u0445\\u043E\\u0434\\u044B\"},{key:\"oe\",label:\"\\u041F\\u0440\\u043E\\u0447\\u0438\\u0435 \\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\"},{key:\"dep\",label:\"\\u0410\\u043C\\u043E\\u0440\\u0442\\u0438\\u0437\\u0430\\u0446\\u0438\\u044F\"},{key:\"int\",label:\"\\u041F\\u0440\\u043E\\u0446\\u0435\\u043D\\u0442\\u044B \\u043F\\u043E \\u043A\\u0440\\u0435\\u0434\\u0438\\u0442\\u0430\\u043C \\u0438 \\u0437\\u0430\\u0439\\u043C\\u0430\\u043C\"},{key:\"tax\",label:\"\\u041D\\u0430\\u043B\\u043E\\u0433 \\u043D\\u0430 \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C (\\u0434\\u043E\\u0445\\u043E\\u0434\\u044B)\"},{key:\"_np\",label:\"\\u0427\\u0438\\u0441\\u0442\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C (\\u0443\\u0431\\u044B\\u0442\\u043E\\u043A)\",calc:!0}],r=(d,k)=>Number(c[d]?.[k]||0),f=(d,k)=>{if(a.btype===\"bdds\"){let S=w.reduce((y,T)=>y+r(\"in_\"+T.id,k),0),v=u.reduce((y,T)=>y+r(\"out_\"+T.id,k),0);return S-v}let j=w.filter(S=>!S.name.toLowerCase().includes(\"\\u043F\\u0440\\u043E\\u0447\\u0438\\u0435\")).reduce((S,v)=>S+r(\"inc_\"+v.id,k),0)-r(\"var\",k);return d===\"_marg\"?j:j-r(\"fix\",k)+r(\"oi\",k)-r(\"oe\",k)-r(\"dep\",k)-r(\"int\",k)-r(\"tax\",k)};return e.createElement(\"div\",null,e.createElement(\"button\",{className:\"text-sm text-[#2aa3af] mb-2\",onClick:g},\"\\u2190 \\u0421\\u043F\\u0438\\u0441\\u043E\\u043A \\u0431\\u044E\\u0434\\u0436\\u0435\\u0442\\u043E\\u0432\"),e.createElement(\"div\",{className:\"flex items-center gap-3 mb-3 flex-wrap\"},e.createElement(\"h2\",{className:\"text-xl font-bold text-[#22313f]\"},a.name),e.createElement(\"span\",{className:\"text-xs bg-slate-100 text-slate-600 rounded px-2 py-0.5\"},a.btype===\"bdds\"?\"\\u0411\\u0414\\u0414\\u0421\":\"\\u0411\\u0414\\u0420\"),e.createElement(\"span\",{className:\"text-xs bg-slate-100 text-slate-600 rounded px-2 py-0.5\"},\"\\u042F\\u043D\\u0432 '\",String(a.year).slice(2),\" \\u2014 \\u0434\\u0435\\u043A '\",String(a.year).slice(2)),e.createElement(\"span\",{className:\"text-xs bg-slate-100 text-slate-600 rounded px-2 py-0.5\"},\"RUB\"),a.project_name&&e.createElement(\"span\",{className:\"text-xs bg-teal-50 text-teal-700 rounded px-2 py-0.5\"},a.project_name),e.createElement(Q,{label:\"\\u0424\\u0430\\u043A\\u0442\",checked:h,onChange:m})),e.createElement(\"div\",{className:\"overflow-x-auto bg-white rounded-lg shadow-sm\"},e.createElement(\"table\",{className:\"text-sm min-w-full\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3 text-left sticky left-0 bg-white min-w-[210px]\"}),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0418\\u0442\\u043E\\u0433\\u043E\"),N.map(d=>e.createElement(\"th\",{key:d,className:\"p-2 text-right min-w-[90px]\"},R(d))))),e.createElement(\"tbody\",null,n.map(d=>{if(d.hdr)return e.createElement(\"tr\",{key:d.key,className:\"bg-slate-50\"},e.createElement(\"td\",{colSpan:14,className:\"p-2 pl-3 font-semibold text-[#22313f]\"},d.label));if(d.calc){let j=N.reduce((S,v)=>S+f(d.key,v),0);return e.createElement(\"tr\",{key:d.key,className:\"border-t border-gray-100 bg-slate-50 font-semibold\"},e.createElement(\"td\",{className:\"p-2 pl-3 sticky left-0 bg-slate-50 whitespace-nowrap\"},d.label),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap \"+(j<0?\"text-rose-600\":\"\")},j?A(j):\"\\u2014\"),N.map(S=>{let v=f(d.key,S);return e.createElement(\"td\",{key:S,className:\"p-2 text-right whitespace-nowrap \"+(v<0?\"text-rose-600\":\"\")},v?A(v):\"\\u2014\")}))}let k=ht(d.fkey||d.key,t.facts,o.categories),P=N.reduce((j,S)=>j+r(d.key,S),0);return e.createElement(\"tr\",{key:d.key,className:\"border-t border-gray-50\"},e.createElement(\"td\",{className:\"p-2 pl-5 text-gray-600 sticky left-0 bg-white whitespace-nowrap\"},d.label),e.createElement(\"td\",{className:\"p-2 text-right text-[#1e88e5] whitespace-nowrap font-medium\"},P?A(P):\"\\u2014\"),N.map(j=>e.createElement(\"td\",{key:j,className:\"p-1 text-right align-top\"},e.createElement(\"input\",{className:\"w-20 border border-transparent hover:border-gray-200 focus:border-[#2aa3af] rounded px-1 py-0.5 text-right text-xs text-[#1e88e5]\",defaultValue:r(d.key,j)||\"\",onBlur:S=>{let v=S.target.value;String(r(d.key,j)||\"\")!==v&&x(d.key,j,v)},placeholder:\"\\u2014\"}),h&&e.createElement(\"div\",{className:\"text-[10px] text-gray-400 pr-1\"},k[j]?A(k[j]):\"\"))))})))),e.createElement(\"div\",{className:\"text-xs text-gray-400 mt-2\"},\"\\u041F\\u043B\\u0430\\u043D \\u0432\\u0432\\u043E\\u0434\\u0438\\u0442\\u0441\\u044F \\u0432 \\u044F\\u0447\\u0435\\u0439\\u043A\\u0438 (\\u0441\\u0438\\u043D\\u0438\\u043C)\",h?\"; \\u0441\\u0435\\u0440\\u044B\\u043C \\u043F\\u043E\\u0434 \\u044F\\u0447\\u0435\\u0439\\u043A\\u043E\\u0439 \\u2014 \\u0444\\u0430\\u043A\\u0442 \\u043F\\u043E \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u044F\\u043C\":\"\",\".\"))}function tt({meta:s,btype:o}){let[g,i]=C(null),[t,p]=C(null),[h,m]=C(null),l=()=>{F(\"/budgets?type=\"+o).then(i)};if(W(()=>{p(null),l()},[o]),g===null)return e.createElement(\"div\",{className:\"text-gray-400 text-sm\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");if(t)return e.createElement(xt,{id:t,meta:s,btype:o,onBack:()=>{p(null),l()}});let a=async N=>{let c=await F(\"/budgets\",\"POST\",{...N,btype:o,project_id:Number(N.project_id)||null});m(null),p(c.id)};return g.length===0?e.createElement(\"div\",{className:\"text-center pt-20\"},e.createElement(\"div\",{className:\"text-xl font-bold text-[#37474f] mb-2\"},\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u0439\\u0442\\u0435 \",o===\"bdds\"?\"\\u0431\\u044E\\u0434\\u0436\\u0435\\u0442 \\u0434\\u0432\\u0438\\u0436\\u0435\\u043D\\u0438\\u044F \\u0434\\u0435\\u043D\\u0435\\u0433\":\"\\u0431\\u044E\\u0434\\u0436\\u0435\\u0442 \\u0434\\u043E\\u0445\\u043E\\u0434\\u043E\\u0432 \\u0438 \\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\\u043E\\u0432\"),e.createElement(\"div\",{className:\"text-sm text-gray-400 mb-4\"},\"\\u041F\\u043B\\u0430\\u043D\\u0438\\u0440\\u0443\\u0439\\u0442\\u0435 \",o===\"bdds\"?\"\\u043F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F \\u0438 \\u0432\\u044B\\u043F\\u043B\\u0430\\u0442\\u044B\":\"\\u0434\\u043E\\u0445\\u043E\\u0434\\u044B \\u0438 \\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\",\" \\u0432 \\u0432\\u0430\\u0448\\u0435\\u043C \\u0431\\u0438\\u0437\\u043D\\u0435\\u0441\\u0435.\",e.createElement(\"br\",null),\"\\u041E\\u0442\\u0441\\u043B\\u0435\\u0436\\u0438\\u0432\\u0430\\u0439\\u0442\\u0435 \\u0434\\u0438\\u043D\\u0430\\u043C\\u0438\\u043A\\u0443 \\u0438 \\u043E\\u0442\\u043A\\u043B\\u043E\\u043D\\u0435\\u043D\\u0438\\u0435 \\u043E\\u0442 \\u043F\\u043B\\u0430\\u043D\\u0430 \\u0432 \\u0440\\u0435\\u0436\\u0438\\u043C\\u0435 \\u0440\\u0435\\u0430\\u043B\\u044C\\u043D\\u043E\\u0433\\u043E \\u0432\\u0440\\u0435\\u043C\\u0435\\u043D\\u0438.\"),e.createElement(E,{onClick:()=>m({name:\"\",year:Z(),project_id:\"\"})},\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C\"),h&&e.createElement(st,{meta:s,modal:h,setModal:m,onCreate:a})):e.createElement(\"div\",null,e.createElement(\"div\",{className:\"mb-3\"},e.createElement(E,{onClick:()=>m({name:\"\",year:Z(),project_id:\"\"})},\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C\")),e.createElement(\"table\",{className:\"w-full text-sm bg-white rounded-lg shadow-sm\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3\"},\"\\u041D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435 \\u25BE\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0412\\u0430\\u043B\\u044E\\u0442\\u0430\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u041F\\u0435\\u0440\\u0438\\u043E\\u0434\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0414\\u0430\\u0442\\u0430 \\u0438\\u0437\\u043C\\u0435\\u043D\\u0435\\u043D\\u0438\\u044F\"),e.createElement(\"th\",{className:\"p-2\"}))),e.createElement(\"tbody\",null,g.map(N=>e.createElement(\"tr\",{key:N.id,className:\"border-t border-gray-50 hover:bg-slate-50 cursor-pointer\",onClick:()=>p(N.id)},e.createElement(\"td\",{className:\"p-2 pl-3 font-medium text-[#22313f]\"},N.name),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},\"RUB\"),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},N.project_name||\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},\"\\u042F\\u043D\\u0432 '\",String(N.year).slice(2),\" \\u2014 \\u0434\\u0435\\u043A '\",String(N.year).slice(2)),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},q(N.updated_at)),e.createElement(\"td\",{className:\"p-2 text-right\",onClick:c=>c.stopPropagation()},e.createElement(H,{icon:D.trash,danger:!0,onClick:async()=>{window.confirm(\"\\u0423\\u0434\\u0430\\u043B\\u0438\\u0442\\u044C \\u0431\\u044E\\u0434\\u0436\\u0435\\u0442?\")&&(await F(\"/budgets/\"+N.id,\"DELETE\"),l())}})))))),h&&e.createElement(st,{meta:s,modal:h,setModal:m,onCreate:a}))}function st({meta:s,modal:o,setModal:g,onCreate:i}){return e.createElement(X,{title:\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u043D\\u0438\\u0435 \\u0431\\u044E\\u0434\\u0436\\u0435\\u0442\\u0430\",onClose:()=>g(null)},e.createElement(M,{label:\"\\u041D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435 (\\u043D\\u0430\\u043F\\u0440\\u0438\\u043C\\u0435\\u0440: \\u041E\\u0442\\u0434\\u0435\\u043B \\u043F\\u0440\\u043E\\u0434\\u0430\\u0436)\"},e.createElement(B,{value:o.name,onChange:t=>g({...o,name:t.target.value})})),e.createElement(\"div\",{className:\"grid grid-cols-2 gap-x-4\"},e.createElement(M,{label:\"\\u0413\\u043E\\u0434\"},e.createElement(L,{value:o.year,onChange:t=>g({...o,year:t.target.value})},[0,1,-1].map(t=>{let p=String(Number(Z())+t);return e.createElement(\"option\",{key:p,value:p},p)}))),e.createElement(M,{label:\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442 (\\u043D\\u0435\\u043E\\u0431\\u044F\\u0437\\u0430\\u0442\\u0435\\u043B\\u044C\\u043D\\u043E)\"},e.createElement(L,{value:o.project_id,onChange:t=>g({...o,project_id:t.target.value})},e.createElement(\"option\",{value:\"\"},\"\\u0411\\u0435\\u0437 \\u043F\\u0440\\u043E\\u0435\\u043A\\u0442\\u0430\"),(s.projects||[]).map(t=>e.createElement(\"option\",{key:t.id,value:t.id},t.name))))),e.createElement(\"div\",{className:\"flex justify-end gap-2\"},e.createElement(E,{kind:\"ghost\",onClick:()=>g(null)},\"\\u041E\\u0442\\u043C\\u0435\\u043D\\u0430\"),e.createElement(E,{onClick:()=>{if(!o.name)return alert(\"\\u0423\\u043A\\u0430\\u0436\\u0438\\u0442\\u0435 \\u043D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435\");i(o)}},\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C\")))}function Se({tab:s,meta:o}){return e.createElement(\"div\",{className:\"p-6\"},e.createElement(ae,null,{cal:\"\\u041F\\u043B\\u0430\\u0442\\u0451\\u0436\\u043D\\u044B\\u0439 \\u043A\\u0430\\u043B\\u0435\\u043D\\u0434\\u0430\\u0440\\u044C\",bdr:\"\\u0411\\u044E\\u0434\\u0436\\u0435\\u0442 \\u0434\\u043E\\u0445\\u043E\\u0434\\u043E\\u0432 \\u0438 \\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\\u043E\\u0432\",bdds:\"\\u0411\\u044E\\u0434\\u0436\\u0435\\u0442 \\u0434\\u0432\\u0438\\u0436\\u0435\\u043D\\u0438\\u044F \\u0434\\u0435\\u043D\\u0435\\u0433\"}[s]),s===\"cal\"&&e.createElement(gt,null),s===\"bdr\"&&e.createElement(tt,{meta:o,btype:\"bdr\"}),s===\"bdds\"&&e.createElement(tt,{meta:o,btype:\"bdds\"}))}function bt({meta:s}){let[o,g]=C(Z()),[i,t]=C(null);if(W(()=>{F(`/report/cashflow?from=${o}-01-01&to=${o}-12-31`).then(t)},[o]),!i)return e.createElement(\"div\",{className:\"text-gray-400 text-sm\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");let p=ge(o),h={},m={};for(let n of i.by_category){let r=n.category_id?he(s.categories,n.category_id):null,f=r?\"c\"+r.id:\"none_\"+n.op_type;h[f]={name:r?r.name:\"\\u041D\\u0435\\u0440\\u0430\\u0441\\u043F\\u0440\\u0435\\u0434\\u0435\\u043B\\u0435\\u043D\\u043D\\u044B\\u0435\",kind:n.op_type},(m[f]=m[f]||{})[n.m]=(m[f][n.m]||0)+Number(n.s)}let l=n=>Object.entries(h).filter(([,r])=>r.kind===n),a=(n,r)=>l(n).reduce((f,[d])=>f+Number((m[d]||{})[r]||0),0),N={};for(let n of i.transfers)N[n.m]=Number(n.s);let c={};for(let n of i.net_by_month)c[n.m]=Number(n.net);let x=Object.keys(c).sort(),w=n=>{let r=Number(i.start_total||0);for(let f of x)f<=n&&(r+=c[f]);return r},u=({v:n,cls:r})=>e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap \"+(r||\"\")},n?A(n):\"\\u2014\");return e.createElement(\"div\",null,e.createElement(\"div\",{className:\"mb-3\"},e.createElement(ye,{value:o,onChange:g})),e.createElement(\"div\",{className:\"overflow-x-auto bg-white rounded-lg shadow-sm\"},e.createElement(\"table\",{className:\"text-sm min-w-full\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3 text-left sticky left-0 bg-white\"},\"\\u041F\\u043E \\u0441\\u0442\\u0430\\u0442\\u044C\\u044F\\u043C \\u0443\\u0447\\u0451\\u0442\\u0430\"),p.map(n=>e.createElement(\"th\",{key:n,className:\"p-2 text-right\"},R(n))),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0418\\u0442\\u043E\\u0433\\u043E\"))),e.createElement(\"tbody\",null,e.createElement(\"tr\",{className:\"bg-slate-50 font-semibold border-t border-gray-100\"},e.createElement(\"td\",{className:\"p-2 pl-3 sticky left-0 bg-slate-50\"},\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F\"),p.map(n=>e.createElement(u,{key:n,v:a(\"income\",n),cls:\"text-emerald-600\"})),e.createElement(u,{v:p.reduce((n,r)=>n+a(\"income\",r),0),cls:\"text-emerald-600\"})),l(\"income\").map(([n,r])=>e.createElement(\"tr\",{key:n,className:\"border-t border-gray-50\"},e.createElement(\"td\",{className:\"p-2 pl-6 text-gray-600 sticky left-0 bg-white\"},r.name),p.map(f=>e.createElement(u,{key:f,v:(m[n]||{})[f]})),e.createElement(u,{v:p.reduce((f,d)=>f+Number((m[n]||{})[d]||0),0)}))),e.createElement(\"tr\",{className:\"bg-slate-50 font-semibold border-t border-gray-100\"},e.createElement(\"td\",{className:\"p-2 pl-3 sticky left-0 bg-slate-50\"},\"\\u0412\\u044B\\u043F\\u043B\\u0430\\u0442\\u044B\"),p.map(n=>e.createElement(u,{key:n,v:a(\"expense\",n),cls:\"text-rose-500\"})),e.createElement(u,{v:p.reduce((n,r)=>n+a(\"expense\",r),0),cls:\"text-rose-500\"})),l(\"expense\").map(([n,r])=>e.createElement(\"tr\",{key:n,className:\"border-t border-gray-50\"},e.createElement(\"td\",{className:\"p-2 pl-6 text-gray-600 sticky left-0 bg-white\"},r.name),p.map(f=>e.createElement(u,{key:f,v:(m[n]||{})[f]})),e.createElement(u,{v:p.reduce((f,d)=>f+Number((m[n]||{})[d]||0),0)}))),e.createElement(\"tr\",{className:\"border-t border-gray-100\"},e.createElement(\"td\",{className:\"p-2 pl-3 text-gray-600 sticky left-0 bg-white\"},\"\\u041F\\u0435\\u0440\\u0435\\u043C\\u0435\\u0449\\u0435\\u043D\\u0438\\u044F\"),p.map(n=>e.createElement(u,{key:n,v:N[n],cls:\"text-gray-500\"})),e.createElement(u,{v:Object.values(N).reduce((n,r)=>n+r,0),cls:\"text-gray-500\"})),e.createElement(\"tr\",{className:\"bg-slate-100 font-bold border-t border-gray-200\"},e.createElement(\"td\",{className:\"p-2 pl-3 sticky left-0 bg-slate-100\"},\"\\u041E\\u0431\\u0449\\u0438\\u0439 \\u0434\\u0435\\u043D\\u0435\\u0436\\u043D\\u044B\\u0439 \\u043F\\u043E\\u0442\\u043E\\u043A\"),p.map(n=>{let r=a(\"income\",n)-a(\"expense\",n);return e.createElement(u,{key:n,v:r,cls:r<0?\"text-rose-600\":\"\"})}),(()=>{let n=p.reduce((r,f)=>r+a(\"income\",f)-a(\"expense\",f),0);return e.createElement(u,{v:n,cls:n<0?\"text-rose-600\":\"\"})})()),e.createElement(\"tr\",{className:\"font-semibold border-t border-gray-100\"},e.createElement(\"td\",{className:\"p-2 pl-3 sticky left-0 bg-white\"},\"\\u041E\\u0441\\u0442\\u0430\\u0442\\u043A\\u0438 \\u043D\\u0430 \\u043A\\u043E\\u043D\\u0435\\u0446 \\u043F\\u0435\\u0440\\u0438\\u043E\\u0434\\u0430\"),p.map(n=>e.createElement(u,{key:n,v:w(n)})),e.createElement(u,{v:w(p[11])}))))))}function vt(s,o){let g=(s?.name||\"\").toLowerCase();return o===\"income\"?g.includes(\"\\u043F\\u0440\\u043E\\u0447\\u0438\\u0435\")?\"oi\":\"rev\":g.includes(\"\\u043F\\u043E\\u0441\\u0442\\u043E\\u044F\\u043D\\u043D\\u044B\\u0435\")?\"fix\":g.includes(\"\\u043D\\u0430\\u043B\\u043E\\u0433\")?\"tax\":g.includes(\"\\u043A\\u0440\\u0435\\u0434\\u0438\\u0442\")||g.includes(\"\\u043E\\u0432\\u0435\\u0440\\u0434\\u0440\\u0430\\u0444\\u0442\")?\"int\":g.includes(\"\\u0434\\u0438\\u0432\\u0438\\u0434\\u0435\\u043D\\u0434\")?\"div\":g.includes(\"\\u043D\\u0435\\u0440\\u0430\\u0441\\u043F\\u0440\\u0435\\u0434\\u0435\\u043B\\u0435\\u043D\")||g.includes(\"\\u043F\\u0440\\u043E\\u0447\\u0438\\u0435\")?\"oe\":\"var\"}function ft({meta:s}){let[o,g]=C(Z()),[i,t]=C(\"accrual\"),[p,h]=C(null);if(W(()=>{F(`/report/cashflow?from=${o}-01-01&to=${o}-12-31`).then(h)},[o]),!p)return e.createElement(\"div\",{className:\"text-gray-400 text-sm\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");let m=ge(o),l={rev:{},oi:{},var:{},fix:{},tax:{},int:{},oe:{},div:{}};for(let r of p.by_category){let f=r.category_id?he(s.categories,r.category_id):null,d=vt(f,r.op_type);l[d][r.m]=(l[d][r.m]||0)+Number(r.s)}let a={};for(let r of p.shipments_by_month||[])a[r.m]=Number(r.s);let N=(r,f)=>Number(l[r][f]||0),c=r=>i===\"accrual\"&&Object.keys(a).length?a[r]||0:N(\"rev\",r),x=r=>{let f=c(r),d=N(\"var\",r),k=f-d,P=N(\"fix\",r),j=k-P,S=N(\"oi\",r),v=N(\"oe\",r),y=j+S-v,T=y,z=N(\"int\",r),U=T-z,V=N(\"tax\",r),ee=U-V;return{rev:f,var:d,marg:k,margP:f?k/f*100:0,fix:P,oper:j,operP:f?j/f*100:0,oi:S,oe:v,ebitda:y,ebitdaP:f?y/f*100:0,dep:0,ebit:T,ebitP:f?T/f*100:0,int:z,ebt:U,ebtP:f?U/f*100:0,tax:V,np:ee}},w={};for(let r of m){let f=x(r);for(let d in f)w[d]=(w[d]||0)+f[d]}for(let r of[\"margP\",\"operP\",\"ebitdaP\",\"ebitP\",\"ebtP\"])w[r]=w.rev?w[r.slice(0,-1)]/w.rev*100:0;let u=[[\"rev\",\"\\u0412\\u044B\\u0440\\u0443\\u0447\\u043A\\u0430\",\"\",!1],[\"var\",\"\\u041F\\u0435\\u0440\\u0435\\u043C\\u0435\\u043D\\u043D\\u044B\\u0435 \\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\",\"\",!1],[\"marg\",\"\\u041C\\u0430\\u0440\\u0436\\u0438\\u043D\\u0430\\u043B\\u044C\\u043D\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C\",\"font-semibold\",!1],[\"margP\",\"\\u041C\\u0430\\u0440\\u0436\\u0438\\u043D\\u0430\\u043B\\u044C\\u043D\\u043E\\u0441\\u0442\\u044C\",\"\",!0],[\"fix\",\"\\u041F\\u043E\\u0441\\u0442\\u043E\\u044F\\u043D\\u043D\\u044B\\u0435 \\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\",\"\",!1],[\"oper\",\"\\u041E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u043E\\u043D\\u043D\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C\",\"font-semibold\",!1],[\"operP\",\"\\u041E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u043E\\u043D\\u043D\\u0430\\u044F \\u0440\\u0435\\u043D\\u0442\\u0430\\u0431\\u0435\\u043B\\u044C\\u043D\\u043E\\u0441\\u0442\\u044C\",\"\",!0],[\"oi\",\"\\u041F\\u0440\\u043E\\u0447\\u0438\\u0435 \\u0434\\u043E\\u0445\\u043E\\u0434\\u044B\",\"\",!1],[\"oe\",\"\\u041F\\u0440\\u043E\\u0447\\u0438\\u0435 \\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\",\"\",!1],[\"ebitda\",\"EBITDA\",\"font-semibold\",!1],[\"ebitdaP\",\"\\u0420\\u0435\\u043D\\u0442\\u0430\\u0431\\u0435\\u043B\\u044C\\u043D\\u043E\\u0441\\u0442\\u044C \\u043F\\u043E EBITDA\",\"\",!0],[\"dep\",\"\\u0410\\u043C\\u043E\\u0440\\u0442\\u0438\\u0437\\u0430\\u0446\\u0438\\u044F\",\"\",!1],[\"ebit\",\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C \\u0434\\u043E \\u043F\\u0440\\u043E\\u0446\\u0435\\u043D\\u0442\\u043E\\u0432 \\u0438 \\u043D\\u0430\\u043B\\u043E\\u0433\\u043E\\u0432 (EBIT)\",\"font-semibold\",!1],[\"ebitP\",\"\\u0420\\u0435\\u043D\\u0442\\u0430\\u0431\\u0435\\u043B\\u044C\\u043D\\u043E\\u0441\\u0442\\u044C \\u043F\\u043E EBIT\",\"\",!0],[\"int\",\"\\u041F\\u0440\\u043E\\u0446\\u0435\\u043D\\u0442\\u044B \\u043F\\u043E \\u043A\\u0440\\u0435\\u0434\\u0438\\u0442\\u0430\\u043C \\u0438 \\u0437\\u0430\\u0439\\u043C\\u0430\\u043C\",\"\",!1],[\"ebt\",\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C \\u0434\\u043E \\u043D\\u0430\\u043B\\u043E\\u0433\\u043E\\u0432 (EBT)\",\"font-semibold\",!1],[\"ebtP\",\"\\u0420\\u0435\\u043D\\u0442\\u0430\\u0431\\u0435\\u043B\\u044C\\u043D\\u043E\\u0441\\u0442\\u044C \\u043F\\u043E EBT\",\"\",!0],[\"tax\",\"\\u041D\\u0430\\u043B\\u043E\\u0433 \\u043D\\u0430 \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C (\\u0434\\u043E\\u0445\\u043E\\u0434\\u044B)\",\"\",!1],[\"np\",\"\\u0427\\u0438\\u0441\\u0442\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C (\\u0443\\u0431\\u044B\\u0442\\u043E\\u043A)\",\"font-bold\",!1]],n=(r,f)=>f?r?r.toFixed(1)+\"%\":\"\\u2014\":r?A(r):\"\\u2014\";return e.createElement(\"div\",null,e.createElement(\"div\",{className:\"flex items-center gap-3 mb-3\"},e.createElement(ye,{value:o,onChange:g}),e.createElement(\"label\",{className:\"text-xs text-gray-400\"},\"\\u0423\\u0447\\u0435\\u0442\",e.createElement(\"br\",null),e.createElement(L,{value:i,onChange:r=>t(r.target.value),className:\"!w-44\"},e.createElement(\"option\",{value:\"accrual\"},\"\\u041C\\u0435\\u0442\\u043E\\u0434 \\u043D\\u0430\\u0447\\u0438\\u0441\\u043B\\u0435\\u043D\\u0438\\u044F\"),e.createElement(\"option\",{value:\"cash\"},\"\\u041A\\u0430\\u0441\\u0441\\u043E\\u0432\\u044B\\u0439 \\u043C\\u0435\\u0442\\u043E\\u0434\"))),e.createElement(\"div\",{className:\"text-xs text-gray-400\"},\"\\u043D\\u0430\\u0447\\u0438\\u0441\\u043B\\u0435\\u043D\\u0438\\u0435: \\u0432\\u044B\\u0440\\u0443\\u0447\\u043A\\u0430 \\u043F\\u043E \\u043E\\u0442\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u043C \\u0432 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0430\\u0445\")),e.createElement(\"div\",{className:\"overflow-x-auto bg-white rounded-lg shadow-sm\"},e.createElement(\"table\",{className:\"text-sm min-w-full\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3 text-left sticky left-0 bg-white\"},\"\\u041F\\u043E \\u0441\\u0442\\u0430\\u0442\\u044C\\u044F\\u043C \\u0443\\u0447\\u0435\\u0442\\u0430\"),m.map(r=>e.createElement(\"th\",{key:r,className:\"p-2 text-right\"},R(r))),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0418\\u0442\\u043E\\u0433\\u043E\"))),e.createElement(\"tbody\",null,u.map(([r,f,d,k])=>e.createElement(\"tr\",{key:r,className:\"border-t border-gray-50 \"+(d.includes(\"font\")?\"bg-slate-50\":\"\")},e.createElement(\"td\",{className:\"p-2 pl-3 sticky left-0 bg-inherit whitespace-nowrap \"+d},f),m.map(P=>{let j=x(P)[r];return e.createElement(\"td\",{key:P,className:\"p-2 text-right whitespace-nowrap \"+d+(j<0?\" text-rose-600\":\"\")},n(j,k))}),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap font-semibold \"+(w[r]<0?\"text-rose-600\":\"\")},n(w[r],k))))))))}function yt({meta:s}){let[o,g]=C(Z()),[i,t]=C(null);if(W(()=>{F(`/report/cashflow?from=${o}-01-01&to=${o}-12-31`).then(t)},[o]),!i)return e.createElement(\"div\",{className:\"text-gray-400 text-sm\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");let p=Y().slice(0,7),h=ge(o).filter(n=>n<=p).slice(-3),m={};for(let n of i.net_by_month)m[n.m]=Number(n.net);let l={};for(let n of i.shipments_by_month||[])l[n.m]=Number(n.s);let a={};for(let n of i.deal_income_by_month||[])a[n.m]=Number(n.s);let N=[...new Set([...Object.keys(m),...Object.keys(l),...Object.keys(a)])].sort(),c=n=>{let r=Number(i.start_total||0);for(let f of N)f<=n&&m[f]&&(r+=m[f]);return r},x=(n,r)=>N.reduce((f,d)=>d<=r&&n[d]?f+n[d]:f,0),w=n=>{let r=c(n),f=x(l,n),d=x(a,n),k=Math.max(0,f-d),P=Math.max(0,d-f),j=r+k,S=j-P;return{receivable:k,cash:r,assetsCur:j,assets:j,payable:P,shortTerm:P,capital:S,retained:S,liabilities:P+S}},u=({label:n,k:r,lvl:f=0,bold:d})=>e.createElement(\"tr\",{className:\"border-t border-gray-50 \"+(d?\"font-semibold bg-slate-50\":\"\")},e.createElement(\"td\",{className:\"p-2 whitespace-nowrap sticky left-0 bg-inherit\",style:{paddingLeft:12+f*16}},n),h.map(k=>{let P=w(k)[r];return e.createElement(\"td\",{key:k,className:\"p-2 text-right whitespace-nowrap \"+(P<0?\"text-rose-600\":\"\")},P?A(P):\"\\u2014\")}));return e.createElement(\"div\",null,e.createElement(\"div\",{className:\"flex items-center gap-3 mb-3\"},e.createElement(ye,{value:o,onChange:g}),e.createElement(\"div\",{className:\"text-xs text-gray-400\"},\"\\u0443\\u043F\\u0440\\u0430\\u0432\\u043B\\u0435\\u043D\\u0447\\u0435\\u0441\\u043A\\u0438\\u0439 \\u0431\\u0430\\u043B\\u0430\\u043D\\u0441 \\u043F\\u043E \\u0434\\u0430\\u043D\\u043D\\u044B\\u043C \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0439 \\u0438 \\u043E\\u0442\\u0433\\u0440\\u0443\\u0437\\u043E\\u043A (\\u043F\\u043E\\u0441\\u043B\\u0435\\u0434\\u043D\\u0438\\u0435 3 \\u043C\\u0435\\u0441\\u044F\\u0446\\u0430)\")),e.createElement(\"div\",{className:\"overflow-x-auto bg-white rounded-lg shadow-sm max-w-3xl\"},e.createElement(\"table\",{className:\"text-sm min-w-full\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3 text-left sticky left-0 bg-white\"},\"\\u0421\\u0442\\u0430\\u0442\\u044C\\u0438 \\u0431\\u0430\\u043B\\u0430\\u043D\\u0441\\u0430\"),h.map(n=>e.createElement(\"th\",{key:n,className:\"p-2 text-right min-w-[130px]\"},R(n))))),e.createElement(\"tbody\",null,e.createElement(\"tr\",{className:\"bg-slate-50 font-bold\"},e.createElement(\"td\",{colSpan:4,className:\"p-2 pl-3\"},\"\\u0410\\u043A\\u0442\\u0438\\u0432\\u044B\")),e.createElement(u,{label:\"\\u041E\\u0431\\u043E\\u0440\\u043E\\u0442\\u043D\\u044B\\u0435 \\u0430\\u043A\\u0442\\u0438\\u0432\\u044B\",k:\"assetsCur\",lvl:1,bold:!0}),e.createElement(u,{label:\"\\u0414\\u0435\\u0431\\u0438\\u0442\\u043E\\u0440\\u0441\\u043A\\u0430\\u044F \\u0437\\u0430\\u0434\\u043E\\u043B\\u0436\\u0435\\u043D\\u043D\\u043E\\u0441\\u0442\\u044C\",k:\"receivable\",lvl:2}),e.createElement(u,{label:\"\\u0414\\u0435\\u043D\\u0435\\u0436\\u043D\\u044B\\u0435 \\u0441\\u0440\\u0435\\u0434\\u0441\\u0442\\u0432\\u0430\",k:\"cash\",lvl:2}),e.createElement(u,{label:\"\\u0418\\u0422\\u041E\\u0413\\u041E \\u0410\\u041A\\u0422\\u0418\\u0412\\u042B\",k:\"assets\",bold:!0}),e.createElement(\"tr\",{className:\"bg-slate-50 font-bold\"},e.createElement(\"td\",{colSpan:4,className:\"p-2 pl-3\"},\"\\u041F\\u0430\\u0441\\u0441\\u0438\\u0432\\u044B\")),e.createElement(u,{label:\"\\u041A\\u0440\\u0430\\u0442\\u043A\\u043E\\u0441\\u0440\\u043E\\u0447\\u043D\\u044B\\u0435 \\u043E\\u0431\\u044F\\u0437\\u0430\\u0442\\u0435\\u043B\\u044C\\u0441\\u0442\\u0432\\u0430\",k:\"shortTerm\",lvl:1,bold:!0}),e.createElement(u,{label:\"\\u041A\\u0440\\u0435\\u0434\\u0438\\u0442\\u043E\\u0440\\u0441\\u043A\\u0430\\u044F \\u0437\\u0430\\u0434\\u043E\\u043B\\u0436\\u0435\\u043D\\u043D\\u043E\\u0441\\u0442\\u044C (\\u0430\\u0432\\u0430\\u043D\\u0441\\u044B)\",k:\"payable\",lvl:2}),e.createElement(u,{label:\"\\u041A\\u0430\\u043F\\u0438\\u0442\\u0430\\u043B\",k:\"capital\",lvl:1,bold:!0}),e.createElement(u,{label:\"\\u041D\\u0435\\u0440\\u0430\\u0441\\u043F\\u0440\\u0435\\u0434\\u0435\\u043B\\u0435\\u043D\\u043D\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C\",k:\"retained\",lvl:2}),e.createElement(u,{label:\"\\u0418\\u0422\\u041E\\u0413\\u041E \\u041F\\u0410\\u0421\\u0421\\u0418\\u0412\\u042B\",k:\"liabilities\",bold:!0})))))}function Te({tab:s,meta:o}){return e.createElement(\"div\",{className:\"p-6\"},e.createElement(ae,null,{dds:\"\\u041E\\u0442\\u0447\\u0451\\u0442 \\u043E \\u0434\\u0432\\u0438\\u0436\\u0435\\u043D\\u0438\\u0438 \\u0434\\u0435\\u043D\\u0435\\u0436\\u043D\\u044B\\u0445 \\u0441\\u0440\\u0435\\u0434\\u0441\\u0442\\u0432\",pl:\"\\u041E\\u0442\\u0447\\u0451\\u0442 \\u043E \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044F\\u0445 \\u0438 \\u0443\\u0431\\u044B\\u0442\\u043A\\u0430\\u0445\",bal:\"\\u0411\\u0430\\u043B\\u0430\\u043D\\u0441\\u043E\\u0432\\u044B\\u0439 \\u043E\\u0442\\u0447\\u0451\\u0442\"}[s]),s===\"dds\"&&e.createElement(bt,{meta:o}),s===\"pl\"&&e.createElement(ft,{meta:o}),s===\"bal\"&&e.createElement(yt,{meta:o}))}var Nt={contractors:\"\\u041A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442\\u044B\",categories:\"\\u0423\\u0447\\u0451\\u0442\\u043D\\u044B\\u0435 \\u0441\\u0442\\u0430\\u0442\\u044C\\u0438\",accounts:\"\\u041C\\u043E\\u0438 \\u0441\\u0447\\u0435\\u0442\\u0430\",les:\"\\u041C\\u043E\\u0438 \\u044E\\u0440\\u043B\\u0438\\u0446\\u0430\",products:\"\\u0422\\u043E\\u0432\\u0430\\u0440\\u044B\",services:\"\\u0423\\u0441\\u043B\\u0443\\u0433\\u0438\"};function pe({tab:s,meta:o,refreshMeta:g}){let[i,t]=C(null),p=async(a,N)=>{if(!window.confirm(\"\\u0423\\u0434\\u0430\\u043B\\u0438\\u0442\\u044C?\"))return;let c=await F(`/${a}/${N}`,\"DELETE\");c.error?alert(c.error):g()},h=Object.fromEntries((o.legal_entities||[]).map(a=>[a.id,a.name])),m=(o.products||[]).filter(a=>s===\"products\"?a.ptype===\"product\":a.ptype===\"service\"),l={contractors:{type:\"contractors\"},categories:{type:\"categories\"},accounts:{type:\"accounts\"},les:{type:\"legal-entities\"},products:{type:\"products\",data0:{ptype:\"product\"}},services:{type:\"products\",data0:{ptype:\"service\"}}};return e.createElement(\"div\",{className:\"p-6\"},e.createElement(ae,{right:e.createElement(E,{onClick:()=>t(l[s])},\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C\")},Nt[s]),s===\"accounts\"&&e.createElement(\"table\",{className:\"w-full text-sm bg-white rounded-lg shadow-sm\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3\"},\"\\u041D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u042E\\u0440\\u043B\\u0438\\u0446\\u043E\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0413\\u0440\\u0443\\u043F\\u043F\\u0430\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0422\\u0438\\u043F\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0411\\u0430\\u043D\\u043A\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u041D\\u0430\\u0447\\u0430\\u043B\\u044C\\u043D\\u044B\\u0439 \\u043E\\u0441\\u0442\\u0430\\u0442\\u043E\\u043A\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0422\\u0435\\u043A\\u0443\\u0449\\u0438\\u0439 \\u043E\\u0441\\u0442\\u0430\\u0442\\u043E\\u043A\"),e.createElement(\"th\",{className:\"p-2\"}))),e.createElement(\"tbody\",null,o.accounts.map(a=>e.createElement(\"tr\",{key:a.id,className:\"border-t border-gray-50 \"+(a.active?\"\":\"opacity-40\")},e.createElement(\"td\",{className:\"p-2 pl-3 font-medium text-[#22313f]\"},a.name),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},h[a.legal_entity_id]||\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},a.grp||\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},a.acc_type),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},a.bank||\"\\u2014\",e.createElement(\"div\",{className:\"text-xs text-gray-400\"},a.number)),e.createElement(\"td\",{className:\"p-2 text-right text-gray-600 whitespace-nowrap\"},O(a.start_balance),e.createElement(\"div\",{className:\"text-xs text-gray-400\"},q(a.start_date))),e.createElement(\"td\",{className:\"p-2 text-right font-medium whitespace-nowrap \"+(a.balance<0?\"text-rose-600\":\"text-[#22313f]\")},O(a.balance)),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},e.createElement(H,{icon:D.edit,onClick:()=>t({type:\"accounts\",data:a})}),e.createElement(H,{icon:D.trash,danger:!0,onClick:()=>p(\"accounts\",a.id)}))))),e.createElement(\"tfoot\",null,e.createElement(\"tr\",{className:\"border-t border-gray-100 font-semibold\"},e.createElement(\"td\",{className:\"p-2 pl-3\",colSpan:6},o.accounts.length,\" \\u0441\\u0447\\u0435\\u0442\\u043E\\u0432 \\xB7 \\u0422\\u0435\\u043A\\u0443\\u0449\\u0438\\u0439 \\u043E\\u0441\\u0442\\u0430\\u0442\\u043E\\u043A:\"),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},O(o.total_balance)),e.createElement(\"td\",null)))),s===\"contractors\"&&e.createElement(wt,{meta:o,onEdit:a=>t({type:\"contractors\",data:a}),onDel:a=>p(\"contractors\",a)}),s===\"categories\"&&e.createElement(kt,{meta:o,onEdit:a=>t({type:\"categories\",data:a}),onDel:a=>p(\"categories\",a)}),s===\"les\"&&e.createElement(\"table\",{className:\"w-full text-sm bg-white rounded-lg shadow-sm max-w-3xl\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3\"},\"\\u041D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0418\\u041D\\u041D\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0421\\u0447\\u0435\\u0442\\u043E\\u0432\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u041A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0439\"),e.createElement(\"th\",{className:\"p-2\"}))),e.createElement(\"tbody\",null,(o.legal_entities||[]).map(a=>e.createElement(\"tr\",{key:a.id,className:\"border-t border-gray-50\"},e.createElement(\"td\",{className:\"p-2 pl-3 font-medium text-[#22313f]\"},a.name),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},a.inn||\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},o.accounts.filter(N=>N.legal_entity_id===a.id).length),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},a.comment||\"\"),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},e.createElement(H,{icon:D.edit,onClick:()=>t({type:\"legal-entities\",data:a})}),e.createElement(H,{icon:D.trash,danger:!0,onClick:()=>p(\"legal-entities\",a.id)})))))),(s===\"products\"||s===\"services\")&&e.createElement(\"table\",{className:\"w-full text-sm bg-white rounded-lg shadow-sm max-w-3xl\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3\"},\"\\u041D\\u0430\\u0438\\u043C\\u0435\\u043D\\u043E\\u0432\\u0430\\u043D\\u0438\\u0435\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0415\\u0434\\u0438\\u043D\\u0438\\u0446\\u0430\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0426\\u0435\\u043D\\u0430, \\u20BD\"),e.createElement(\"th\",{className:\"p-2\"}))),e.createElement(\"tbody\",null,m.map(a=>e.createElement(\"tr\",{key:a.id,className:\"border-t border-gray-50\"},e.createElement(\"td\",{className:\"p-2 pl-3 font-medium text-[#22313f]\"},a.name),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},a.unit),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},Number(a.price)?O(a.price):\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},e.createElement(H,{icon:D.edit,onClick:()=>t({type:\"products\",data:a})}),e.createElement(H,{icon:D.trash,danger:!0,onClick:()=>p(\"products\",a.id)})))),m.length===0&&e.createElement(\"tr\",null,e.createElement(\"td\",{colSpan:4,className:\"p-6 text-center text-gray-400\"},\"\\u041F\\u043E\\u043A\\u0430 \\u043F\\u0443\\u0441\\u0442\\u043E \\u2014 \\u043D\\u0430\\u0436\\u043C\\u0438\\u0442\\u0435 \\xAB\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C\\xBB\")))),i&&e.createElement(_t,{modal:i,meta:o,onClose:()=>t(null),onSaved:g}))}function wt({meta:s,onEdit:o,onDel:g}){let[i,t]=C([]);W(()=>{F(\"/contractors/stats\").then(t)},[s.contractors]);let p=l=>{let a=Number(l.income),N=Number(l.expense);return a&&N?\"\\u0421\\u043C\\u0435\\u0448\\u0430\\u043D\\u043D\\u044B\\u0439\":a?\"\\u041F\\u043B\\u0430\\u0442\\u0435\\u043B\\u044C\\u0449\\u0438\\u043A\":N?\"\\u041F\\u043E\\u043B\\u0443\\u0447\\u0430\\u0442\\u0435\\u043B\\u044C\":\"\\u2014\"},h=i.reduce((l,a)=>l+Number(a.income),0),m=i.reduce((l,a)=>l+Number(a.expense),0);return e.createElement(\"div\",null,e.createElement(\"table\",{className:\"w-full text-sm bg-white rounded-lg shadow-sm\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3\"},\"\\u041A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442 \\u25B4\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0422\\u0438\\u043F\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0413\\u0440\\u0443\\u043F\\u043F\\u0430\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0418\\u041D\\u041D\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u041E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0439\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F, \\u20BD\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0412\\u044B\\u043F\\u043B\\u0430\\u0442\\u044B, \\u20BD\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0420\\u0430\\u0437\\u043D\\u0438\\u0446\\u0430, \\u20BD\"),e.createElement(\"th\",{className:\"p-2\"}))),e.createElement(\"tbody\",null,i.map(l=>{let a=Number(l.income)-Number(l.expense);return e.createElement(\"tr\",{key:l.id,className:\"border-t border-gray-50 hover:bg-slate-50\"},e.createElement(\"td\",{className:\"p-2 pl-3 font-medium text-[#22313f]\"},l.name),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},p(l)),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},l.grp||\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},l.inn||\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-right text-gray-600\"},l.n),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},Number(l.income)?O(l.income):\"0.00\"),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},Number(l.expense)?O(l.expense):\"0.00\"),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap font-medium \"+(a>0?\"text-emerald-600\":a<0?\"text-rose-500\":\"text-gray-500\")},a>0?\"+\":\"\",O(a)),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},e.createElement(H,{icon:D.edit,onClick:()=>o(s.contractors.find(N=>N.id===l.id)||l)}),e.createElement(H,{icon:D.trash,danger:!0,onClick:()=>g(l.id)})))}))),e.createElement(\"div\",{className:\"text-xs text-gray-500 mt-2 flex gap-4\"},e.createElement(\"span\",null,i.length,\" \\u043A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442\\u043E\\u0432\"),e.createElement(\"span\",null,\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F: \",e.createElement(\"b\",null,O(h))),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:h-m>=0?\"text-emerald-600\":\"text-rose-500\"},h-m>=0?\"+\":\"\",O(h-m)))))}function kt({meta:s,onEdit:o,onDel:g}){let[i,t]=C(\"income\"),p=de(s.categories,i);return e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4 max-w-2xl\"},e.createElement(me,{tabs:[[\"income\",\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B\"],[\"expense\",\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\"]],value:i,onChange:t}),e.createElement(\"div\",{className:\"mt-3\"}),p.map(h=>e.createElement(\"div\",{key:h.id,className:\"flex items-center justify-between py-1.5 border-b border-gray-50 text-sm\",style:{paddingLeft:h.depth*20}},e.createElement(\"span\",{className:h.depth===0?\"font-medium text-[#22313f]\":\"text-gray-600\"},h.name),e.createElement(\"span\",{className:\"whitespace-nowrap\"},e.createElement(H,{icon:D.edit,onClick:()=>o(h)}),e.createElement(H,{icon:D.trash,danger:!0,onClick:()=>g(h.id)})))))}function _t({modal:s,meta:o,onClose:g,onSaved:i}){let{type:t,data:p,data0:h}=s,[m,l]=C(p||(t===\"accounts\"?{name:\"\",acc_type:\"\\u0411\\u0435\\u0437\\u043D\\u0430\\u043B\\u0438\\u0447\\u043D\\u044B\\u0439\",bank:\"\",number:\"\",grp:\"\",start_balance:\"\",start_date:Y(),legal_entity_id:(o.legal_entities[0]||{}).id||\"\"}:t===\"contractors\"?{name:\"\",grp:\"\",inn:\"\",comment:\"\"}:t===\"legal-entities\"?{name:\"\",inn:\"\",comment:\"\"}:t===\"products\"?{name:\"\",ptype:(h||{}).ptype||\"service\",unit:\"\\u0448\\u0442\",price:\"\"}:{name:\"\",kind:\"income\",parent_id:\"\"})),a=(x,w)=>l(u=>({...u,[x]:w})),N=async()=>{if(!m.name)return alert(\"\\u0423\\u043A\\u0430\\u0436\\u0438\\u0442\\u0435 \\u043D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435\");let x=\"/\"+t+(m.id?\"/\"+m.id:\"\"),w=await F(x,m.id?\"PUT\":\"POST\",{...m,parent_id:m.parent_id?Number(m.parent_id):null,active:m.active",[],[145,193],"aec4054a-81e6-4dbb-a9db-c826e5c2528f","app.part1.txt","14f5557a-9d40-11f1-a464-1607ee4eb77e",40,["D",1787307665922],"import{createRoot as Ct}from\"https://esm.sh/react-dom@18.2.0/client\";import e,{useEffect as W,useMemo as Pt,useState as C}from\"https://esm.sh/react@18.2.0\";var je=\"ufin_pin\",Oe=()=>{try{return localStorage.getItem(je)||\"\"}catch{return\"\"}},ce=s=>{try{s?localStorage.setItem(je,s):localStorage.removeItem(je)}catch{}},We=()=>{},qe=s=>{We=s};async function F(s,o=\"GET\",g){let i=await fetch(\"/api\"+s,{method:o,headers:{\"content-type\":\"application/json\",\"x-pin\":Oe()},body:g===void 0?void 0:JSON.stringify(g)});if(i.status===401&&s!==\"/login\")throw We(),new Error(\"unauthorized\");return i.json()}var O=s=>new Intl.NumberFormat(\"ru-RU\",{maximumFractionDigits:2}).format(s||0)+\" \\u20BD\",A=s=>new Intl.NumberFormat(\"ru-RU\",{maximumFractionDigits:0}).format(s||0)+\" \\u20BD\";var Ee=s=>(s=s||0,Math.abs(s)>=1e6?(s/1e6).toLocaleString(\"ru-RU\",{maximumFractionDigits:1})+\" \\u043C\\u043B\\u043D\":Math.abs(s)>=1e3?(s/1e3).toLocaleString(\"ru-RU\",{maximumFractionDigits:0})+\" \\u0442\\u044B\\u0441\":String(Math.round(s))),Y=()=>new Date().toISOString().slice(0,10),Z=()=>Y().slice(0,4),q=s=>s?s.slice(0,10).split(\"-\").reverse().join(\".\"):\"\\u2014\",it=[\"\\u042F\\u043D\\u0432\\u0430\\u0440\\u044C\",\"\\u0424\\u0435\\u0432\\u0440\\u0430\\u043B\\u044C\",\"\\u041C\\u0430\\u0440\\u0442\",\"\\u0410\\u043F\\u0440\\u0435\\u043B\\u044C\",\"\\u041C\\u0430\\u0439\",\"\\u0418\\u044E\\u043D\\u044C\",\"\\u0418\\u044E\\u043B\\u044C\",\"\\u0410\\u0432\\u0433\\u0443\\u0441\\u0442\",\"\\u0421\\u0435\\u043D\\u0442\\u044F\\u0431\\u0440\\u044C\",\"\\u041E\\u043A\\u0442\\u044F\\u0431\\u0440\\u044C\",\"\\u041D\\u043E\\u044F\\u0431\\u0440\\u044C\",\"\\u0414\\u0435\\u043A\\u0430\\u0431\\u0440\\u044C\"],R=s=>{let[o,g]=s.split(\"-\");return it[Number(g)-1].slice(0,3).toLowerCase()+\" '\"+o.slice(2)},ge=s=>Array.from({length:12},(o,g)=>`${s}-${String(g+1).padStart(2,\"0\")}`),re={work:{label:\"\\u0412 \\u0440\\u0430\\u0431\\u043E\\u0442\\u0435\",cls:\"bg-sky-100 text-sky-700\"},nuance:{label:\"\\u041D\\u044E\\u0430\\u043D\\u0441\\u044B\",cls:\"bg-amber-100 text-amber-700\"},done:{label:\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0430 \\u0437\\u0430\\u0432\\u0435\\u0440\\u0448\\u0435\\u043D\\u0430\",cls:\"bg-emerald-100 text-emerald-700\"},fail:{label:\"\\u0421\\u043E\\u0440\\u0432\\u0430\\u043B\\u0430\\u0441\\u044C\",cls:\"bg-rose-100 text-rose-700\"}},ie={dark:\"#22313f\",darker:\"#1b2735\",teal:\"#2aa3af\",tealD:\"#238e99\",green:\"#27ae60\",red:\"#e74c3c\",amber:\"#f2c94c\"};function de(s,o){let g={};for(let p of s.filter(h=>h.kind===o)){let h=p.parent_id||0;(g[h]=g[h]||[]).push(p)}let i=[],t=(p,h)=>{for(let m of g[p]||[])i.push({...m,depth:h}),t(m.id,h+1)};return t(0,0),i}function he(s,o){let g={};for(let t of s)g[t.id]=t;let i=g[o];for(;i&&i.parent_id;)i=g[i.parent_id];return i||null}var G=(s,o=null)=>g=>e.createElement(\"svg\",{viewBox:\"0 0 24 24\",width:g.size||20,height:g.size||20,fill:\"none\",stroke:\"currentColor\",strokeWidth:\"1.8\",strokeLinecap:\"round\",strokeLinejoin:\"round\"},e.createElement(\"path\",{d:s}),o),D={chart:G(\"M4 20V10 M10 20V4 M16 20v-7 M22 20H2\"),ops:G(\"M4 7h13l-3-3 M20 17H7l3 3\"),deals:G(\"M3 8h18v12H3z M8 8V5a2 2 0 012-2h4a2 2 0 012 2v3 M3 13h18\"),plan:G(\"M5 4h14a1 1 0 011 1v15a1 1 0 01-1 1H5a1 1 0 01-1-1V5a1 1 0 011-1z M4 9h16 M9 2v4 M15 2v4 M8 14l2.5 2.5L16 11\"),projects:G(\"M3 6a1 1 0 011-1h5l2 2h9a1 1 0 011 1v11a1 1 0 01-1 1H4a1 1 0 01-1-1V6z\"),reports:G(\"M7 3h10a1 1 0 011 1v16a1 1 0 01-1 1H7a1 1 0 01-1-1V4a1 1 0 011-1z M9 8h6 M9 12h6 M9 16h4\"),refs:G(\"M4 4h5a2 2 0 012 2v14H6a2 2 0 01-2-2V4z M20 4h-5a2 2 0 00-2 2v14h5a2 2 0 002-2V4z\"),settings:G(\"M12 9a3 3 0 100 6 3 3 0 000-6z M19 12a7 7 0 00-.1-1.2l2-1.5-2-3.5-2.4 1a7 7 0 00-2-1.2L14 3h-4l-.4 2.6a7 7 0 00-2 1.2l-2.5-1-2 3.5 2 1.5A7 7 0 005 12a7 7 0 00.1 1.2l-2 1.5 2 3.5 2.4-1a7 7 0 002 1.2L10 21h4l.4-2.6a7 7 0 002-1.2l2.5 1 2-3.5-2-1.5A7 7 0 0019 12z\"),arrowIn:G(\"M20 12H4 M10 6l-6 6 6 6\"),arrowOut:G(\"M4 12h16 M14 6l6 6-6 6\"),swap:G(\"M4 7h13l-3-3 M20 17H7l3 3\"),x:G(\"M6 6l12 12 M18 6L6 18\"),edit:G(\"M4 20h4L19 9l-4-4L4 16v4z\"),trash:G(\"M4 7h16 M9 7V5a1 1 0 011-1h4a1 1 0 011 1v2 M6 7l1 13h10l1-13 M10 11v5 M14 11v5\"),plus:G(\"M12 5v14 M5 12h14\")};function X({title:s,onClose:o,children:g,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\"},g)))}function M({label:s,children:o}){return e.createElement(\"label\",{className:\"block mb-3\"},e.createElement(\"div\",{className:\"text-xs text-gray-500 mb-1\"},s),o)}var Ve=\"w-full border border-gray-200 rounded px-3 py-2 text-sm focus:border-[#2aa3af]\";function B(s){return e.createElement(\"input\",{...s,className:Ve+\" \"+(s.className||\"\")})}function L(s){return e.createElement(\"select\",{...s,className:Ve+\" bg-white \"+(s.className||\"\")})}function Q({label:s,checked:o,onChange:g}){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=>g(i.target.checked),className:\"accent-[#2aa3af]\"}),s)}function E({children:s,onClick:o,kind:g=\"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+(g===\"primary\"?\"text-white bg-[#2aa3af] hover:bg-[#238e99]\":g===\"dark\"?\"text-white bg-[#22313f] hover:bg-[#1b2735]\":g===\"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:g,title:i}){return e.createElement(\"button\",{title:i,onClick:o,className:\"p-1 rounded text-gray-300 \"+(g?\"hover:text-rose-500\":\"hover:text-gray-500\")},e.createElement(s,{size:15}))}function ae({children:s,right:o}){return e.createElement(\"div\",{className:\"flex items-center gap-3 mb-4 flex-wrap\"},e.createElement(\"h1\",{className:\"text-[22px] font-bold text-[#22313f]\"},s),o)}function me({tabs:s,value:o,onChange:g}){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:()=>g(i),className:\"px-4 py-1.5 text-sm border-r border-gray-200 last:border-0 \"+(o===i?\"text-[#2aa3af] font-semibold bg-teal-50/40\":\"text-gray-600 hover:bg-gray-50\")},t)))}function ye({value:s,onChange:o}){return e.createElement(L,{value:s,onChange:g=>o(g.target.value),className:\"!w-28\"},[0,1,2].map(g=>{let i=String(Number(Z())-g);return e.createElement(\"option\",{key:i,value:i},i)}))}var I={blue:\"#4FC3F7\",orange:\"#FFB74D\",green:\"#43A047\",purple:\"#AB47BC\",areaFill:\"#C8E6C9\",grid:\"#eceff1\",axis:\"#90a4ae\"};function Ne({data:s,bars:o,lines:g,height:i=260,labelKey:t=\"label\"}){let p=Math.max(680,s.length*110),h=i,m=56,l=34,a=12,N=s.flatMap(d=>[...o.map(k=>Number(d[k.key]||0)),...g.map(k=>Number(d[k.key]||0))]),c=Math.max(1,...N),x=Math.min(0,...N),w=c-x||1,u=d=>a+(h-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} ${h}`,className:\"w-full\",style:{maxHeight:h}},f.map((d,k)=>e.createElement(\"g\",{key:k},e.createElement(\"line\",{x1:m,x2:p-4,y1:u(d),y2:u(d),stroke:I.grid}),e.createElement(\"text\",{x:m-6,y:u(d)+3,textAnchor:\"end\",fontSize:\"10\",fill:I.axis},Ee(d)))),s.map((d,k)=>e.createElement(\"g\",{key:k},o.map((P,j)=>{let S=Number(d[P.key]||0),v=r(k)-o.length*n/2+j*n;return e.createElement(\"rect\",{key:P.key,x:v,y:Math.min(u(0),u(S)),width:n-2,height:Math.abs(u(S)-u(0))||1,fill:P.color,rx:\"1.5\"})}),e.createElement(\"text\",{x:r(k),y:h-l+16,textAnchor:\"middle\",fontSize:\"11\",fill:I.axis},d[t]))),g.map(d=>e.createElement(\"g\",{key:d.key},e.createElement(\"polyline\",{fill:\"none\",stroke:d.color,strokeWidth:\"2\",points:s.map((k,P)=>`${r(P)},${u(Number(k[d.key]||0))}`).join(\" \")}),s.map((k,P)=>e.createElement(\"circle\",{key:P,cx:r(P),cy:u(Number(k[d.key]||0)),r:\"3\",fill:d.color})))))}function le({items:s}){return e.createElement(\"div\",{className:\"flex gap-5 text-xs text-gray-600 mt-1 flex-wrap justify-center\"},s.map(([o,g,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:g}}):e.createElement(\"span\",{className:\"inline-block w-3 h-3 rounded-sm\",style:{background:g}}),o)))}function Ie({points:s,height:o=240}){let i=o,t=64,p=26,h=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=>h+(i-p-h)*(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:I.grid}),e.createElement(\"text\",{x:t-6,y:x(r)+3,textAnchor:\"end\",fontSize:\"10\",fill:I.axis},Ee(r)))),e.createElement(\"polygon\",{points:`${c(0)},${x(Math.max(a,0))} ${u} ${c(s.length-1)},${x(Math.max(a,0))}`,fill:I.areaFill,opacity:\"0.7\"}),e.createElement(\"polyline\",{fill:\"none\",stroke:I.green,strokeWidth:\"2\",points:u}),s.map((r,f)=>f%n===0?e.createElement(\"text\",{key:f,x:c(f),y:i-p+15,textAnchor:\"middle\",fontSize:\"9.5\",fill:I.axis},q(r.d).slice(0,5)):null))}var oe=[\"#42A5F5\",\"#1E4B8F\",\"#2C6BC9\",\"#7EC8F5\",\"#0D2F63\",\"#5B9BD5\",\"#9AD1F5\",\"#3F7FBF\"];function Ye({parts:s,size:o=190}){let g=s.reduce((m,l)=>m+l.value,0)||1,i=o/2,t=i*.55,p=-Math.PI/2,h=s.map((m,l)=>{let a=p+Math.min(.99985,m.value/g)*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||oe[l%oe.length],stroke:\"#fff\",strokeWidth:\"1\"})});return e.createElement(\"svg\",{width:o,height:o,viewBox:`0 0 ${o} ${o}`},h)}function $e({rows:s,height:o=300,threshold:g=.8,showLine:i=!0,barColor:t=null}){let p=Math.max(700,s.length*64),h=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,P)=>k+P.value,0)||1,x=Math.max(...s.map(k=>k.value),1),w=k=>a+(h-l-a)*(1-k/x),u=k=>a+(h-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} ${h}`,className:\"w-full\",style:{maxHeight:h}},[0,.25,.5,.75,1].map((k,P)=>e.createElement(\"g\",{key:P},e.createElement(\"line\",{x1:m,x2:p-N,y1:u(k),y2:u(k),stroke:I.grid}),e.createElement(\"text\",{x:p-N+4,y:u(k)+3,fontSize:\"10\",fill:I.axis},Math.round(k*100),\"%\"),e.createElement(\"text\",{x:m-6,y:u(k)+3,textAnchor:\"end\",fontSize:\"10\",fill:I.axis},Ee(x*k)))),s.map((k,P)=>e.createElement(\"g\",{key:P},e.createElement(\"rect\",{x:n(P)-r/2,y:w(Math.max(0,k.value)),width:r,height:Math.abs(h-l-w(Math.max(0,k.value)))||1,fill:t||(d[P]-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,P)=>`${n(P)},${u(d[P])}`).join(\" \")}),i&&s.map((k,P)=>e.createElement(\"circle\",{key:P,cx:n(P),cy:u(d[P]),r:\"3\",fill:\"#fff\",stroke:\"#3949AB\",strokeWidth:\"1.5\"})))}var dt=[\"\\u044F\\u043D\\u0432\\u0430\\u0440\\u044F\",\"\\u0444\\u0435\\u0432\\u0440\\u0430\\u043B\\u044F\",\"\\u043C\\u0430\\u0440\\u0442\\u0430\",\"\\u0430\\u043F\\u0440\\u0435\\u043B\\u044F\",\"\\u043C\\u0430\\u044F\",\"\\u0438\\u044E\\u043D\\u044F\",\"\\u0438\\u044E\\u043B\\u044F\",\"\\u0430\\u0432\\u0433\\u0443\\u0441\\u0442\\u0430\",\"\\u0441\\u0435\\u043D\\u0442\\u044F\\u0431\\u0440\\u044F\",\"\\u043E\\u043A\\u0442\\u044F\\u0431\\u0440\\u044F\",\"\\u043D\\u043E\\u044F\\u0431\\u0440\\u044F\",\"\\u0434\\u0435\\u043A\\u0430\\u0431\\u0440\\u044F\"],mt=[\"\\u0432\\u043E\\u0441\\u043A\\u0440\\u0435\\u0441\\u0435\\u043D\\u044C\\u0435\",\"\\u043F\\u043E\\u043D\\u0435\\u0434\\u0435\\u043B\\u044C\\u043D\\u0438\\u043A\",\"\\u0432\\u0442\\u043E\\u0440\\u043D\\u0438\\u043A\",\"\\u0441\\u0440\\u0435\\u0434\\u0430\",\"\\u0447\\u0435\\u0442\\u0432\\u0435\\u0440\\u0433\",\"\\u043F\\u044F\\u0442\\u043D\\u0438\\u0446\\u0430\",\"\\u0441\\u0443\\u0431\\u0431\\u043E\\u0442\\u0430\"];function pt(){let s=new Date;return`${s.getDate()} ${dt[s.getMonth()]} ${s.getFullYear()} \\u0433\\u043E\\u0434\\u0430, ${mt[s.getDay()]}`}var Je=(s,o)=>{let g=[],[i,t]=s.split(\"-\").map(Number),[p,h]=o.split(\"-\").map(Number);for(;i12&&(t=1,i++);return g.slice(0,24)};function ne({label:s,value:o,plan:g,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\"},g,i===\"%\"?\"%\":\"\",\" \",e.createElement(\"span\",{className:\"text-gray-400\"},\"- \\u043F\\u043E \\u043F\\u043B\\u0430\\u043D\\u0443\")))}function Ge({meta:s}){let o=Y().slice(0,7),[g,i]=C(Z()+\"-01\"),[t,p]=C(o),[h,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(()=>{F(\"/deals\").then(n)},[]),W(()=>{let b=new URLSearchParams({from:g+\"-01\",to:t+\"-31\",basis:h});x.account&&b.set(\"account\",x.account),x.project&&b.set(\"project\",x.project),x.deal&&b.set(\"deal\",x.deal),F(\"/dashboard2?\"+b.toString()).then(f)},[g,t,h,JSON.stringify(x)]),!r)return e.createElement(\"div\",{className:\"p-6 text-gray-400 text-sm\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");let d=Je(g,t),k={};for(let b of r.months)k[b.m]=b;let P={},j={};for(let b of r.plans)b.periodt||(String(b.row_key).startsWith(\"inc_\")?P[b.period]=(P[b.period]||0)+Number(b.s):j[b.period]=(j[b.period]||0)+Number(b.s));let S={},v={},y={},T={},z={},U={};for(let b of r.struct){let $=b.category_id?he(s.categories,b.category_id):null,J=$?$.name:\"\\u041D\\u0435\\u0440\\u0430\\u0441\\u043F\\u0440\\u0435\\u0434\\u0435\\u043B\\u0435\\u043D\\u043D\\u044B\\u0435\",Ce=J.toLowerCase().includes(\"\\u043A\\u0440\\u0435\\u0434\\u0438\\u0442\")||J.toLowerCase().includes(\"\\u043E\\u0432\\u0435\\u0440\\u0434\\u0440\\u0430\\u0444\\u0442\"),Me=v[b.m]=v[b.m]||{in_oper:0,out_oper:0,in_fin:0,out_fin:0};b.op_type===\"income\"?(Me[Ce?\"in_fin\":\"in_oper\"]+=Number(b.s),(y[J]=y[J]||{name:J,value:0,byM:{}}).value+=Number(b.s),y[J].byM[b.m]=(y[J].byM[b.m]||0)+Number(b.s),z[b.m]=(z[b.m]||0)+Number(b.s)):(Me[Ce?\"out_fin\":\"out_oper\"]+=Number(b.s),(T[J]=T[J]||{name:J,value:0,byM:{}}).value+=Number(b.s),T[J].byM[b.m]=(T[J].byM[b.m]||0)+Number(b.s),U[b.m]=(U[b.m]||0)+Number(b.s)),J===\"\\u0414\\u0438\\u0432\\u0438\\u0434\\u0435\\u043D\\u0434\\u044B\"&&(S[b.m]=(S[b.m]||0)+Number(b.s))}let V=d.reduce((b,$)=>b+Number(k[$]?.income||0),0),ee=d.reduce((b,$)=>b+Number(k[$]?.expense||0),0),xe=V-ee,we=V?Math.round(xe/V*1e3)/10:0,be=Object.values(S).reduce((b,$)=>b+$,0),ue=d.reduce((b,$)=>b+(P[$]||0),0)||V,ke=d.reduce((b,$)=>b+(j[$]||0),0)||ee,_=ue-ke,te=ue?Math.round(_/ue*1e3)/10:0,K=d.map(b=>({label:R(b),income:Number(k[b]?.income||0),expense:Number(k[b]?.expense||0),np:Number(k[b]?.income||0)-Number(k[b]?.expense||0),div:S[b]||0})),Fe=b=>{let $=v[b]||{};return l===\"all\"?($.in_oper||0)+($.in_fin||0):l===\"oper\"?$.in_oper||0:l===\"fin\"&&$.in_fin||0},Be=b=>{let $=v[b]||{};return l===\"all\"?($.out_oper||0)+($.out_fin||0):l===\"oper\"?$.out_oper||0:l===\"fin\"&&$.out_fin||0},nt=d.map(b=>({label:R(b),inflow:Fe(b),outflow:Be(b),net:Fe(b)-Be(b)})),ve=d.reduce((b,$)=>b+Fe($),0),fe=d.reduce((b,$)=>b+Be($),0),Ue=Object.values(y).sort((b,$)=>$.value-b.value),ze=Object.values(T).sort((b,$)=>$.value-b.value),ot=Ue.reduce((b,$)=>b+$.value,0)||1,rt=ze.reduce((b,$)=>b+$.value,0)||1,He=({title:b,parts:$,total:J,totByM:Ce,barColor:Me})=>e.createElement(\"div\",{className:\"mb-6\"},e.createElement(\"div\",{className:\"text-sm font-semibold text-[#37474f] mb-2\"},b),e.createElement(\"div\",{className:\"grid lg:grid-cols-2 gap-4 items-center\"},e.createElement(\"div\",{className:\"flex items-center gap-5 flex-wrap\"},e.createElement(Ye,{parts:$.slice(0,8).map((se,Pe)=>({...se,color:oe[Pe%oe.length]}))}),e.createElement(\"div\",{className:\"text-[13px]\"},$.slice(0,8).map((se,Pe)=>e.createElement(\"div\",{key:se.name,className:\"flex items-center gap-2 py-0.5\"},e.createElement(\"span\",{className:\"inline-block w-3 h-3 rounded-sm\",style:{background:oe[Pe%oe.length]}}),e.createElement(\"span\",{className:\"text-gray-600\"},se.name),e.createElement(\"b\",{className:\"text-[#37474f] whitespace-nowrap\"},A(se.value)),e.createElement(\"span\",{className:\"text-gray-400\"},\"(\",(se.value/J*100).toFixed(2),\"%)\"))))),e.createElement(Ne,{data:d.map(se=>({label:R(se),v:Ce[se]||0})),bars:[{key:\"v\",color:Me}],lines:[],height:190}))),_e=\"border border-gray-200 rounded px-3 py-2 text-sm bg-white text-gray-600\";return e.createElement(\"div\",{className:\"p-6\"},e.createElement(\"div\",{className:\"flex items-end gap-4 flex-wrap mb-5\"},e.createElement(\"div\",{className:\"mr-2\"},e.createElement(\"div\",{className:\"text-[24px] font-bold text-[#37474f] leading-tight\"},s.company_name),e.createElement(\"div\",{className:\"text-xs text-gray-400\"},pt())),e.createElement(\"label\",{className:\"text-xs text-gray-400\"},\"\\u041F\\u0435\\u0440\\u0438\\u043E\\u0434\",e.createElement(\"br\",null),e.createElement(\"span\",{className:\"inline-flex items-center gap-1 border border-gray-200 rounded px-2 py-1 bg-white\"},e.createElement(\"input\",{type:\"month\",className:\"text-sm text-gray-700\",value:g,onChange:b=>i(b.target.value)}),\"\\u2014\",e.createElement(\"input\",{type:\"month\",className:\"text-sm text-gray-700\",value:t,onChange:b=>p(b.target.value)}))),e.createElement(\"label\",{className:\"text-xs text-gray-400\"},\"\\u041E\\u0442\\u043E\\u0431\\u0440\\u0430\\u0436\\u0435\\u043D\\u0438\\u0435\",e.createElement(\"br\",null),e.createElement(\"select\",{className:_e},e.createElement(\"option\",null,\"\\u041F\\u043E \\u043C\\u0435\\u0441\\u044F\\u0446\\u0430\\u043C\"))),e.createElement(\"label\",{className:\"text-xs text-gray-400\"},\"\\u042E\\u0440\\u043B\\u0438\\u0446\\u0430 \\u0438 \\u0441\\u0447\\u0435\\u0442\\u0430\",e.createElement(\"br\",null),e.createElement(\"select\",{className:_e,value:x.account,onChange:b=>w({...x,account:b.target.value})},e.createElement(\"option\",{value:\"\"},\"\\u042E\\u0440\\u043B\\u0438\\u0446\\u0430 \\u0438 \\u0441\\u0447\\u0435\\u0442\\u0430\"),s.accounts.filter(b=>b.active).map(b=>e.createElement(\"option\",{key:b.id,value:b.id},b.name)))),e.createElement(\"label\",{className:\"text-xs text-gray-400\"},\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\\u044B\",e.createElement(\"br\",null),e.createElement(\"select\",{className:_e,value:x.project,onChange:b=>w({...x,project:b.target.value})},e.createElement(\"option\",{value:\"\"},\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\\u044B\"),(s.projects||[]).map(b=>e.createElement(\"option\",{key:b.id,value:b.id},b.name)))),e.createElement(\"label\",{className:\"text-xs text-gray-400\"},\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0438\",e.createElement(\"br\",null),e.createElement(\"select\",{className:_e,value:x.deal,onChange:b=>w({...x,deal:b.target.value})},e.createElement(\"option\",{value:\"\"},\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0438\"),u.map(b=>e.createElement(\"option\",{key:b.id,value:b.id},b.name)))),(x.account||x.project||x.deal)&&e.createElement(\"button\",{className:\"text-gray-400 hover:text-gray-600 text-lg pb-1\",title:\"\\u0421\\u0431\\u0440\\u043E\\u0441\\u0438\\u0442\\u044C \\u0444\\u0438\\u043B\\u044C\\u0442\\u0440\\u044B\",onClick:()=>w({account:\"\",project:\"\",deal:\"\"})},\"\\u2715\")),e.createElement(\"div\",{className:\"flex items-center gap-3 mb-3\"},e.createElement(\"div\",{className:\"font-bold text-[#37474f]\"},\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C, \\u20BD\"),e.createElement(me,{tabs:[[\"accrual\",\"\\u041C\\u0435\\u0442\\u043E\\u0434 \\u043D\\u0430\\u0447\\u0438\\u0441\\u043B\\u0435\\u043D\\u0438\\u044F\"],[\"cash\",\"\\u041A\\u0430\\u0441\\u0441\\u043E\\u0432\\u044B\\u0439 \\u043C\\u0435\\u0442\\u043E\\u0434\"]],value:h,onChange:m})),e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4 mb-6\"},e.createElement(\"div\",{className:\"grid\",style:{gridTemplateColumns:\"300px 1fr\",gap:16}},e.createElement(\"div\",{className:\"border-r border-gray-50 pr-4\"},e.createElement(ne,{label:\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B\",value:A(V),plan:A(ue)}),e.createElement(ne,{label:\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\",value:A(ee),plan:A(ke)}),e.createElement(ne,{label:\"\\u0427\\u0438\\u0441\\u0442\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C\",value:A(xe),plan:A(_),color:xe<0?\"text-rose-600\":void 0}),e.createElement(ne,{label:\"\\u0420\\u0435\\u043D\\u0442\\u0430\\u0431\\u0435\\u043B\\u044C\\u043D\\u043E\\u0441\\u0442\\u044C, %\",value:we,plan:te,unit:\"%\"}),e.createElement(ne,{label:\"\\u0414\\u0438\\u0432\\u0438\\u0434\\u0435\\u043D\\u0434\\u044B\",value:A(be),plan:A(be)})),e.createElement(\"div\",{className:\"min-w-0\"},e.createElement(Ne,{data:K,bars:[{key:\"income\",color:I.blue},{key:\"expense\",color:I.orange}],lines:[{key:\"np\",color:I.green},{key:\"div\",color:I.purple}],height:330}),e.createElement(le,{items:[[\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B\",I.blue],[\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\",I.orange],[\"\\u0427\\u0438\\u0441\\u0442\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C\",I.green,!0],[\"\\u0414\\u0438\\u0432\\u0438\\u0434\\u0435\\u043D\\u0434\\u044B\",I.purple,!0]]})))),e.createElement(\"div\",{className:\"flex items-center gap-3 mb-3\"},e.createElement(\"div\",{className:\"font-bold text-[#37474f]\"},\"\\u0414\\u0435\\u043D\\u0435\\u0436\\u043D\\u044B\\u0439 \\u043F\\u043E\\u0442\\u043E\\u043A, \\u20BD\"),e.createElement(me,{tabs:[[\"all\",\"\\u041E\\u0431\\u0449\\u0438\\u0439\"],[\"oper\",\"\\u041E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u043E\\u043D\\u043D\\u044B\\u0439\"],[\"invest\",\"\\u0418\\u043D\\u0432\\u0435\\u0441\\u0442\\u0438\\u0446\\u0438\\u043E\\u043D\\u043D\\u044B\\u0439\"],[\"fin\",\"\\u0424\\u0438\\u043D\\u0430\\u043D\\u0441\\u043E\\u0432\\u044B\\u0439\"]],value:l,onChange:a})),e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4 mb-6\"},e.createElement(\"div\",{className:\"grid\",style:{gridTemplateColumns:\"300px 1fr\",gap:16}},e.createElement(\"div\",{className:\"border-r border-gray-50 pr-4\"},e.createElement(ne,{label:\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F\",value:A(ve),plan:A(ve)}),e.createElement(ne,{label:\"\\u0412\\u044B\\u043F\\u043B\\u0430\\u0442\\u044B\",value:A(fe),plan:A(fe)}),e.createElement(ne,{label:\"\\u0427\\u0438\\u0441\\u0442\\u044B\\u0439 \\u043F\\u043E\\u0442\\u043E\\u043A\",value:A(ve-fe),plan:A(ve-fe),color:ve-fe<0?\"text-rose-600\":void 0})),e.createElement(\"div\",{className:\"min-w-0\"},e.createElement(Ne,{data:nt,bars:[{key:\"inflow\",color:I.blue},{key:\"outflow\",color:I.orange}],lines:[{key:\"net\",color:I.green}],height:280}),e.createElement(le,{items:[[\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F\",I.blue],[\"\\u0412\\u044B\\u043F\\u043B\\u0430\\u0442\\u044B\",I.orange],[\"\\u0427\\u0438\\u0441\\u0442\\u044B\\u0439 \\u043F\\u043E\\u0442\\u043E\\u043A\",I.green,!0]]})))),e.createElement(\"div\",{className:\"font-bold text-[#37474f] mb-3\"},\"\\u041E\\u0441\\u0442\\u0430\\u0442\\u043A\\u0438 \\u043D\\u0430 \\u0441\\u0447\\u0435\\u0442\\u0430\\u0445, \\u20BD\"),e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4 mb-6\"},e.createElement(Ie,{points:r.daily,height:250}),e.createElement(le,{items:[[\"\\u041E\\u0431\\u0449\\u0438\\u0439 \\u043E\\u0441\\u0442\\u0430\\u0442\\u043E\\u043A\",I.green]]})),e.createElement(\"div\",{className:\"flex items-center gap-3 mb-3\"},e.createElement(\"div\",{className:\"font-bold text-[#37474f]\"},\"\\u0421\\u0442\\u0440\\u0443\\u043A\\u0442\\u0443\\u0440\\u0430 \\u043F\\u043B\\u0430\\u0442\\u0435\\u0436\\u0435\\u0439\"),e.createElement(me,{tabs:[[\"dr\",\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B \\u0438 \\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\"],[\"pv\",\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F \\u0438 \\u0432\\u044B\\u043F\\u043B\\u0430\\u0442\\u044B\"]],value:N,onChange:c})),e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4 mb-6\"},e.createElement(He,{title:N===\"dr\"?\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B, \\u20BD\":\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F, \\u20BD\",parts:Ue,total:ot,totByM:z,barColor:I.blue}),e.createElement(He,{title:N===\"dr\"?\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B, \\u20BD\":\"\\u0412\\u044B\\u043F\\u043B\\u0430\\u0442\\u044B, \\u20BD\",parts:ze,total:rt,totByM:U,barColor:I.orange})),e.createElement(\"div\",{className:\"font-bold text-[#37474f] mb-3\"},\"ABC-\\u0430\\u043D\\u0430\\u043B\\u0438\\u0437 \\u043A\\u043B\\u0438\\u0435\\u043D\\u0442\\u043E\\u0432\"),e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4 mb-6\"},e.createElement($e,{rows:r.abc.map(b=>({name:b.name,value:Number(b.s)})),height:320}),e.createElement(le,{items:[[\"\\u041A\\u043B\\u0438\\u0435\\u043D\\u0442\\u044B, \\u043F\\u0440\\u0438\\u043D\\u043E\\u0441\\u044F\\u0449\\u0438\\u0435 \\u0431\\u043E\\u043B\\u0435\\u0435 80% \\u0434\\u043E\\u0445\\u043E\\u0434\\u043E\\u0432\",I.blue],[\"\\u041A\\u043B\\u0438\\u0435\\u043D\\u0442\\u044B, \\u043F\\u0440\\u0438\\u043D\\u043E\\u0441\\u044F\\u0449\\u0438\\u0435 \\u043C\\u0435\\u043D\\u0435\\u0435 20% \\u0434\\u043E\\u0445\\u043E\\u0434\\u043E\\u0432\",I.purple],[\"\\u0414\\u043E\\u043B\\u044F \\u0434\\u043E\\u0445\\u043E\\u0434\\u043E\\u0432 \\u0441 \\u043D\\u0430\\u043A\\u043E\\u043F\\u0438\\u0442\\u0435\\u043B\\u044C\\u043D\\u044B\\u043C \\u0438\\u0442\\u043E\\u0433\\u043E\\u043C, %\",\"#3949AB\",!0]]})),e.createElement(\"div\",{className:\"font-bold text-[#37474f] mb-3\"},\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C\\u043D\\u043E\\u0441\\u0442\\u044C \\u043F\\u0440\\u043E\\u0435\\u043A\\u0442\\u043E\\u0432\"),e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4 mb-2\"},e.createElement($e,{rows:r.proj_profit.map(b=>({name:b.name,value:Number(b.profit)})),height:300,showLine:!1,barColor:\"#66BB6A\"}),e.createElement(le,{items:[[\"\\u0424\\u0430\\u043A\\u0442\\u0438\\u0447\\u0435\\u0441\\u043A\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C, \\u20BD\",\"#66BB6A\"]]})))}function Qe({meta:s}){let o=Y().slice(0,7),[g,i]=C(\"money\"),[t,p]=C(Z()+\"-01\"),[h,m]=C(o),[l,a]=C(null),[N,c]=C([]);if(W(()=>{F(`/dashboard2?from=${t}-01&to=${h}-31&basis=cash`).then(a),F(\"/projects\").then(c)},[t,h]),!l)return e.createElement(\"div\",{className:\"p-6 text-gray-400 text-sm\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");let x={};for(let n of l.months)x[n.m]=n;let u=Je(t,h).map(n=>({label:R(n),income:Number(x[n]?.income||0),expense:Number(x[n]?.expense||0),np:Number(x[n]?.income||0)-Number(x[n]?.expense||0)}));return e.createElement(\"div\",{className:\"p-6\"},e.createElement(\"div\",{className:\"text-[24px] font-bold text-[#37474f] mb-3\"},\"\\u041F\\u043E\\u043A\\u0430\\u0437\\u0430\\u0442\\u0435\\u043B\\u0438\"),e.createElement(\"div\",{className:\"mb-4\"},e.createElement(me,{tabs:[[\"money\",\"\\u0414\\u0432\\u0438\\u0436\\u0435\\u043D\\u0438\\u0435 \\u0434\\u0435\\u043D\\u0435\\u0433\"],[\"profit\",\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C\"],[\"projects\",\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\\u044B\"]],value:g,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:h,onChange:n=>m(n.target.value)})))),g===\"money\"&&e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4\"},e.createElement(\"div\",{className:\"text-sm font-semibold text-[#37474f] mb-2\"},\"\\u041E\\u0441\\u0442\\u0430\\u0442\\u043A\\u0438 \\u043D\\u0430 \\u0441\\u0447\\u0435\\u0442\\u0430\\u0445, \\u20BD\"),e.createElement(Ie,{points:l.daily,height:340}),e.createElement(le,{items:[[\"\\u041E\\u0431\\u0449\\u0438\\u0439 \\u043E\\u0441\\u0442\\u0430\\u0442\\u043E\\u043A\",I.green]]})),g===\"profit\"&&e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4\"},e.createElement(\"div\",{className:\"text-sm font-semibold text-[#37474f] mb-2\"},\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C (\\u043A\\u0430\\u0441\\u0441\\u043E\\u0432\\u044B\\u0439 \\u043C\\u0435\\u0442\\u043E\\u0434), \\u20BD\"),e.createElement(Ne,{data:u,bars:[{key:\"income\",color:I.blue},{key:\"expense\",color:I.orange}],lines:[{key:\"np\",color:I.green}],height:340}),e.createElement(le,{items:[[\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B\",I.blue],[\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B\",I.orange],[\"\\u0427\\u0438\\u0441\\u0442\\u0430\\u044F \\u043F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C\",I.green,!0]]})),g===\"projects\"&&e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm\"},e.createElement(\"table\",{className:\"w-full text-sm\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3\"},\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B, \\u20BD\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B, \\u20BD\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C, \\u20BD\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0420\\u0435\\u043D\\u0442\\u0430\\u0431\\u0435\\u043B\\u044C\\u043D\\u043E\\u0441\\u0442\\u044C\"))),e.createElement(\"tbody\",null,N.map(n=>{let r=Number(n.income)-Number(n.expense),f=Number(n.income)?Math.round(r/Number(n.income)*1e3)/10:0;return e.createElement(\"tr\",{key:n.id,className:\"border-t border-gray-50\"},e.createElement(\"td\",{className:\"p-2 pl-3 text-gray-700\"},n.name),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},Number(n.income)?A(n.income):\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},Number(n.expense)?A(n.expense):\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap font-medium \"+(r<0?\"text-rose-600\":\"text-emerald-600\")},r?A(r):\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-right\"},f?f+\"%\":\"\\u2014\"))})))))}function De({meta:s,initial:o,onClose:g,onSaved:i}){let[t,p]=C(o||{op_type:\"income\",date:Y(),confirmed:!0,amount:\"\",account_id:\"\",account2_id:\"\",category_id:\"\",contractor_id:\"\",deal_id:\"\",project_id:\"\",purpose:\"\"}),[h,m]=C([]);W(()=>{F(\"/deals\").then(m)},[]);let l=(c,x)=>p(w=>({...w,[c]:x})),a=de(s.categories,t.op_type===\"expense\"?\"expense\":\"income\"),N=async()=>{if(!t.amount||!t.account_id)return alert(\"\\u0423\\u043A\\u0430\\u0436\\u0438\\u0442\\u0435 \\u0441\\u0443\\u043C\\u043C\\u0443 \\u0438 \\u0441\\u0447\\u0451\\u0442\");let 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 F(\"/ops/\"+t.id,\"PUT\",c):await F(\"/ops\",\"POST\",c),i(),g()};return e.createElement(X,{title:t.id?\"\\u041E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u044F\":\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u043D\\u0438\\u0435 \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0438\",onClose:g},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(B,{type:\"date\",value:t.date,onChange:c=>l(\"date\",c.target.value)})),e.createElement(M,{label:\"\\u0421\\u0443\\u043C\\u043C\\u0430, \\u20BD\"},e.createElement(B,{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\"),h.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(B,{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(Q,{label:\"\\u041E\\u043F\\u043B\\u0430\\u0442\\u0430 \\u043F\\u043E\\u0434\\u0442\\u0432\\u0435\\u0440\\u0436\\u0434\\u0435\\u043D\\u0430 (\\u0444\\u0430\\u043A\\u0442)\",checked:!!t.confirmed,onChange:c=>l(\"confirmed\",c)}),e.createElement(\"div\",{className:\"flex justify-end gap-2 mt-4\"},e.createElement(E,{kind:\"ghost\",onClick:g},\"\\u041E\\u0442\\u043C\\u0435\\u043D\\u0430\"),e.createElement(E,{onClick:N},\"\\u0421\\u043E\\u0445\\u0440\\u0430\\u043D\\u0438\\u0442\\u044C\")))}function ut({meta:s,onClose:o,onDone:g}){let[i,t]=C(\"\"),[p,h]=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 F(\"/ops/import\",\"POST\",{rows:a.map(u=>({...u,account_id:Number(p),confirmed:m}))});alert(\"\\u0418\\u043C\\u043F\\u043E\\u0440\\u0442\\u0438\\u0440\\u043E\\u0432\\u0430\\u043D\\u043E \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0439: \"+w.n),g(),o()};return e.createElement(X,{title:\"\\u0418\\u043C\\u043F\\u043E\\u0440\\u0442 \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0439 (\\u0432\\u044B\\u043F\\u0438\\u0441\\u043A\\u0430)\",onClose:o,wide:!0},e.createElement(\"div\",{className:\"text-xs text-gray-500 mb-2\"},\"\\u0412\\u0441\\u0442\\u0430\\u0432\\u044C\\u0442\\u0435 \\u0441\\u0442\\u0440\\u043E\\u043A\\u0438 \\u0432 \\u0444\\u043E\\u0440\\u043C\\u0430\\u0442\\u0435: \",e.createElement(\"b\",null,\"\\u0434\\u0430\\u0442\\u0430; \\u0441\\u0443\\u043C\\u043C\\u0430; \\u043A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442; \\u043D\\u0430\\u0437\\u043D\\u0430\\u0447\\u0435\\u043D\\u0438\\u0435\"),\" (\\u0440\\u0430\\u0437\\u0434\\u0435\\u043B\\u0438\\u0442\\u0435\\u043B\\u044C \\u2014 \\u0442\\u043E\\u0447\\u043A\\u0430 \\u0441 \\u0437\\u0430\\u043F\\u044F\\u0442\\u043E\\u0439 \\u0438\\u043B\\u0438 \\u0442\\u0430\\u0431\\u0443\\u043B\\u044F\\u0446\\u0438\\u044F). \\u041E\\u0442\\u0440\\u0438\\u0446\\u0430\\u0442\\u0435\\u043B\\u044C\\u043D\\u0430\\u044F \\u0441\\u0443\\u043C\\u043C\\u0430 \\u2014 \\u0432\\u044B\\u043F\\u043B\\u0430\\u0442\\u0430, \\u043F\\u043E\\u043B\\u043E\\u0436\\u0438\\u0442\\u0435\\u043B\\u044C\\u043D\\u0430\\u044F \\u2014 \\u043F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u0435. \\u0414\\u0430\\u0442\\u0430: 31.12.2026 \\u0438\\u043B\\u0438 2026-12-31.\"),e.createElement(\"textarea\",{className:\"w-full border border-gray-200 rounded p-2 text-xs font-mono h-40 mb-3\",placeholder:`20.08.2026; 662156.48; \\u041E\\u041E\\u041E \\u0421\\u0417 \\u041F\\u0410\\u0420\\u041A \\u0420\\u0410\\u0417\\u0412\\u041B\\u0415\\u0427\\u0415\\u041D\\u0418\\u0419; \\u041E\\u043F\\u043B\\u0430\\u0442\\u0430 \\u043F\\u043E \\u0423\\u041F\\u0414\n21.08.2026; -300000; \\u0418\\u041F \\u041C\\u0430\\u0442\\u0435\\u043B\\u0435\\u0432\\u0438\\u0447; \\u0410\\u0433\\u0435\\u043D\\u0442\\u0441\\u043A\\u043E\\u0435 \\u0432\\u043E\\u0437\\u043D\\u0430\\u0433\\u0440\\u0430\\u0436\\u0434\\u0435\\u043D\\u0438\\u0435`,value:i,onChange:w=>t(w.target.value)}),e.createElement(\"div\",{className:\"grid grid-cols-2 gap-4 mb-3\"},e.createElement(M,{label:\"\\u0417\\u0430\\u0447\\u0438\\u0441\\u043B\\u0438\\u0442\\u044C \\u043D\\u0430 \\u0441\\u0447\\u0451\\u0442\"},e.createElement(L,{value:p,onChange:w=>h(w.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u0412\\u044B\\u0431\\u0440\\u0430\\u0442\\u044C \\u0441\\u0447\\u0451\\u0442\\u2026\"),s.accounts.filter(w=>w.active).map(w=>e.createElement(\"option\",{key:w.id,value:w.id},w.name)))),e.createElement(\"div\",{className:\"pt-5\"},e.createElement(Q,{label:\"\\u041E\\u043F\\u043B\\u0430\\u0442\\u044B \\u043F\\u043E\\u0434\\u0442\\u0432\\u0435\\u0440\\u0436\\u0434\\u0435\\u043D\\u044B (\\u0444\\u0430\\u043A\\u0442)\",checked:m,onChange:l}))),a&&e.createElement(\"div\",{className:\"text-sm mb-3\"},\"\\u0420\\u0430\\u0441\\u043F\\u043E\\u0437\\u043D\\u0430\\u043D\\u043E \\u0441\\u0442\\u0440\\u043E\\u043A: \",e.createElement(\"b\",null,a.length),a.length>0&&e.createElement(\"span\",{className:\"text-gray-500\"},\" \\xB7 \\u043F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u0439 \",a.filter(w=>w.op_type===\"income\").length,\", \\u0432\\u044B\\u043F\\u043B\\u0430\\u0442 \",a.filter(w=>w.op_type===\"expense\").length)),e.createElement(\"div\",{className:\"flex justify-end gap-2\"},e.createElement(E,{kind:\"ghost\",onClick:o},\"\\u041E\\u0442\\u043C\\u0435\\u043D\\u0430\"),a?e.createElement(E,{onClick:x},\"\\u0418\\u043C\\u043F\\u043E\\u0440\\u0442\\u0438\\u0440\\u043E\\u0432\\u0430\\u0442\\u044C \",a.length):e.createElement(E,{onClick:c},\"\\u041F\\u0440\\u043E\\u0432\\u0435\\u0440\\u0438\\u0442\\u044C\")))}function Xe({meta:s,refreshMeta:o}){let[g,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}),[h,m]=C(null),[l,a]=C(!1),[N,c]=C({}),[x,w]=C(\"\"),u=()=>{let y=new URLSearchParams,T=[t.income&&\"income\",t.expense&&\"expense\",t.transfer&&\"transfer\"].filter(Boolean);T.length===1&&y.set(\"type\",T[0]),t.conf!==t.unconf&&y.set(\"confirmed\",t.conf?\"1\":\"0\");for(let z of[\"account\",\"category\",\"contractor\",\"project\",\"q\",\"from\",\"to\"])t[z]&&y.set(z,t[z]);t.uncat&&y.set(\"uncat\",\"1\"),F(\"/ops?\"+y.toString()).then(z=>{let U=new Set(T.length?T:[\"income\",\"expense\",\"transfer\"]);z.rows=z.rows.filter(V=>U.has(V.op_type)),i(z)})};W(()=>{u()},[JSON.stringify(t)]);let n=(y,T)=>p(z=>({...z,[y]:T})),r=async y=>{await F(`/ops/${y}/confirm`,\"POST\",{}),u(),o()},f=async y=>{window.confirm(\"\\u0423\\u0434\\u0430\\u043B\\u0438\\u0442\\u044C \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u044E?\")&&(await F(\"/ops/\"+y,\"DELETE\"),u(),o())},d=[...de(s.categories,\"income\"),...de(s.categories,\"expense\")],k=Object.keys(N).filter(y=>N[y]),P=async()=>{if(!x)return alert(\"\\u0412\\u044B\\u0431\\u0435\\u0440\\u0438\\u0442\\u0435 \\u0441\\u0442\\u0430\\u0442\\u044C\\u044E\");await F(\"/ops/bulk\",\"POST\",{ids:k.map(Number),category_id:Number(x)}),c({}),w(\"\"),u()},j=[],S=null;for(let y of g.rows)(!S||S.date!==y.date)&&(S={date:y.date,rows:[]},j.push(S)),S.rows.push(y);let v=g.totals||{};return e.createElement(\"div\",{className:\"flex h-full\"},e.createElement(\"div\",{className:\"w-60 shrink-0 bg-white border-r border-gray-100 p-4 text-sm overflow-y-auto\"},e.createElement(\"div\",{className:\"font-semibold text-[#22313f] mb-2\"},\"\\u0424\\u0438\\u043B\\u044C\\u0442\\u0440\\u044B\"),e.createElement(\"div\",{className:\"text-xs text-gray-400 mb-1\"},\"\\u0422\\u0438\\u043F \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0438\"),e.createElement(Q,{label:\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u0435\",checked:t.income,onChange:y=>n(\"income\",y)}),e.createElement(Q,{label:\"\\u0412\\u044B\\u043F\\u043B\\u0430\\u0442\\u0430\",checked:t.expense,onChange:y=>n(\"expense\",y)}),e.createElement(Q,{label:\"\\u041F\\u0435\\u0440\\u0435\\u043C\\u0435\\u0449\\u0435\\u043D\\u0438\\u0435\",checked:t.transfer,onChange:y=>n(\"transfer\",y)}),e.createElement(\"div\",{className:\"text-xs text-gray-400 mt-3 mb-1\"},\"\\u0414\\u0430\\u0442\\u0430 \\u043E\\u043F\\u043B\\u0430\\u0442\\u044B\"),e.createElement(Q,{label:\"\\u041F\\u043E\\u0434\\u0442\\u0432\\u0435\\u0440\\u0436\\u0434\\u0435\\u043D\\u0430\",checked:t.conf,onChange:y=>n(\"conf\",y)}),e.createElement(Q,{label:\"\\u041D\\u0435 \\u043F\\u043E\\u0434\\u0442\\u0432\\u0435\\u0440\\u0436\\u0434\\u0435\\u043D\\u0430\",checked:t.unconf,onChange:y=>n(\"unconf\",y)}),e.createElement(\"div\",{className:\"mt-3\"}),e.createElement(M,{label:\"\\u0421\\u0447\\u0451\\u0442\"},e.createElement(L,{value:t.account,onChange:y=>n(\"account\",y.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u0412\\u0441\\u0435\"),s.accounts.map(y=>e.createElement(\"option\",{key:y.id,value:y.id},y.name)))),e.createElement(M,{label:\"\\u0421\\u0442\\u0430\\u0442\\u044C\\u044F \\u0443\\u0447\\u0451\\u0442\\u0430\"},e.createElement(L,{value:t.category,onChange:y=>n(\"category\",y.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u0412\\u0441\\u0435\"),d.map(y=>e.createElement(\"option\",{key:y.id,value:y.id},\" \".repeat(y.depth*2)+y.name)))),e.createElement(M,{label:\"\\u041A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442\"},e.createElement(L,{value:t.contractor,onChange:y=>n(\"contractor\",y.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u0412\\u0441\\u0435\"),s.contractors.map(y=>e.createElement(\"option\",{key:y.id,value:y.id},y.name)))),e.createElement(M,{label:\"\\u041F\\u0440\\u043E\\u0435\\u043A\\u0442\"},e.createElement(L,{value:t.project,onChange:y=>n(\"project\",y.target.value)},e.createElement(\"option\",{value:\"\"},\"\\u0412\\u0441\\u0435\"),(s.projects||[]).map(y=>e.createElement(\"option\",{key:y.id,value:y.id},y.name)))),e.createElement(M,{label:\"\\u041F\\u0435\\u0440\\u0438\\u043E\\u0434 \\u0441\"},e.createElement(B,{type:\"date\",value:t.from,onChange:y=>n(\"from\",y.target.value)})),e.createElement(M,{label:\"\\u043F\\u043E\"},e.createElement(B,{type:\"date\",value:t.to,onChange:y=>n(\"to\",y.target.value)})),e.createElement(Q,{label:\"\\u0422\\u043E\\u043B\\u044C\\u043A\\u043E \\u043D\\u0435\\u0440\\u0430\\u0441\\u043F\\u0440\\u0435\\u0434\\u0435\\u043B\\u0451\\u043D\\u043D\\u044B\\u0435\",checked:t.uncat,onChange:y=>n(\"uncat\",y)})),e.createElement(\"div\",{className:\"flex-1 flex flex-col min-w-0\"},e.createElement(\"div\",{className:\"flex items-center gap-2 p-4 pb-2 flex-wrap\"},e.createElement(\"h1\",{className:\"text-[22px] font-bold text-[#22313f] mr-1\"},\"\\u041E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u0438\"),e.createElement(E,{onClick:()=>m({})},\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u0442\\u044C\"),e.createElement(E,{kind:\"ghost\",onClick:()=>a(!0)},\"\\u0418\\u043C\\u043F\\u043E\\u0440\\u0442\\u0438\\u0440\\u043E\\u0432\\u0430\\u0442\\u044C\"),e.createElement(\"input\",{className:\"ml-auto border border-gray-200 rounded px-3 py-1.5 text-sm w-64\",placeholder:\"\\u041F\\u043E\\u0438\\u0441\\u043A \\u043F\\u043E \\u043E\\u043F\\u0435\\u0440\\u0430\\u0446\\u0438\\u044F\\u043C\",value:t.q,onChange:y=>n(\"q\",y.target.value)})),k.length>0&&e.createElement(\"div\",{className:\"mx-4 mb-2 bg-teal-50 border border-teal-100 rounded px-3 py-2 flex items-center gap-3 text-sm\"},e.createElement(\"b\",null,k.length),\" \\u0432\\u044B\\u0431\\u0440\\u0430\\u043D\\u043E \\xB7 \\u043D\\u0430\\u0437\\u043D\\u0430\\u0447\\u0438\\u0442\\u044C \\u0441\\u0442\\u0430\\u0442\\u044C\\u044E:\",e.createElement(L,{value:x,onChange:y=>w(y.target.value),className:\"!w-64\"},e.createElement(\"option\",{value:\"\"},\"\\u0412\\u044B\\u0431\\u0440\\u0430\\u0442\\u044C\\u2026\"),d.map(y=>e.createElement(\"option\",{key:y.id,value:y.id},\" \".repeat(y.depth*2)+y.name))),e.createElement(E,{small:!0,onClick:P},\"\\u041F\\u0440\\u0438\\u043C\\u0435\\u043D\\u0438\\u0442\\u044C\"),e.createElement(\"button\",{className:\"text-gray-400 text-xs\",onClick:()=>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===Y()?\" \\xB7 \\u0421\\u0435\\u0433\\u043E\\u0434\\u043D\\u044F\":\"\")),y.rows.map(T=>e.createElement(\"tr\",{key:T.id,className:\"border-t border-gray-50 hover:bg-slate-50\"},e.createElement(\"td\",{className:\"p-2 pl-3\"},T.op_type!==\"transfer\"&&e.createElement(\"input\",{type:\"checkbox\",className:\"accent-[#2aa3af]\",checked:!!N[T.id],onChange:z=>c(U=>({...U,[T.id]:z.target.checked}))})),e.createElement(\"td\",{className:\"p-2 text-gray-500 whitespace-nowrap\"},q(T.date)),e.createElement(\"td\",{className:\"p-2 text-gray-700\"},T.account_name,T.op_type===\"transfer\"&&e.createElement(\"div\",{className:\"text-gray-400 text-xs\"},\"\\u2192 \",T.account2_name)),e.createElement(\"td\",{className:\"p-2\"},e.createElement(\"span\",{className:T.op_type===\"income\"?\"text-emerald-600\":T.op_type===\"expense\"?\"text-rose-500\":\"text-gray-400\"},T.op_type===\"income\"?e.createElement(D.arrowIn,{size:15}):T.op_type===\"expense\"?e.createElement(D.arrowOut,{size:15}):e.createElement(D.swap,{size:15}))),e.createElement(\"td\",{className:\"p-2 text-gray-700 max-w-[170px] truncate\"},T.contractor_name||\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-gray-600 max-w-[220px]\"},e.createElement(\"div\",{className:\"truncate\"},T.op_type===\"transfer\"?\"\\u041F\\u0435\\u0440\\u0435\\u0432\\u043E\\u0434 \\u043C\\u0435\\u0436\\u0434\\u0443 \\u0441\\u0447\\u0435\\u0442\\u0430\\u043C\\u0438\":T.category_name||e.createElement(\"span\",{className:\"text-amber-600\"},\"\\u041D\\u0435\\u0440\\u0430\\u0441\\u043F\\u0440\\u0435\\u0434\\u0435\\u043B\\u0435\\u043D\\u043D\\u044B\\u0439 \",T.op_type===\"income\"?\"\\u0434\\u043E\\u0445\\u043E\\u0434\":\"\\u0440\\u0430\\u0441\\u0445\\u043E\\u0434\")),T.purpose&&e.createElement(\"div\",{className:\"text-gray-400 text-xs truncate\"},T.purpose)),e.createElement(\"td\",{className:\"p-2 text-gray-500 max-w-[130px]\"},e.createElement(\"div\",{className:\"truncate\"},T.deal_name||\"\"),T.project_name&&e.createElement(\"div\",{className:\"text-xs text-gray-400 truncate\"},T.project_name)),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},T.op_type===\"transfer\"?e.createElement(\"div\",{className:\"text-gray-600\"},\"\\u2212\",O(T.amount),e.createElement(\"div\",null,\"+\",O(T.amount))):e.createElement(\"span\",{className:T.op_type===\"income\"?\"text-emerald-600 font-medium\":\"text-rose-500 font-medium\"},T.op_type===\"income\"?\"+\":\"\\u2212\",O(T.amount)),!T.confirmed&&e.createElement(\"div\",null,e.createElement(\"span\",{className:\"text-[10px] bg-slate-100 text-slate-500 rounded px-1\"},\"\\u043D\\u0435 \\u043F\\u043E\\u0434\\u0442\\u0432\\u0435\\u0440\\u0436\\u0434\\u0435\\u043D\\u0430\"))),e.createElement(\"td\",{className:\"p-2 whitespace-nowrap text-right\"},!T.confirmed&&e.createElement(E,{small:!0,onClick:()=>r(T.id)},\"\\u041F\\u043E\\u0434\\u0442\\u0432.\"),e.createElement(H,{icon:D.edit,onClick:()=>m({...T,confirmed:!!T.confirmed})}),e.createElement(H,{icon:D.trash,danger:!0,onClick:()=>f(T.id)}))))))),g.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)))))),h&&e.createElement(De,{meta:s,initial:h.id?h:null,onClose:()=>m(null),onSaved:()=>{u(),o()}}),l&&e.createElement(ut,{meta:s,onClose:()=>a(!1),onDone:()=>{u(),o()}}))}var Ze={sale:\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0438 \\u043F\\u043E \\u043F\\u0440\\u043E\\u0434\\u0430\\u0436\\u0430\\u043C\",purchase:\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0438 \\u043F\\u043E \\u0437\\u0430\\u043A\\u0443\\u043F\\u043A\\u0430\\u043C\"};function Ke({initial:s,kind:o,onClose:g,onSaved:i}){let[t,p]=C(s||{name:\"\",client:\"\",status:\"work\",amount:\"\",created_at:Y(),comment:\"\",deal_type:o||\"sale\"}),h=(l,a)=>p(N=>({...N,[l]:a})),m=async()=>{if(!t.name)return alert(\"\\u0423\\u043A\\u0430\\u0436\\u0438\\u0442\\u0435 \\u043D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435\");let l={...t,amount:Number(t.amount)||0};t.id?await F(\"/deals/\"+t.id,\"PUT\",l):await F(\"/deals\",\"POST\",l),i(),g()};return e.createElement(X,{title:t.id?\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0430\":t.deal_type===\"purchase\"?\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u043D\\u0438\\u0435 \\u0437\\u0430\\u043A\\u0443\\u043F\\u043A\\u0438\":\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u043D\\u0438\\u0435 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438\",onClose:g},e.createElement(M,{label:\"\\u041D\\u0430\\u0437\\u0432\\u0430\\u043D\\u0438\\u0435 (\\u043D\\u0430\\u043F\\u0440\\u0438\\u043C\\u0435\\u0440: \\u041C\\u0430\\u0442\\u0435\\u043B\\u0435\\u0432\\u0438\\u0447 \\u2116J1405)\"},e.createElement(B,{value:t.name,onChange:l=>h(\"name\",l.target.value)})),e.createElement(\"div\",{className:\"grid grid-cols-2 gap-x-4\"},e.createElement(M,{label:t.deal_type===\"purchase\"?\"\\u041F\\u043E\\u0441\\u0442\\u0430\\u0432\\u0449\\u0438\\u043A\":\"\\u041A\\u043B\\u0438\\u0435\\u043D\\u0442\"},e.createElement(B,{value:t.client,onChange:l=>h(\"client\",l.target.value)})),e.createElement(M,{label:\"\\u0421\\u0443\\u043C\\u043C\\u0430 \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438, \\u20BD\"},e.createElement(B,{type:\"number\",value:t.amount,onChange:l=>h(\"amount\",l.target.value)})),e.createElement(M,{label:\"\\u0421\\u0442\\u0430\\u0442\\u0443\\u0441\"},e.createElement(L,{value:t.status,onChange:l=>h(\"status\",l.target.value)},Object.entries(re).map(([l,a])=>e.createElement(\"option\",{key:l,value:l},a.label)))),e.createElement(M,{label:\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u043D\\u0430\"},e.createElement(B,{type:\"date\",value:(t.created_at||\"\").slice(0,10),onChange:l=>h(\"created_at\",l.target.value)}))),e.createElement(M,{label:\"\\u041A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0439\"},e.createElement(B,{value:t.comment,onChange:l=>h(\"comment\",l.target.value)})),e.createElement(\"div\",{className:\"flex justify-end gap-2\"},e.createElement(E,{kind:\"ghost\",onClick:g},\"\\u041E\\u0442\\u043C\\u0435\\u043D\\u0430\"),e.createElement(E,{onClick:m},\"\\u0421\\u043E\\u0445\\u0440\\u0430\\u043D\\u0438\\u0442\\u044C\")))}function ct({id:s,meta:o,refreshMeta:g,onBack:i,kindTitle:t}){let[p,h]=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,P]=C(\"\"),j=()=>{F(\"/deals/\"+s).then(h)};if(W(()=>{j()},[s]),!p)return e.createElement(\"div\",{className:\"p-6 text-gray-400 text-sm\"},\"\\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430\\u2026\");let S=p.deal,v=Number(S.income_all)-Number(S.expense_all),y=Number(S.income_all)?Math.round(v/Number(S.income_all)*100):0,T=S.amount>0?Math.min(100,Math.round(Number(S.received)/Number(S.amount)*100)):0,z=S.amount>0?Math.min(100,Math.round(Number(S.shipped)/Number(S.amount)*100)):0,U=Number(S.received)-Number(S.shipped),V=p.ops.filter(_=>_.op_type===\"income\"),ee=p.ops.filter(_=>_.op_type===\"expense\"),xe=async _=>{await F(\"/deals/\"+s,\"PUT\",{...S,status:_}),j()},we=async()=>{k.trim()&&(await F(`/deals/${s}/comments`,\"POST\",{text:k}),P(\"\"),j())},be=({rows:_,addType:te})=>e.createElement(\"div\",null,e.createElement(\"div\",{className:\"flex justify-end p-2\"},e.createElement(E,{small:!0,onClick:()=>N({op_type:te})},\"\\u0414\\u043E\\u0431\\u0430\\u0432\\u0438\\u0442\\u044C\")),e.createElement(\"table\",{className:\"w-full text-sm\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3\"},\"\\u0414\\u0430\\u0442\\u0430\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0421\\u0447\\u0451\\u0442\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u041A\\u043E\\u043D\\u0442\\u0440\\u0430\\u0433\\u0435\\u043D\\u0442\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0421\\u0442\\u0430\\u0442\\u044C\\u044F\"),e.createElement(\"th\",{className:\"p-2 text-right pr-3\"},\"\\u0421\\u0443\\u043C\\u043C\\u0430\"))),e.createElement(\"tbody\",null,_.map(K=>e.createElement(\"tr\",{key:K.id,className:\"border-t border-gray-50\"},e.createElement(\"td\",{className:\"p-2 pl-3 text-gray-500\"},q(K.date)),e.createElement(\"td\",{className:\"p-2 text-gray-600\"},K.account_name),e.createElement(\"td\",{className:\"p-2 text-gray-700\"},K.contractor_name||\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-gray-600\"},K.category_name||\"\\u2014\",!K.confirmed&&e.createElement(\"span\",{className:\"ml-1 text-[10px] bg-slate-100 text-slate-500 rounded px-1\"},\"\\u043F\\u043B\\u0430\\u043D\")),e.createElement(\"td\",{className:\"p-2 pr-3 text-right font-medium whitespace-nowrap \"+(K.op_type===\"income\"?\"text-emerald-600\":\"text-rose-500\")},K.op_type===\"income\"?\"+\":\"\\u2212\",O(K.amount)))),_.length===0&&e.createElement(\"tr\",null,e.createElement(\"td\",{colSpan:5,className:\"p-4 text-center text-gray-400\"},\"\\u041F\\u043E\\u043A\\u0430 \\u043F\\u0443\\u0441\\u0442\\u043E\"))))),ue=p.items.reduce((_,te)=>_+Number(te.qty)*Number(te.price),0),ke=[[\"items\",`\\u0422\\u043E\\u0432\\u0430\\u0440\\u044B \\u0438 \\u0443\\u0441\\u043B\\u0443\\u0433\\u0438 \\xB7 ${p.items.length}`],[\"in\",`\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F \\xB7 ${V.length}`],[\"exp\",`\\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B \\xB7 ${ee.length}`],[\"ship\",`\\u041E\\u0442\\u0433\\u0440\\u0443\\u0437\\u043A\\u0438 \\xB7 ${p.shipments.length}`],[\"inv\",`\\u0421\\u0447\\u0435\\u0442\\u0430 \\xB7 ${p.invoices.length}`]];return e.createElement(\"div\",{className:\"p-6\"},e.createElement(\"button\",{className:\"text-sm text-[#2aa3af] mb-2\",onClick:i},\"\\u2190 \",t),e.createElement(\"div\",{className:\"flex items-center gap-3 mb-4 flex-wrap\"},e.createElement(\"h1\",{className:\"text-[22px] font-bold text-[#22313f]\"},S.name),e.createElement(L,{value:S.status,onChange:_=>xe(_.target.value),className:\"!w-48\"},Object.entries(re).map(([_,te])=>e.createElement(\"option\",{key:_,value:_},te.label))),e.createElement(E,{small:!0,kind:\"ghost\",onClick:()=>x(!0)},\"\\u0418\\u0437\\u043C\\u0435\\u043D\\u0438\\u0442\\u044C\")),e.createElement(\"div\",{style:{display:\"grid\",gridTemplateColumns:\"repeat(auto-fit, minmax(240px, 1fr))\",gap:12},className:\"mb-5\"},e.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm min-w-0\"},e.createElement(\"div\",{className:\"text-xs text-gray-500\"},\"\\u0421\\u0434\\u0435\\u043B\\u043A\\u0430 \\u043D\\u0430 \\u0441\\u0443\\u043C\\u043C\\u0443\"),e.createElement(\"div\",{className:\"text-[17px] font-bold text-[#22313f] whitespace-nowrap\"},O(S.amount)),e.createElement(\"div\",{className:\"text-xs text-gray-500 mt-2\"},\"\\u0422\\u0438\\u043F: \",S.deal_type===\"purchase\"?\"\\u0417\\u0430\\u043A\\u0443\\u043F\\u043A\\u0430\":\"\\u041F\\u0440\\u043E\\u0434\\u0430\\u0436\\u0430\"),e.createElement(\"div\",{className:\"text-xs text-gray-500\"},\"\\u041A\\u043B\\u0438\\u0435\\u043D\\u0442: \",e.createElement(\"span\",{className:\"text-gray-700\"},S.client||\"\\u2014\")),e.createElement(\"div\",{className:\"text-xs text-gray-500\"},\"\\u0421\\u043E\\u0437\\u0434\\u0430\\u043D\\u0430: \",q(S.created_at))),e.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm min-w-0\"},e.createElement(\"div\",{className:\"text-xs text-gray-500 uppercase\"},\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u043B\\u0435\\u043D\\u0438\\u044F\"),e.createElement(\"div\",{className:\"text-[17px] font-bold text-emerald-600 whitespace-nowrap\"},O(S.received)),e.createElement(\"div\",{className:\"text-xs text-gray-400\"},\"\\u0438\\u0437 \",O(S.amount)),e.createElement(\"div\",{className:\"h-1.5 bg-gray-100 rounded mt-2\"},e.createElement(\"div\",{className:\"h-1.5 bg-emerald-500 rounded\",style:{width:T+\"%\"}})),e.createElement(\"div\",{className:\"text-xs text-gray-500 mt-1\"},\"\\u041F\\u043E\\u0441\\u0442\\u0443\\u043F\\u0438\\u043B\\u043E: \",T,\"%\")),e.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm min-w-0\"},e.createElement(\"div\",{className:\"text-xs text-gray-500 uppercase\"},\"\\u041E\\u0442\\u0433\\u0440\\u0443\\u0437\\u043A\\u0438 \\u043A\\u043B\\u0438\\u0435\\u043D\\u0442\\u0443\"),e.createElement(\"div\",{className:\"text-[17px] font-bold text-sky-600 whitespace-nowrap\"},O(S.shipped)),e.createElement(\"div\",{className:\"text-xs text-gray-400\"},\"\\u0438\\u0437 \",O(S.amount)),e.createElement(\"div\",{className:\"h-1.5 bg-gray-100 rounded mt-2\"},e.createElement(\"div\",{className:\"h-1.5 bg-sky-500 rounded\",style:{width:z+\"%\"}})),e.createElement(\"div\",{className:\"text-xs text-gray-500 mt-1\"},\"\\u041E\\u0442\\u0433\\u0440\\u0443\\u0436\\u0435\\u043D\\u043E: \",z,\"%\",U>.005&&e.createElement(\"span\",{className:\"text-amber-600\"},\" \\xB7 \\u041C\\u044B \\u0434\\u043E\\u043B\\u0436\\u043D\\u044B: \",O(U)))),e.createElement(\"div\",{className:\"bg-white rounded-lg p-4 shadow-sm min-w-0\"},e.createElement(\"div\",{className:\"text-xs text-gray-500 uppercase\"},\"\\u041F\\u0440\\u0438\\u0431\\u044B\\u043B\\u044C \\u0441\\u0434\\u0435\\u043B\\u043A\\u0438\"),e.createElement(\"div\",{className:\"text-[17px] font-bold whitespace-nowrap \"+(v>=0?\"text-[#22313f]\":\"text-rose-600\")},O(v)),e.createElement(\"div\",{className:\"text-xs text-gray-500\"},\"\\u0420\\u0435\\u043D\\u0442\\u0430\\u0431\\u0435\\u043B\\u044C\\u043D\\u043E\\u0441\\u0442\\u044C \",y,\"%\"),e.createElement(\"div\",{className:\"text-xs text-gray-400 mt-1\"},\"\\u0414\\u043E\\u0445\\u043E\\u0434\\u044B +\",O(S.income_all),\" \\xB7 \\u0420\\u0430\\u0441\\u0445\\u043E\\u0434\\u044B \\u2212\",O(S.expense_all)))),e.createElement(\"div\",{className:\"grid gap-4\",style:{gridTemplateColumns:\"1fr 300px\"}},e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm min-w-0\"},e.createElement(\"div\",{className:\"flex border-b border-gray-100 text-sm overflow-x-auto\"},ke.map(([_,te])=>e.createElement(\"button\",{key:_,onClick:()=>l(_),className:\"px-4 py-2.5 whitespace-nowrap uppercase text-xs tracking-wide \"+(m===_?\"text-[#2aa3af] font-semibold border-b-2 border-[#2aa3af] -mb-px\":\"text-gray-400 hover:text-gray-600\")},te))),m===\"items\"&&e.createElement(\"div\",null,e.createElement(\"div\",{className:\"flex justify-between items-center p-2 pl-3\"},e.createElement(\"div\",{className:\"text-xs text-gray-400\"},\"\\u0422\\u043E\\u0432\\u0430\\u0440\\u044B \\u0438 \\u0443\\u0441\\u043B\\u0443\\u0433\\u0438 \\u043F\\u043E \\u0441\\u0434\\u0435\\u043B\\u043A\\u0435\"),e.createElement(E,{small:!0,onClick:()=>r({name:(o.products[0]||{}).name||\"\",qty:1,unit:\"\\u0443\\u0441\\u043B\",price:S.amount||\"\"})},\"\\u0414\\u043E\\u0431\\u0430\\u0432\\u0438\\u0442\\u044C\")),e.createElement(\"table\",{className:\"w-full text-sm\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3\"},\"\\u041D\\u0430\\u0438\\u043C\\u0435\\u043D\\u043E\\u0432\\u0430\\u043D\\u0438\\u0435\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u041A\\u043E\\u043B-\\u0432\\u043E\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0415\\u0434\\u0438\\u043D\\u0438\\u0446\\u0430\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0426\\u0435\\u043D\\u0430 \\u0437\\u0430 \\u0435\\u0434.\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0421\\u0443\\u043C\\u043C\\u0430\"),e.createElement(\"th\",{className:\"p-2\"}))),e.createElement(\"tbody\",null,p.items.map(_=>e.createElement(\"tr\",{key:_.id,className:\"border-t border-gray-50\"},e.createElement(\"td\",{className:\"p-2 pl-3 text-gray-700\"},_.name),e.createElement(\"td\",{className:\"p-2 text-right\"},_.qty),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},_.unit),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},O(_.price)),e.createElement(\"td\",{className:\"p-2 text-right font-medium whitespace-nowrap\"},O(Number(_.qty)*Number(_.price))),e.createElement(\"td\",{className:\"p-2 text-right\"},e.createElement(H,{icon:D.trash,danger:!0,onClick:async()=>{await F(\"/items/\"+_.id,\"DELETE\"),j()}})))),p.items.length===0&&e.createElement(\"tr\",null,e.createElement(\"td\",{colSpan:6,className:\"p-4 text-center text-gray-400\"},\"\\u0412\\u044B\\u0431\\u0435\\u0440\\u0438\\u0442\\u0435 \\u0442\\u043E\\u0432\\u0430\\u0440\\u044B \\u0438\\u043B\\u0438 \\u0443\\u0441\\u043B\\u0443\\u0433\\u0438 \\u0434\\u043B\\u044F \\u043F\\u0440\\u043E\\u0434\\u0430\\u0436\\u0438\")))),p.items.length>0&&e.createElement(\"div\",{className:\"p-2 pl-3 text-xs text-gray-500 border-t border-gray-50\"},p.items.length,\" \\u043F\\u043E\\u0437\\u0438\\u0446\\u0438\\u044F \\u043D\\u0430 \\u0441\\u0443\\u043C\\u043C\\u0443: \",e.createElement(\"b\",null,O(ue)))),m===\"in\"&&e.createElement(be,{rows:V,addType:\"income\"}),m===\"exp\"&&e.createElement(be,{rows:ee,addType:\"expense\"}),m===\"ship\"&&e.createElement(\"div\",null,e.createElement(\"div\",{className:\"flex justify-between items-center p-2 pl-3\"},e.createElement(\"div\",{className:\"text-xs text-gray-400\"},\"\\u041E\\u0442\\u0433\\u0440\\u0443\\u0437\\u043A\\u0438 (\\u0430\\u043A\\u0442\\u044B) \\u2014 \\u0443\\u0447\\u0451\\u0442 \\u043F\\u043E \\u043C\\u0435\\u0442\\u043E\\u0434\\u0443 \\u043D\\u0430\\u0447\\u0438\\u0441\\u043B\\u0435\\u043D\\u0438\\u044F\"),e.createElement(E,{small:!0,onClick:()=>u({date:Y(),amount:S.amount||\"\",comment:\"\"})},\"\\u0414\\u043E\\u0431\\u0430\\u0432\\u0438\\u0442\\u044C\")),e.createElement(\"table\",{className:\"w-full text-sm\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3\"},\"\\u0414\\u0430\\u0442\\u0430\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u041A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0439\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0421\\u0443\\u043C\\u043C\\u0430\"),e.createElement(\"th\",{className:\"p-2\"}))),e.createElement(\"tbody\",null,p.shipments.map(_=>e.createElement(\"tr\",{key:_.id,className:\"border-t border-gray-50\"},e.createElement(\"td\",{className:\"p-2 pl-3 text-gray-500\"},q(_.date)),e.createElement(\"td\",{className:\"p-2 text-gray-600\"},_.comment||\"\\u0410\\u043A\\u0442 \\u0432\\u044B\\u043F\\u043E\\u043B\\u043D\\u0435\\u043D\\u043D\\u044B\\u0445 \\u0440\\u0430\\u0431\\u043E\\u0442\"),e.createElement(\"td\",{className:\"p-2 text-right font-medium whitespace-nowrap text-sky-600\"},O(_.amount)),e.createElement(\"td\",{className:\"p-2 text-right\"},e.createElement(H,{icon:D.trash,danger:!0,onClick:async()=>{await F(\"/shipments/\"+_.id,\"DELETE\"),j()}})))),p.shipments.length===0&&e.createElement(\"tr\",null,e.createElement(\"td\",{colSpan:4,className:\"p-4 text-center text-gray-400\"},\"\\u041E\\u0442\\u0433\\u0440\\u0443\\u0437\\u043E\\u043A \\u043F\\u043E\\u043A\\u0430 \\u043D\\u0435\\u0442\"))))),m===\"inv\"&&e.createElement(\"div\",null,e.createElement(\"div\",{className:\"flex justify-between items-center p-2 pl-3\"},e.createElement(\"div\",{className:\"text-xs text-gray-400\"},\"\\u0421\\u0447\\u0435\\u0442\\u0430, \\u0432\\u044B\\u0441\\u0442\\u0430\\u0432\\u043B\\u0435\\u043D\\u043D\\u044B\\u0435 \\u043F\\u043E \\u0441\\u0434\\u0435\\u043B\\u043A\\u0435\"),e.createElement(E,{small:!0,onClick:()=>d({number:\"\",date:Y(),amount:S.amount||\"\",client:S.client,comment:\"\"})},\"\\u0412\\u044B\\u0441\\u0442\\u0430\\u0432\\u0438\\u0442\\u044C \\u0441\\u0447\\u0451\\u0442\")),e.createElement(\"table\",{className:\"w-full text-sm\"},e.createElement(\"thead\",null,e.createElement(\"tr\",{className:\"text-left text-xs text-gray-400\"},e.createElement(\"th\",{className:\"p-2 pl-3\"},\"\\u2116\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0414\\u0430\\u0442\\u0430\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u041A\\u043B\\u0438\\u0435\\u043D\\u0442\"),e.createElement(\"th\",{className:\"p-2 text-right\"},\"\\u0421\\u0443\\u043C\\u043C\\u0430\"),e.createElement(\"th\",{className:\"p-2\"},\"\\u0421\\u0442\\u0430\\u0442\\u0443\\u0441\"),e.createElement(\"th\",{className:\"p-2\"}))),e.createElement(\"tbody\",null,p.invoices.map(_=>e.createElement(\"tr\",{key:_.id,className:\"border-t border-gray-50\"},e.createElement(\"td\",{className:\"p-2 pl-3\"},_.number||\"\\u0431/\\u043D\"),e.createElement(\"td\",{className:\"p-2 text-gray-500\"},q(_.date)),e.createElement(\"td\",{className:\"p-2 text-gray-700\"},_.client||\"\\u2014\"),e.createElement(\"td\",{className:\"p-2 text-right whitespace-nowrap\"},O(_.amount)),e.createElement(\"td\",{className:\"p-2\"},_.status===\"paid\"?e.createElement(\"span\",{className:\"text-xs px-2 py-0.5 rounded bg-emerald-100 text-emerald-700\"},\"\\u041E\\u043F\\u043B\\u0430\\u0447\\u0435\\u043D\"):e.createElement(\"button\",{className:\"text-xs px-2 py-0.5 rounded bg-amber-100 text-amber-700\",onClick:async()=>{await F(`/invoices/${_.id}/paid`,\"POST\",{}),j()}},\"\\u041D\\u0435 \\u043E\\u043F\\u043B\\u0430\\u0447\\u0435\\u043D \\u2192 \\u043E\\u043F\\u043B\\u0430\\u0442\\u0438\\u0442\\u044C\")),e.createElement(\"td\",{className:\"p-2 text-right\"},e.createElement(H,{icon:D.trash,danger:!0,onClick:async()=>{await F(\"/invoices/\"+_.id,\"DELETE\"),j()}})))),p.invoices.length===0&&e.createElement(\"tr\",null,e.createElement(\"td\",{colSpan:6,className:\"p-4 text-center text-gray-400\"},\"\\u0421\\u0447\\u0435\\u0442\\u043E\\u0432 \\u043D\\u0435\\u0442\")))))),e.createElement(\"div\",{className:\"bg-white rounded-lg shadow-sm p-4 h-fit\"},e.createElement(\"div\",{className:\"text-xs uppercase tracking-wide text-gray-400 font-semibold mb-3\"},\"\\u0424\\u0430\\u0439\\u043B\\u044B \\u0438 \\u043A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0438\"),(p.comments||[]).length===0&&e.createElement(\"div\",{className:\"text-xs text-gray-400 text-center py-6\"},\"\\u041E\\u0441\\u0442\\u0430\\u0432\\u043B\\u044F\\u0439\\u0442\\u0435 \\u043A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0438\",e.createElement(\"br\",null),\"\\u0434\\u043B\\u044F \\u0441\\u0435\\u0431\\u044F \\u0438 \\u0441\\u0432\\u043E\\u0438\\u0445 \\u043A\\u043E\\u043B\\u043B\\u0435\\u0433\"),e.createElement(\"div\",{className:\"max-h-72 overflow-y-auto mb-3\"},(p.comments||[]).map(_=>e.createElement(\"div\",{key:_.id,className:\"mb-2 bg-slate-50 rounded p-2 text-sm group\"},e.createElement(\"div\",{className:\"text-gray-700 whitespace-pre-wrap break-words\"},_.text),e.createElement(\"div\",{className:\"flex justify-between text-[10px] text-gray-400 mt-1\"},e.createElement(\"span\",null,q(_.created_at)),e.createElement(\"button\",{className:\"opacity-0 group-hover:opacity-100 hover:text-rose-500\",onClick:async()=>{await F(\"/comments/\"+_.id,\"DELETE\"),j()}},\"\\u0443\\u0434\\u0430\\u043B\\u0438\\u0442\\u044C\"))))),e.createElement(\"div\",{className:\"flex gap-2\"},e.createElement(\"input\",{className:\"flex-1 border border-gray-200 rounded px-2 py-1.5 text-sm\",placeholder:\"\\u041D\\u0430\\u043F\\u0438\\u0441\\u0430\\u0442\\u044C \\u043A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0439\",value:k,onChange:_=>P(_.target.value),onKeyDown:_=>{_.key===\"Enter\"&&we()}}),e.createElement(E,{small:!0,onClick:we},\"\\u27A4\")))),a&&e.createElement(De,{meta:o,initial:{op_type:a.op_type,date:Y(),confirmed:!1,amount:\"\",account_id:\"\",account2_id:\"\",category_id:\"\",contractor_id:\"\",deal_id:String(s),project_id:\"\",purpose:\"\"},onClose:()=>N(null),onSaved:()=>{j(),g()}}),c&&e.createElement(Ke,{initial:S,onClose:()=>x(!1),onSaved:j}),w&&e.createElement(X,{title:\"\\u041E\\u0442\\u0433\\u0440\\u0443\\u0437\\u043A\\u0430 (\\u0430\\u043A\\u0442)\",onClose:()=>u(null)},e.createElement(\"div\",{className:\"grid grid-cols-2 gap-x-4\"},e.createElement(M,{label:\"\\u0414\\u0430\\u0442\\u0430\"},e.createElement(B,{type:\"date\",value:w.date,onChange:_=>u({...w,date:_.target.value})})),e.createElement(M,{label:\"\\u0421\\u0443\\u043C\\u043C\\u0430, \\u20BD\"},e.createElement(B,{type:\"number\",value:w.amount,onChange:_=>u({...w,amount:_.target.value})}))),e.createElement(M,{label:\"\\u041A\\u043E\\u043C\\u043C\\u0435\\u043D\\u0442\\u0430\\u0440\\u0438\\u0439\"},e.createElement(B,{value:w.comment,onChange:_=>u({...w,comment:_.target.value}),placeholder:\"\\u0410\\u043A\\u0442 \\u0432\\u044B\\u043F\\u043E\\u043B\\u043D\\u0435\\u043D\\u043D\\u044B\\u0445 \\u0440\\u0430\\u0431\\u043E\\u0442\"})),e.createElement(\"div\",{className:\"flex justi",[],[145,202],"3c381802-973b-465b-8d98-d340c7b73d62","pages_ops.tsx","9b41eb6c-9d49-11f1-a5f0-1607ee4eb77e","2ba02cd3-9593-4dc3-a930-7ca2c0361271",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",[],[145,218,210],"src","baa6dfd3-57f0-488e-9971-bbd79fc26a8d","pages_d.tsx","56ab9a3e-9d44-11f1-b494-1607ee4eb77e",38,["D",1787307488105],"// План (платёжный календарь, БДР, БДДС — бюджеты-документы), Отчёты (ДДС, ОПУ, Баланс)\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  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    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",[],[145,218,220],"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",[],[145,218,228],"2c3d2467-e68f-45c2-88dd-4de58c9a7f1d","pages_b.tsx","16c4e0aa-9d40-11f1-83f2-1607ee4eb77e",36,["D",1787307487318],"// Сделки (продажи/закупки) с фильтрами, карточка с вкладками и комментариями, Выставленные счета, Проекты\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-[22px] font-bold text-[#22313f]\">{d.name}</h1>\n        <TSelect value={d.status} onChange={(e) => changeStatus(e.target.value)} className=\"!w-48\">\n          {Object.entries(DEAL_STATUS).map(([k, v]) => <option key={k} value={k}>{v.label}</option>)}\n        </TSelect>\n        <Btn small kind=\"ghost\" onClick={() => setEditModal(true)}>Изменить</Btn>\n      </div>\n      <div style={{ display: \"grid\", gridTemplateColumns: \"repeat(auto-fit, minmax(240px, 1fr))\", gap: 12 }} className=\"mb-5\">\n        <div className=\"bg-white rounded-lg p-4 shadow-sm min-w-0\">\n          <div className=\"text-xs text-gray-500\">Сделка на сумму</div>\n          <div className=\"text-[17px] font-bold text-[#22313f] whitespace-nowrap\">{fmt(d.amount)}</div>\n          <div className=\"text-xs text-gray-500 mt-2\">Тип: {d.deal_type === \"purchase\" ? \"Закупка\" : \"Продажа\"}</div>\n          <div className=\"text-xs text-gray-500\">Клиент: <span className=\"text-gray-700\">{d.client || \"—\"}</span></div>\n          <div className=\"text-xs text-gray-500\">Создана: {fmtDate(d.created_at)}</div>\n        </div>\n        <div className=\"bg-white rounded-lg p-4 shadow-sm min-w-0\">\n          <div className=\"text-xs text-gray-500 uppercase\">Поступления</div>\n          <div className=\"text-[17px] font-bold text-emerald-600 whitespace-nowrap\">{fmt(d.received)}</div>\n          <div className=\"text-xs text-gray-400\">из {fmt(d.amount)}</div>\n          <div className=\"h-1.5 bg-gray-100 rounded mt-2\"><div className=\"h-1.5 bg-emerald-500 rounded\" style={{ width: pctIn + \"%\" }}></div></div>\n          <div className=\"text-xs text-gray-500 mt-1\">Поступило: {pctIn}%</div>\n        </div>\n        <div className=\"bg-white rounded-lg p-4 shadow-sm min-w-0\">\n          <div className=\"text-xs text-gray-500 uppercase\">Отгрузки клиенту</div>\n          <div className=\"text-[17px] font-bold text-sky-600 whitespace-nowrap\">{fmt(d.shipped)}</div>\n          <div className=\"text-xs text-gray-400\">из {fmt(d.amount)}</div>\n          <div className=\"h-1.5 bg-gray-100 rounded mt-2\"><div className=\"h-1.5 bg-sky-500 rounded\" style={{ width: pctShip + \"%\" }}></div></div>\n          <div className=\"text-xs text-gray-500 mt-1\">Отгружено: {pctShip}%{weOwe > 0.005 && <span className=\"text-amber-600\"> · Мы должны: {fmt(weOwe)}</span>}</div>\n        </div>\n        <div className=\"bg-white rounded-lg p-4 shadow-sm min-w-0\">\n          <div className=\"text-xs text-gray-500 uppercase\">Прибыль сделки</div>\n          <div className={\"text-[17px] font-bold whitespace-nowrap \" + (profit >= 0 ? \"text-[#22313f]\" : \"text-rose-600\")}>{fmt(profit)}</div>\n          <div className=\"text-xs text-gray-500\">Рентабельность {rentab}%</div>\n          <div className=\"text-xs text-gray-400 mt-1\">Доходы +{fmt(d.income_all)} · Расходы −{fmt(d.expense_all)}</div>\n        </div>\n      </div>\n      <div className=\"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",[],[145,218,236],"07f55a42-4cba-43df-82e1-dd0ff072e4aa","pages_a.tsx","165e7c84-9d40-11f1-b1b5-1607ee4eb77e",35,["D",1787307486895],"// Показатели и Показатели PRO\nimport {\n  React, useEffect, useState, api, fmt, fmt0, fmtShort, fmtDate, todayStr, thisYear,\n  monLabel, rootOfCat, TInput, TSelect, Tabs, YearSelect,\n  ComboChart, ChartLegend, AreaChart, Donut, DONUT_COLORS, Pareto, CH,\n} from \"./lib.tsx\";\n\nconst MONTH_FULL = [\"января\",\"февраля\",\"марта\",\"апреля\",\"мая\",\"июня\",\"июля\",\"августа\",\"сентября\",\"октября\",\"ноября\",\"декабря\"];\nconst WEEKDAYS = [\"воскресенье\",\"понедельник\",\"вторник\",\"среда\",\"четверг\",\"пятница\",\"суббота\"];\nfunction todayWords() {\n  const d = new Date();\n  return `${d.getDate()} ${MONTH_FULL[d.getMonth()]} ${d.getFullYear()} года, ${WEEKDAYS[d.getDay()]}`;\n}\nconst monthsBetween = (from, to) => {\n  const out = [];\n  let [y, m] = from.split(\"-\").map(Number);\n  const [ty, tm] = to.split(\"-\").map(Number);\n  while (y < ty || (y === ty && m <= tm)) {\n    out.push(`${y}-${String(m).padStart(2, \"0\")}`);\n    m++; if (m > 12) { m = 1; y++; }\n  }\n  return out.slice(0, 24);\n};\n\n// метрика с «по плану» (как в референсе)\nfunction Metric({ label, value, plan, unit = \" ₽\", color }) {\n  return (\n    <div className=\"mb-5\">\n      <div className=\"text-[13px] text-gray-500 mb-0.5\">{label}</div>\n      <div className={\"text-[26px] leading-tight font-bold whitespace-nowrap \" + (color || \"text-[#37474f]\")}>{value}{unit === \"%\" ? \"%\" : \"\"}</div>\n      <div className=\"text-xs text-[#1e88e5] whitespace-nowrap\">{plan}{unit === \"%\" ? \"%\" : \"\"} <span className=\"text-gray-400\">- по плану</span></div>\n    </div>\n  );\n}\n\n// ---------- Показатели ----------\nexport function PageIndicators({ meta }) {\n  const nowM = todayStr().slice(0, 7);\n  const [from, setFrom] = useState(thisYear() + \"-01\");\n  const [to, setTo] = useState(nowM);\n  const [basis, setBasis] = useState(\"cash\");\n  const [flow, setFlow] = useState(\"all\");\n  const [structTab, setStructTab] = useState(\"dr\");\n  const [flt, setFlt] = useState({ account: \"\", project: \"\", deal: \"\" });\n  const [deals, setDeals] = useState([]);\n  const [data, setData] = useState(null);\n  useEffect(() => { api(\"/deals\").then(setDeals); }, []);\n  useEffect(() => {\n    const p = new URLSearchParams({ from: from + \"-01\", to: to + \"-31\", basis });\n    if (flt.account) p.set(\"account\", flt.account);\n    if (flt.project) p.set(\"project\", flt.project);\n    if (flt.deal) p.set(\"deal\", flt.deal);\n    api(\"/dashboard2?\" + p.toString()).then(setData);\n  }, [from, to, basis, JSON.stringify(flt)]);\n  if (!data) return <div className=\"p-6 text-gray-400 text-sm\">Загрузка…</div>;\n\n  const mlist = monthsBetween(from, to);\n  const byM = {};\n  for (const r of data.months) byM[r.m] = r;\n  // план из бюджетов БДР\n  const planIncByM = {}, planExpByM = {};\n  for (const p of data.plans) {\n    if (p.period < from || p.period > to) continue;\n    if (String(p.row_key).startsWith(\"inc_\")) planIncByM[p.period] = (planIncByM[p.period] || 0) + Number(p.s);\n    else planExpByM[p.period] = (planExpByM[p.period] || 0) + Number(p.s);\n  }\n  // дивиденды и потоки из структуры\n  const divByM = {};\n  const flowByM = {}; // m -> {in_oper, out_oper, in_fin, out_fin}\n  const rootsInc = {}, rootsExp = {};\n  const incTotByM = {}, expTotByM = {};\n  for (const r of data.struct) {\n    const root = r.category_id ? rootOfCat(meta.categories, r.category_id) : null;\n    const rname = root ? root.name : \"Нераспределенные\";\n    const isFin = rname.toLowerCase().includes(\"кредит\") || rname.toLowerCase().includes(\"овердрафт\");\n    const f = (flowByM[r.m] = flowByM[r.m] || { in_oper: 0, out_oper: 0, in_fin: 0, out_fin: 0 });\n    if (r.op_type === \"income\") { f[isFin ? \"in_fin\" : \"in_oper\"] += Number(r.s); (rootsInc[rname] = rootsInc[rname] || { name: rname, value: 0, byM: {} }).value += Number(r.s); rootsInc[rname].byM[r.m] = (rootsInc[rname].byM[r.m] || 0) + Number(r.s); incTotByM[r.m] = (incTotByM[r.m] || 0) + Number(r.s); }\n    else { f[isFin ? \"out_fin\" : \"out_oper\"] += Number(r.s); (rootsExp[rname] = rootsExp[rname] || { name: rname, value: 0, byM: {} }).value += Number(r.s); rootsExp[rname].byM[r.m] = (rootsExp[rname].byM[r.m] || 0) + Number(r.s); expTotByM[r.m] = (expTotByM[r.m] || 0) + Number(r.s); }\n    if (rname === \"Дивиденды\") divByM[r.m] = (divByM[r.m] || 0) + Number(r.s);\n  }\n  const inc = mlist.reduce((s, m) => s + Number(byM[m]?.income || 0), 0);\n  const exp = mlist.reduce((s, m) => s + Number(byM[m]?.expense || 0), 0);\n  const np = inc - exp;\n  const rent = inc ? Math.round((np / inc) * 1000) / 10 : 0;\n  const div = Object.values(divByM).reduce((s, v) => s + v, 0);\n  const planInc = mlist.reduce((s, m) => s + (planIncByM[m] || 0), 0) || inc;\n  const planExp = mlist.reduce((s, m) => s + (planExpByM[m] || 0), 0) || exp;\n  const planNp = planInc - planExp;\n  const planRent = planInc ? Math.round((planNp / planInc) * 1000) / 10 : 0;\n\n  const profitChart = mlist.map((m) => ({\n    label: monLabel(m),\n    income: Number(byM[m]?.income || 0),\n    expense: Number(byM[m]?.expense || 0),\n    np: Number(byM[m]?.income || 0) - Number(byM[m]?.expense || 0),\n    div: divByM[m] || 0,\n  }));\n\n  const flowIn = (m) => { const f = flowByM[m] || {}; return flow === \"all\" ? (f.in_oper || 0) + (f.in_fin || 0) : flow === \"oper\" ? f.in_oper || 0 : flow === \"fin\" ? f.in_fin || 0 : 0; };\n  const flowOut = (m) => { const f = flowByM[m] || {}; return flow === \"all\" ? (f.out_oper || 0) + (f.out_fin || 0) : flow === \"oper\" ? f.out_oper || 0 : flow === \"fin\" ? f.out_fin || 0 : 0; };\n  const flowChart = mlist.map((m) => ({ label: monLabel(m), inflow: flowIn(m), outflow: flowOut(m), net: flowIn(m) - flowOut(m) }));\n  const totIn = mlist.reduce((s, m) => s + flowIn(m), 0);\n  const totOut = mlist.reduce((s, m) => s + flowOut(m), 0);\n\n  const incParts = Object.values(rootsInc).sort((a, b) => b.value - a.value);\n  const expParts = Object.values(rootsExp).sort((a, b) => b.value - a.value);\n  const incTotal = incParts.reduce((s, p) => s + p.value, 0) || 1;\n  const expTotal = expParts.reduce((s, p) => s + p.value, 0) || 1;\n\n  const StructBlock = ({ title, parts, total, totByM, barColor }) => (\n    <div className=\"mb-6\">\n      <div className=\"text-sm font-semibold text-[#37474f] mb-2\">{title}</div>\n      <div className=\"grid lg:grid-cols-2 gap-4 items-center\">\n        <div className=\"flex items-center gap-5 flex-wrap\">\n          <Donut parts={parts.slice(0, 8).map((p, i) => ({ ...p, color: DONUT_COLORS[i % DONUT_COLORS.length] }))} />\n          <div className=\"text-[13px]\">\n            {parts.slice(0, 8).map((p, i) => (\n              <div key={p.name} className=\"flex items-center gap-2 py-0.5\">\n                <span className=\"inline-block w-3 h-3 rounded-sm\" style={{ background: DONUT_COLORS[i % DONUT_COLORS.length] }}></span>\n                <span className=\"text-gray-600\">{p.name}</span>\n                <b className=\"text-[#37474f] whitespace-nowrap\">{fmt0(p.value)}</b>\n                <span className=\"text-gray-400\">({(p.value / total * 100).toFixed(2)}%)</span>\n              </div>\n            ))}\n          </div>\n        </div>\n        <ComboChart data={mlist.map((m) => ({ label: monLabel(m), v: totByM[m] || 0 }))} bars={[{ key: \"v\", color: barColor }]} lines={[]} height={190} />\n      </div>\n    </div>\n  );\n\n  const selCls = \"border border-gray-200 rounded px-3 py-2 text-sm bg-white text-gray-600\";\n  return (\n    <div className=\"p-6\">\n      {/* заголовок и фильтры */}\n      <div className=\"flex items-end gap-4 flex-wrap mb-5\">\n        <div className=\"mr-2\">\n          <div className=\"text-[24px] font-bold text-[#37474f] leading-tight\">{meta.company_name}</div>\n          <div className=\"text-xs text-gray-400\">{todayWords()}</div>\n        </div>\n        <label className=\"text-xs text-gray-400\">Период<br />\n          <span className=\"inline-flex items-center gap-1 border border-gray-200 rounded px-2 py-1 bg-white\">\n            <input type=\"month\" className=\"text-sm text-gray-700\" value={from} onChange={(e) => setFrom(e.target.value)} />\n            —\n            <input type=\"month\" className=\"text-sm text-gray-700\" value={to} onChange={(e) => setTo(e.target.value)} />\n          </span>\n        </label>\n        <label className=\"text-xs text-gray-400\">Отображение<br />\n          <select className={selCls}><option>По месяцам</option></select>\n        </label>\n        <label className=\"text-xs text-gray-400\">Юрлица и счета<br />\n          <select className={selCls} value={flt.account} onChange={(e) => setFlt({ ...flt, account: e.target.value })}>\n            <option value=\"\">Юрлица и счета</option>\n            {meta.accounts.filter((a) => a.active).map((a) => <option key={a.id} value={a.id}>{a.name}</option>)}\n          </select>\n        </label>\n        <label className=\"text-xs text-gray-400\">Проекты<br />\n          <select className={selCls} value={flt.project} onChange={(e) => setFlt({ ...flt, project: e.target.value })}>\n            <option value=\"\">Проекты</option>\n            {(meta.projects || []).map((p) => <option key={p.id} value={p.id}>{p.name}</option>)}\n          </select>\n        </label>\n        <label className=\"text-xs text-gray-400\">Сделки<br />\n          <select className={selCls} value={flt.deal} onChange={(e) => setFlt({ ...flt, deal: e.target.value })}>\n            <option value=\"\">Сделки</option>\n            {deals.map((d) => <option key={d.id} value={d.id}>{d.name}</option>)}\n          </select>\n        </label>\n        {(flt.account || flt.project || flt.deal) && (\n          <button className=\"text-gray-400 hover:text-gray-600 text-lg pb-1\" title=\"Сбросить фильтры\"\n            onClick={() => setFlt({ account: \"\", project: \"\", deal: \"\" })}>✕</button>\n        )}\n      </div>\n\n      {/* Прибыль */}\n      <div className=\"flex items-center gap-3 mb-3\">\n        <div className=\"font-bold text-[#37474f]\">Прибыль, ₽</div>\n        <Tabs tabs={[[\"accrual\", \"Метод начисления\"], [\"cash\", \"Кассовый метод\"]]} value={basis} onChange={setBasis} />\n      </div>\n      <div className=\"bg-white rounded-lg shadow-sm p-4 mb-6\">\n        <div className=\"grid\" style={{ gridTemplateColumns: \"300px 1fr\", gap: 16 }}>\n          <div className=\"border-r border-gray-50 pr-4\">\n            <Metric label=\"Доходы\" value={fmt0(inc)} plan={fmt0(planInc)} />\n            <Metric label=\"Расходы\" value={fmt0(exp)} plan={fmt0(planExp)} />\n            <Metric label=\"Чистая прибыль\" value={fmt0(np)} plan={fmt0(planNp)} color={np < 0 ? \"text-rose-600\" : undefined} />\n            <Metric label=\"Рентабельность, %\" value={rent} plan={planRent} unit=\"%\" />\n            <Metric label=\"Дивиденды\" value={fmt0(div)} plan={fmt0(div)} />\n          </div>\n          <div className=\"min-w-0\">\n            <ComboChart data={profitChart}\n              bars={[{ key: \"income\", color: CH.blue }, { key: \"expense\", color: CH.orange }]}\n              lines={[{ key: \"np\", color: CH.green }, { key: \"div\", color: CH.purple }]} height={330} />\n            <ChartLegend items={[[\"Доходы\", CH.blue], [\"Расходы\", CH.orange], [\"Чистая прибыль\", CH.green, true], [\"Дивиденды\", CH.purple, true]]} />\n          </div>\n        </div>\n      </div>\n\n      {/* Денежный поток */}\n      <div className=\"flex items-center gap-3 mb-3\">\n        <div className=\"font-bold text-[#37474f]\">Денежный поток, ₽</div>\n        <Tabs tabs={[[\"all\", \"Общий\"], [\"oper\", \"Операционный\"], [\"invest\", \"Инвестиционный\"], [\"fin\", \"Финансовый\"]]} value={flow} onChange={setFlow} />\n      </div>\n      <div className=\"bg-white rounded-lg shadow-sm p-4 mb-6\">\n        <div className=\"grid\" style={{ gridTemplateColumns: \"300px 1fr\", gap: 16 }}>\n          <div className=\"border-r border-gray-50 pr-4\">\n            <Metric label=\"Поступления\" value={fmt0(totIn)} plan={fmt0(totIn)} />\n            <Metric label=\"Выплаты\" value={fmt0(totOut)} plan={fmt0(totOut)} />\n            <Metric label=\"Чистый поток\" value={fmt0(totIn - totOut)} plan={fmt0(totIn - totOut)} color={totIn - totOut < 0 ? \"text-rose-600\" : undefined} />\n          </div>\n          <div className=\"min-w-0\">\n            <ComboChart data={flowChart}\n              bars={[{ key: \"inflow\", color: CH.blue }, { key: \"outflow\", color: CH.orange }]}\n              lines={[{ key: \"net\", color: CH.green }]} height={280} />\n            <ChartLegend items={[[\"Поступления\", CH.blue], [\"Выплаты\", CH.orange], [\"Чистый поток\", CH.green, true]]} />\n          </div>\n        </div>\n      </div>\n\n      {/* Остатки на счетах */}\n      <div className=\"font-bold text-[#37474f] mb-3\">Остатки на счетах, ₽</div>\n      <div className=\"bg-white rounded-lg shadow-sm p-4 mb-6\">\n        <AreaChart points={data.daily} height={250} />\n        <ChartLegend items={[[\"Общий остаток\", CH.green]]} />\n      </div>\n\n      {/* Структура платежей */}\n      <div className=\"flex items-center gap-3 mb-3\">\n        <div className=\"font-bold text-[#37474f]\">Структура платежей</div>\n        <Tabs tabs={[[\"dr\", \"Доходы и расходы\"], [\"pv\", \"Поступления и выплаты\"]]} value={structTab} onChange={setStructTab} />\n      </div>\n      <div className=\"bg-white rounded-lg shadow-sm p-4 mb-6\">\n        <StructBlock title={structTab === \"dr\" ? \"Доходы, ₽\" : \"Поступления, ₽\"} parts={incParts} total={incTotal} totByM={incTotByM} barColor={CH.blue} />\n        <StructBlock title={structTab === \"dr\" ? \"Расходы, ₽\" : \"Выплаты, ₽\"} parts={expParts} total={expTotal} totByM={expTotByM} barColor={CH.orange} />\n      </div>\n\n      {/* ABC-анализ клиентов */}\n      <div className=\"font-bold text-[#37474f] mb-3\">ABC-анализ клиентов</div>\n      <div className=\"bg-white rounded-lg shadow-sm p-4 mb-6\">\n        <Pareto rows={data.abc.map((r) => ({ name: r.name, value: Number(r.s) }))} height={320} />\n        <ChartLegend items={[[\"Клиенты, приносящие более 80% доходов\", CH.blue], [\"Клиенты, приносящие менее 20% доходов\", CH.purple], [\"Доля доходов с накопительным итогом, %\", \"#3949AB\", true]]} />\n      </div>\n\n      {/* Прибыльность проектов */}\n      <div className=\"font-bold text-[#37474f] mb-3\">Прибыльность проектов</div>\n      <div className=\"bg-white rounded-lg shadow-sm p-4 mb-2\">\n        <Pareto rows={data.proj_profit.map((r) => ({ name: r.name, value: Number(r.profit) }))} height={300} showLine={false} barColor=\"#66BB6A\" />\n        <ChartLegend items={[[\"Фактическая прибыль, ₽\", \"#66BB6A\"]]} />\n      </div>\n    </div>\n  );\n}\n\n// ---------- Показатели PRO ----------\nexport function PagePro({ meta }) {\n  const nowM = todayStr().slice(0, 7);\n  const [tab, setTab] = useState(\"money\");\n  const [from, setFrom] = useState(thisYear() + \"-01\");\n  const [to, setTo] = useState(nowM);\n  const [data, setData] = useState(null);\n  const [projects, setProjects] = useState([]);\n  useEffect(() => {\n    api(`/dashboard2?from=${from}-01&to=${to}-31&basis=cash`).then(setData);\n    api(\"/projects\").then(setProjects);\n  }, [from, to]);\n  if (!data) return <div className=\"p-6 text-gray-400 text-sm\">Загрузка…</div>;\n  const mset = {};\n  for (const r of data.months) mset[r.m] = r;\n  const mlist = monthsBetween(from, to);\n  const chart = mlist.map((m) => ({\n    label: monLabel(m),\n    income: Number(mset[m]?.income || 0),\n    expense: Number(mset[m]?.expense || 0),\n    np: Number(mset[m]?.income || 0) - Number(mset[m]?.expense || 0),\n  }));\n  return (\n    <div className=\"p-6\">\n      <div className=\"text-[24px] font-bold text-[#37474f] mb-3\">Показатели</div>\n      <div className=\"mb-4\">\n        <Tabs tabs={[[\"money\", \"Движение денег\"], [\"profit\", \"Прибыль\"], [\"projects\", \"Проекты\"]]} value={tab} onChange={setTab} />\n      </div>\n      <div className=\"flex items-end gap-4 mb-4\">\n        <label className=\"text-xs text-gray-400\">Период<br />\n          <span className=\"inline-flex items-center gap-1 border border-gray-200 rounded px-2 py-1 bg-white\">\n            <input type=\"month\" className=\"text-sm\" value={from} onChange={(e) => setFrom(e.target.value)} />\n            —\n            <input type=\"month\" className=\"text-sm\" value={to} onChange={(e) => setTo(e.target.value)} />\n          </span>\n        </label>\n      </div>\n      {tab === \"money\" && (\n        <div className=\"bg-white rounded-lg shadow-sm p-4\">\n          <div className=\"text-sm font-semibold text-[#37474f] mb-2\">Остатки на счетах, ₽</div>\n          <AreaChart points={data.daily} height={340} />\n          <ChartLegend items={[[\"Общий остаток\", CH.green]]} />\n        </div>\n      )}\n      {tab === \"profit\" && (\n        <div className=\"bg-white rounded-lg shadow-sm p-4\">\n          <div className=\"text-sm font-semibold text-[#37474f] mb-2\">Прибыль (кассовый метод), ₽</div>\n          <ComboChart data={chart}\n            bars={[{ key: \"income\", color: CH.blue }, { key: \"expense\", color: CH.orange }]}\n            lines={[{ key: \"np\", color: CH.green }]} height={340} />\n          <ChartLegend items={[[\"Доходы\", CH.blue], [\"Расходы\", CH.orange], [\"Чистая прибыль\", CH.green, true]]} />\n        </div>\n      )}\n      {tab === \"projects\" && (\n        <div className=\"bg-white rounded-lg shadow-sm\">\n          <table className=\"w-full text-sm\">\n            <thead><tr className=\"text-left text-xs text-gray-400\">\n              <th className=\"p-2 pl-3\">Проект</th><th className=\"p-2 text-right\">Доходы, ₽</th>\n              <th className=\"p-2 text-right\">Расходы, ₽</th><th className=\"p-2 text-right\">Прибыль, ₽</th><th className=\"p-2 text-right\">Рентабельность</th>\n            </tr></thead>\n            <tbody>\n              {projects.map((p) => {\n                const profit = Number(p.income) - Number(p.expense);\n                const r = Number(p.income) ? Math.round((profit / Number(p.income)) * 1000) / 10 : 0;\n                return (\n                  <tr key={p.id} className=\"border-t border-gray-50\">\n                    <td className=\"p-2 pl-3 text-gray-700\">{p.name}</td>\n                    <td className=\"p-2 text-right whitespace-nowrap\">{Number(p.income) ? fmt0(p.income) : \"—\"}</td>\n                    <td className=\"p-2 text-right whitespace-nowrap\">{Number(p.expense) ? fmt0(p.expense) : \"—\"}</td>\n                    <td className={\"p-2 text-right whitespace-nowrap font-medium \" + (profit < 0 ? \"text-rose-600\" : \"text-emerald-600\")}>{profit ? fmt0(profit) : \"—\"}</td>\n                    <td className=\"p-2 text-right\">{r ? r + \"%\" : \"—\"}</td>\n                  </tr>\n                );\n              })}\n            </tbody>\n          </table>\n        </div>\n      )}\n    </div>\n  );\n}\n",[],[145,218,244],"a9853b6f-e500-405e-a187-85401f19a165","main.tsx","17cc59ec-9d40-11f1-a0aa-1607ee4eb77e",34,["D",1787307486481],"// U.fin — каркас: шапка с дропдауном счетов, сайдбар с hover-подменю, роутинг\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport {\n  React, useEffect, useState, api, fmt, fmt0, fmtDate, getPin, setPinLS, setOnUnauthorized, Icons, C,\n} from \"./lib.tsx\";\nimport { PageIndicators, PagePro } from \"./pages_a.tsx\";\nimport { PageOps } from \"./pages_ops.tsx\";\nimport { PageDeals, PageInvoices, PageProjects } from \"./pages_b.tsx\";\nimport { PagePlan, PageReports } from \"./pages_d.tsx\";\nimport { PageRefs, PageSettings, Login } from \"./pages_c.tsx\";\n\nconst NAV = [\n  { key: \"indicators\", label: \"Показатели\", icon: Icons.chart, children: [[\"indicators\", \"Показатели\"], [\"pro\", \"Показатели PRO\"]] },\n  { key: \"ops\", label: \"Операции\", icon: Icons.ops },\n  { key: \"deals_sale\", label: \"Сделки\", icon: Icons.deals, children: [[\"deals_sale\", \"Продажи\"], [\"deals_purchase\", \"Закупки\"], [\"invoices\", \"Выставленные счета\"]] },\n  { key: \"plan_cal\", label: \"План\", icon: Icons.plan, children: [[\"plan_cal\", \"Платёжный календарь\"], [\"plan_bdr\", \"Бюджет доходов и расходов\"], [\"plan_bdds\", \"Бюджет движения денег\"]] },\n  { key: \"projects\", label: \"Проекты\", icon: Icons.projects },\n  { key: \"report_dds\", label: \"Отчёты\", icon: Icons.reports, children: [[\"report_dds\", \"ДДС\"], [\"report_pl\", \"ОПиУ\"], [\"report_bal\", \"Баланс\"]] },\n  { key: \"refs_contractors\", label: \"Справочники\", icon: Icons.refs, children: [[\"refs_contractors\", \"Контрагенты\"], [\"refs_categories\", \"Учётные статьи\"], [\"refs_accounts\", \"Мои счета\"], [\"refs_les\", \"Мои юрлица\"], [\"refs_products\", \"Товары\"], [\"refs_services\", \"Услуги\"]] },\n  { key: \"settings\", label: \"Настройки\", icon: Icons.settings },\n];\n\nfunction SideItem({ item, page, go }) {\n  const childKeys = (item.children || []).map(([k]) => k);\n  const active = page === item.key || childKeys.includes(page);\n  const Ic = item.icon;\n  return (\n    <div className=\"relative group w-full flex justify-center\">\n      <button onClick={() => go(item.key)}\n        className=\"w-[68px] rounded-md py-2 text-center transition-colors\"\n        style={active\n          ? { background: \"rgba(255,255,255,0.08)\", color: \"#fff\", boxShadow: `inset 3px 0 0 ${C.teal}` }\n          : { color: \"#8b9bab\" }}>\n        <div className=\"flex justify-center\"><Ic size={20} /></div>\n        <div className=\"text-[10px] leading-tight mt-0.5\">{item.label}</div>\n      </button>\n      {item.children && (\n        <div className=\"absolute left-full top-0 z-40 hidden group-hover:block\">\n          <div className=\"ml-1 rounded-md shadow-xl py-2 min-w-[230px]\" style={{ background: C.dark }}>\n            {item.children.map(([k, l]) => (\n              <button key={k} onClick={() => go(k)}\n                className=\"block w-full text-left px-4 py-2 text-[13px] transition-colors\"\n                style={page === k ? { color: \"#fff\", background: \"rgba(255,255,255,0.07)\" } : { color: \"#aebbc9\" }}\n                onMouseEnter={(e) => { e.currentTarget.style.color = \"#4dd0da\"; }}\n                onMouseLeave={(e) => { e.currentTarget.style.color = page === k ? \"#fff\" : \"#aebbc9\"; }}>\n                {l}\n              </button>\n            ))}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction HeaderSpark({ spark }) {\n  if (!spark || spark.length < 2) return null;\n  const min = Math.min(...spark.map((p) => p.b));\n  const max = Math.max(...spark.map((p) => p.b));\n  const W = 120, H = 28;\n  const sx = (i) => (i / (spark.length - 1)) * W;\n  const sy = (b) => H - ((b - min) / (max - min || 1)) * (H - 6) - 3;\n  return (\n    <svg width={W} height={H} className=\"hidden md:block\">\n      <polyline fill=\"none\" stroke=\"#4ade80\" strokeWidth=\"1.5\"\n        points={spark.map((p, i) => `${sx(i)},${sy(p.b)}`).join(\" \")} />\n    </svg>\n  );\n}\n\nfunction App() {\n  const [authed, setAuthed] = useState(!!getPin());\n  const [page, setPage] = useState(\"indicators\");\n  const [meta, setMeta] = useState(null);\n  setOnUnauthorized(() => { setPinLS(\"\"); setAuthed(false); });\n  const refreshMeta = () => api(\"/meta\").then(setMeta).catch(() => {});\n  useEffect(() => { if (authed) refreshMeta(); }, [authed]);\n  if (!authed) return <Login onOk={() => setAuthed(true)} />;\n  if (!meta) return <div className=\"min-h-screen flex items-center justify-center text-gray-400\">Загрузка…</div>;\n  const pages = {\n    indicators: <PageIndicators meta={meta} />,\n    pro: <PagePro meta={meta} />,\n    ops: <PageOps meta={meta} refreshMeta={refreshMeta} />,\n    deals_sale: <PageDeals key=\"sale\" kind=\"sale\" meta={meta} refreshMeta={refreshMeta} />,\n    deals_purchase: <PageDeals key=\"purchase\" kind=\"purchase\" meta={meta} refreshMeta={refreshMeta} />,\n    invoices: <PageInvoices meta={meta} />,\n    plan_cal: <PagePlan key=\"cal\" tab=\"cal\" meta={meta} />,\n    plan_bdr: <PagePlan key=\"bdr\" tab=\"bdr\" meta={meta} />,\n    plan_bdds: <PagePlan key=\"bdds\" tab=\"bdds\" meta={meta} />,\n    projects: <PageProjects refreshMeta={refreshMeta} />,\n    report_dds: <PageReports key=\"dds\" tab=\"dds\" meta={meta} />,\n    report_pl: <PageReports key=\"pl\" tab=\"pl\" meta={meta} />,\n    report_bal: <PageReports key=\"bal\" tab=\"bal\" meta={meta} />,\n    refs_contractors: <PageRefs key=\"contractors\" tab=\"contractors\" meta={meta} refreshMeta={refreshMeta} />,\n    refs_categories: <PageRefs key=\"categories\" tab=\"categories\" meta={meta} refreshMeta={refreshMeta} />,\n    refs_accounts: <PageRefs key=\"accounts\" tab=\"accounts\" meta={meta} refreshMeta={refreshMeta} />,\n    refs_les: <PageRefs key=\"les\" tab=\"les\" meta={meta} refreshMeta={refreshMeta} />,\n    refs_products: <PageRefs key=\"products\" tab=\"products\" meta={meta} refreshMeta={refreshMeta} />,\n    refs_services: <PageRefs key=\"services\" tab=\"services\" meta={meta} refreshMeta={refreshMeta} />,\n    settings: <PageSettings meta={meta} refreshMeta={refreshMeta} />,\n  };\n  return (\n    <div className=\"h-screen flex flex-col\">\n      <div className=\"text-white flex items-center px-4 py-2 gap-4 shrink-0 relative z-50\" style={{ background: C.dark }}>\n        <div className=\"flex items-center gap-2\">\n          <div className=\"w-7 h-7 rounded flex items-center justify-center font-bold text-sm\" style={{ background: C.teal }}>Uf</div>\n          <div className=\"font-bold hidden sm:block\">Unlock</div>\n        </div>\n        <div className=\"ml-auto flex items-center gap-4\">\n          <div className=\"relative group\">\n            <div className=\"text-right leading-tight cursor-pointer select-none\">\n              <div className=\"text-sm whitespace-nowrap\"><span className=\"text-slate-400\">На счетах</span> <b style={{ color: \"#ffd35c\" }}>{fmt(meta.total_balance)}</b> <span className=\"text-slate-500 text-xs\">▾</span></div>\n              {meta.gap && (\n                <div className=\"text-[11px] whitespace-nowrap\" style={{ color: \"#ffb04c\" }}>\n                  Разрыв с {fmtDate(meta.gap.from)} по {fmtDate(meta.gap.to)}\n                </div>\n              )}\n            </div>\n            <div className=\"absolute right-0 top-full z-50 hidden group-hover:block\">\n              <div className=\"mt-1 rounded-md shadow-xl py-2 px-4 min-w-[280px] text-sm\" style={{ background: C.dark }}>\n                {meta.accounts.filter((a) => a.active).map((a) => (\n                  <div key={a.id} className=\"flex justify-between gap-6 py-1 border-b border-white/5 last:border-0\">\n                    <span className=\"text-slate-300 truncate\">{a.name}</span>\n                    <span className=\"whitespace-nowrap\" style={{ color: a.balance < 0 ? \"#ff8a8a\" : \"#fff\" }}>{fmt0(a.balance)}</span>\n                  </div>\n                ))}\n                <div className=\"flex justify-between gap-6 pt-2 font-bold\">\n                  <span className=\"text-slate-200\">Итого</span>\n                  <span style={{ color: \"#ffd35c\" }}>{fmt(meta.total_balance)}</span>\n                </div>\n              </div>\n            </div>\n          </div>\n          <HeaderSpark spark={meta.spark} />\n          <button className=\"text-slate-400 hover:text-white text-xs\" onClick={() => { setPinLS(\"\"); setAuthed(false); }}>Выйти</button>\n        </div>\n      </div>\n      <div className=\"flex flex-1 min-h-0\">\n        <div className=\"w-[76px] flex flex-col items-center py-2 gap-0.5 shrink-0\" style={{ background: C.darker, overflow: \"visible\" }}>\n          {NAV.map((item) => <SideItem key={item.key} item={item} page={page} go={setPage} />)}\n        </div>\n        <div className=\"flex-1 overflow-y-auto min-w-0\" style={{ background: \"#eef1f4\" }}>{pages[page]}</div>\n      </div>\n    </div>\n  );\n}\n\ncreateRoot(document.getElementById(\"root\")).render(<App />);\n",[],[145,218,252],"9962f5e6-1b70-4871-9eee-ac79cbcba484","lib.tsx","15f35440-9d40-11f1-83f2-1607ee4eb77e",33,["D",1787307486131],"// U.fin — общие утилиты и UI-примитивы\nimport React, { useEffect, useMemo, useState } from \"https://esm.sh/react@18.2.0\";\n\nexport { React, useEffect, useMemo, useState };\n\n// ---------- api ----------\nconst LS_KEY = \"ufin_pin\";\nexport const getPin = () => { try { return localStorage.getItem(LS_KEY) || \"\"; } catch { return \"\"; } };\nexport const setPinLS = (p) => { try { p ? localStorage.setItem(LS_KEY, p) : localStorage.removeItem(LS_KEY); } catch {} };\n\nexport let onUnauthorized = () => {};\nexport const setOnUnauthorized = (fn) => { onUnauthorized = fn; };\n\nexport async function api(path, method = \"GET\", body) {\n  const res = await fetch(\"/api\" + path, {\n    method,\n    headers: { \"content-type\": \"application/json\", \"x-pin\": getPin() },\n    body: body === undefined ? undefined : JSON.stringify(body),\n  });\n  if (res.status === 401 && path !== \"/login\") { onUnauthorized(); throw new Error(\"unauthorized\"); }\n  return res.json();\n}\n\n// ---------- формат ----------\nexport const fmt = (n) => new Intl.NumberFormat(\"ru-RU\", { maximumFractionDigits: 2 }).format(n || 0) + \" ₽\";\nexport const fmt0 = (n) => new Intl.NumberFormat(\"ru-RU\", { maximumFractionDigits: 0 }).format(n || 0) + \" ₽\";\nexport const fmtN = (n) => new Intl.NumberFormat(\"ru-RU\", { maximumFractionDigits: 0 }).format(n || 0);\nexport const fmtShort = (n) => {\n  n = n || 0;\n  if (Math.abs(n) >= 1_000_000) return (n / 1_000_000).toLocaleString(\"ru-RU\", { maximumFractionDigits: 1 }) + \" млн\";\n  if (Math.abs(n) >= 1_000) return (n / 1_000).toLocaleString(\"ru-RU\", { maximumFractionDigits: 0 }) + \" тыс\";\n  return String(Math.round(n));\n};\nexport const todayStr = () => new Date().toISOString().slice(0, 10);\nexport const thisYear = () => todayStr().slice(0, 4);\nexport const fmtDate = (s) => (s ? s.slice(0, 10).split(\"-\").reverse().join(\".\") : \"—\");\nexport const MONTHS = [\"Январь\",\"Февраль\",\"Март\",\"Апрель\",\"Май\",\"Июнь\",\"Июль\",\"Август\",\"Сентябрь\",\"Октябрь\",\"Ноябрь\",\"Декабрь\"];\nexport const monLabel = (m) => { const [y, mm] = m.split(\"-\"); return MONTHS[Number(mm) - 1].slice(0, 3).toLowerCase() + \" '\" + y.slice(2); };\nexport const yearMonths = (year) => Array.from({ length: 12 }, (_, i) => `${year}-${String(i + 1).padStart(2, \"0\")}`);\n\nexport const DEAL_STATUS = {\n  work: { label: \"В работе\", cls: \"bg-sky-100 text-sky-700\" },\n  nuance: { label: \"Нюансы\", cls: \"bg-amber-100 text-amber-700\" },\n  done: { label: \"Сделка завершена\", cls: \"bg-emerald-100 text-emerald-700\" },\n  fail: { label: \"Сорвалась\", cls: \"bg-rose-100 text-rose-700\" },\n};\n\n// цвета в духе финансовых сервисов\nexport const C = {\n  dark: \"#22313f\",      // шапка/сайдбар\n  darker: \"#1b2735\",\n  teal: \"#2aa3af\",      // акцент\n  tealD: \"#238e99\",\n  green: \"#27ae60\",\n  red: \"#e74c3c\",\n  amber: \"#f2c94c\",\n};\n\n// дерево статей → плоский список с отступами\nexport function flatCats(categories, kind) {\n  const byParent = {};\n  for (const c of categories.filter((x) => x.kind === kind)) {\n    const p = c.parent_id || 0;\n    (byParent[p] = byParent[p] || []).push(c);\n  }\n  const out = [];\n  const walk = (pid, depth) => {\n    for (const c of byParent[pid] || []) { out.push({ ...c, depth }); walk(c.id, depth + 1); }\n  };\n  walk(0, 0);\n  return out;\n}\nexport function rootOfCat(categories, id) {\n  const byId = {};\n  for (const c of categories) byId[c.id] = c;\n  let c = byId[id];\n  while (c && c.parent_id) c = byId[c.parent_id];\n  return c || null;\n}\n\n// ---------- иконки (свои, inline SVG) ----------\nconst I = (d, extra = null) => (props) => (\n  <svg viewBox=\"0 0 24 24\" width={props.size || 20} height={props.size || 20} fill=\"none\"\n    stroke=\"currentColor\" strokeWidth=\"1.8\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n    <path d={d} />{extra}\n  </svg>\n);\nexport const Icons = {\n  chart: I(\"M4 20V10 M10 20V4 M16 20v-7 M22 20H2\"),\n  ops: I(\"M4 7h13l-3-3 M20 17H7l3 3\"),\n  deals: I(\"M3 8h18v12H3z M8 8V5a2 2 0 012-2h4a2 2 0 012 2v3 M3 13h18\"),\n  plan: I(\"M5 4h14a1 1 0 011 1v15a1 1 0 01-1 1H5a1 1 0 01-1-1V5a1 1 0 011-1z M4 9h16 M9 2v4 M15 2v4 M8 14l2.5 2.5L16 11\"),\n  projects: I(\"M3 6a1 1 0 011-1h5l2 2h9a1 1 0 011 1v11a1 1 0 01-1 1H4a1 1 0 01-1-1V6z\"),\n  reports: I(\"M7 3h10a1 1 0 011 1v16a1 1 0 01-1 1H7a1 1 0 01-1-1V4a1 1 0 011-1z M9 8h6 M9 12h6 M9 16h4\"),\n  refs: I(\"M4 4h5a2 2 0 012 2v14H6a2 2 0 01-2-2V4z M20 4h-5a2 2 0 00-2 2v14h5a2 2 0 002-2V4z\"),\n  settings: I(\"M12 9a3 3 0 100 6 3 3 0 000-6z M19 12a7 7 0 00-.1-1.2l2-1.5-2-3.5-2.4 1a7 7 0 00-2-1.2L14 3h-4l-.4 2.6a7 7 0 00-2 1.2l-2.5-1-2 3.5 2 1.5A7 7 0 005 12a7 7 0 00.1 1.2l-2 1.5 2 3.5 2.4-1a7 7 0 002 1.2L10 21h4l.4-2.6a7 7 0 002-1.2l2.5 1 2-3.5-2-1.5A7 7 0 0019 12z\"),\n  arrowIn: I(\"M20 12H4 M10 6l-6 6 6 6\"),\n  arrowOut: I(\"M4 12h16 M14 6l6 6-6 6\"),\n  swap: I(\"M4 7h13l-3-3 M20 17H7l3 3\"),\n  x: I(\"M6 6l12 12 M18 6L6 18\"),\n  edit: I(\"M4 20h4L19 9l-4-4L4 16v4z\"),\n  trash: I(\"M4 7h16 M9 7V5a1 1 0 011-1h4a1 1 0 011 1v2 M6 7l1 13h10l1-13 M10 11v5 M14 11v5\"),\n  plus: I(\"M12 5v14 M5 12h14\"),\n};\n\n// ---------- UI ----------\nexport function Modal({ title, onClose, children, wide }) {\n  return (\n    <div className=\"fixed inset-0 bg-black/40 flex items-start justify-center z-50 overflow-y-auto py-10\" onClick={onClose}>\n      <div className={\"bg-white rounded-lg shadow-xl w-full \" + (wide ? \"max-w-3xl\" : \"max-w-lg\")} onClick={(e) => e.stopPropagation()}>\n        <div className=\"flex items-center justify-between px-5 py-3 border-b border-gray-100\">\n          <div className=\"font-semibold text-gray-800\">{title}</div>\n          <button className=\"text-gray-400 hover:text-gray-600 text-xl leading-none\" onClick={onClose}>×</button>\n        </div>\n        <div className=\"p-5\">{children}</div>\n      </div>\n    </div>\n  );\n}\nexport function Field({ label, children }) {\n  return (\n    <label className=\"block mb-3\">\n      <div className=\"text-xs text-gray-500 mb-1\">{label}</div>\n      {children}\n    </label>\n  );\n}\nconst inputCls = \"w-full border border-gray-200 rounded px-3 py-2 text-sm focus:border-[#2aa3af]\";\nexport function TInput(props) { return <input {...props} className={inputCls + \" \" + (props.className || \"\")} />; }\nexport function TSelect(props) { return <select {...props} className={inputCls + \" bg-white \" + (props.className || \"\")} />; }\nexport function Check({ label, checked, onChange }) {\n  return (\n    <label className=\"flex items-center gap-2 text-sm text-gray-700 py-0.5 cursor-pointer select-none\">\n      <input type=\"checkbox\" checked={checked} onChange={(e) => onChange(e.target.checked)} className=\"accent-[#2aa3af]\" />\n      {label}\n    </label>\n  );\n}\nexport function Btn({ children, onClick, kind = \"primary\", small, type }) {\n  const base = (small ? \"px-3 py-1.5 text-xs\" : \"px-4 py-2 text-sm\") + \" rounded font-medium transition-colors \";\n  const cls = kind === \"primary\"\n    ? \"text-white bg-[#2aa3af] hover:bg-[#238e99]\"\n    : kind === \"dark\"\n    ? \"text-white bg-[#22313f] hover:bg-[#1b2735]\"\n    : kind === \"danger\"\n    ? \"bg-rose-50 text-rose-600 hover:bg-rose-100\"\n    : \"bg-white border border-gray-200 text-gray-700 hover:bg-gray-50\";\n  return <button type={type || \"button\"} onClick={onClick} className={base + cls}>{children}</button>;\n}\nexport function IconBtn({ icon: Ic, onClick, danger, title }) {\n  return (\n    <button title={title} onClick={onClick}\n      className={\"p-1 rounded text-gray-300 \" + (danger ? \"hover:text-rose-500\" : \"hover:text-gray-500\")}>\n      <Ic size={15} />\n    </button>\n  );\n}\nexport function PageTitle({ children, right }) {\n  return (\n    <div className=\"flex items-center gap-3 mb-4 flex-wrap\">\n      <h1 className=\"text-[22px] font-bold text-[#22313f]\">{children}</h1>\n      {right}\n    </div>\n  );\n}\nexport function Tabs({ tabs, value, onChange }) {\n  return (\n    <div className=\"inline-flex border border-gray-200 rounded overflow-hidden bg-white\">\n      {tabs.map(([k, l]) => (\n        <button key={k} onClick={() => onChange(k)}\n          className={\"px-4 py-1.5 text-sm border-r border-gray-200 last:border-0 \" +\n            (value === k ? \"text-[#2aa3af] font-semibold bg-teal-50/40\" : \"text-gray-600 hover:bg-gray-50\")}>{l}</button>\n      ))}\n    </div>\n  );\n}\nexport function YearSelect({ value, onChange }) {\n  return (\n    <TSelect value={value} onChange={(e) => onChange(e.target.value)} className=\"!w-28\">\n      {[0, 1, 2].map((i) => { const y = String(Number(thisYear()) - i); return <option key={y} value={y}>{y}</option>; })}\n    </TSelect>\n  );\n}\n\n// ---------- цвета графиков (как в референсе) ----------\nexport const CH = {\n  blue: \"#4FC3F7\", orange: \"#FFB74D\", green: \"#43A047\", purple: \"#AB47BC\",\n  areaFill: \"#C8E6C9\", grid: \"#eceff1\", axis: \"#90a4ae\",\n};\n\n// ---------- графики (свои, SVG) ----------\n// комбинированный: сгруппированные столбики + линии\nexport function ComboChart({ data, bars, lines, height = 260, labelKey = \"label\" }) {\n  const W = Math.max(680, data.length * 110), H = height, padL = 56, padB = 34, padT = 12;\n  const all = data.flatMap((d) => [...bars.map((b) => Number(d[b.key] || 0)), ...lines.map((l) => Number(d[l.key] || 0))]);\n  let max = Math.max(1, ...all), min = Math.min(0, ...all);\n  const span = max - min || 1;\n  const y = (v) => padT + (H - padB - padT) * (1 - (v - min) / span);\n  const bw = Math.min(34, (W - padL) / Math.max(1, data.length) / (bars.length + 1.2));\n  const gx = (i) => padL + ((W - padL) / Math.max(1, data.length)) * (i + 0.5);\n  const ticks = [];\n  for (let t = 0; t <= 4; t++) ticks.push(min + (span * t) / 4);\n  return (\n    <svg viewBox={`0 0 ${W} ${H}`} className=\"w-full\" style={{ maxHeight: H }}>\n      {ticks.map((t, i) => (\n        <g key={i}>\n          <line x1={padL} x2={W - 4} y1={y(t)} y2={y(t)} stroke={CH.grid} />\n          <text x={padL - 6} y={y(t) + 3} textAnchor=\"end\" fontSize=\"10\" fill={CH.axis}>{fmtShort(t)}</text>\n        </g>\n      ))}\n      {data.map((d, i) => (\n        <g key={i}>\n          {bars.map((b, j) => {\n            const v = Number(d[b.key] || 0);\n            const x = gx(i) - (bars.length * bw) / 2 + j * bw;\n            return <rect key={b.key} x={x} y={Math.min(y(0), y(v))} width={bw - 2} height={Math.abs(y(v) - y(0)) || 1} fill={b.color} rx=\"1.5\" />;\n          })}\n          <text x={gx(i)} y={H - padB + 16} textAnchor=\"middle\" fontSize=\"11\" fill={CH.axis}>{d[labelKey]}</text>\n        </g>\n      ))}\n      {lines.map((l) => (\n        <g key={l.key}>\n          <polyline fill=\"none\" stroke={l.color} strokeWidth=\"2\"\n            points={data.map((d, i) => `${gx(i)},${y(Number(d[l.key] || 0))}`).join(\" \")} />\n          {data.map((d, i) => <circle key={i} cx={gx(i)} cy={y(Number(d[l.key] || 0))} r=\"3\" fill={l.color} />)}\n        </g>\n      ))}\n    </svg>\n  );\n}\nexport function ChartLegend({ items }) {\n  return (\n    <div className=\"flex gap-5 text-xs text-gray-600 mt-1 flex-wrap justify-center\">\n      {items.map(([label, color, isLine]) => (\n        <span key={label} className=\"flex items-center gap-1.5\">\n          {isLine\n            ? <span className=\"inline-block w-4 h-0.5 rounded\" style={{ background: color }}></span>\n            : <span className=\"inline-block w-3 h-3 rounded-sm\" style={{ background: color }}></span>}\n          {label}\n        </span>\n      ))}\n    </div>\n  );\n}\n// зелёная area (остатки)\nexport function AreaChart({ points, height = 240 }) {\n  const W = 900, H = height, padL = 64, padB = 26, padT = 8;\n  if (!points.length) return <div className=\"text-gray-400 text-sm py-8 text-center\">Нет данных</div>;\n  const vals = points.map((p) => p.b);\n  const max = Math.max(...vals, 1), min = Math.min(...vals, 0);\n  const span = max - min || 1;\n  const x = (i) => padL + ((W - padL - 8) * i) / Math.max(1, points.length - 1);\n  const y = (v) => padT + (H - padB - padT) * (1 - (v - min) / span);\n  const ticks = [];\n  for (let t = 0; t <= 4; t++) ticks.push(min + (span * t) / 4);\n  const lineP = points.map((p, i) => `${x(i)},${y(p.b)}`).join(\" \");\n  const step = Math.max(1, Math.floor(points.length / 8));\n  return (\n    <svg viewBox={`0 0 ${W} ${H}`} className=\"w-full\" style={{ maxHeight: H }}>\n      {ticks.map((t, i) => (\n        <g key={i}>\n          <line x1={padL} x2={W - 4} y1={y(t)} y2={y(t)} stroke={CH.grid} />\n          <text x={padL - 6} y={y(t) + 3} textAnchor=\"end\" fontSize=\"10\" fill={CH.axis}>{fmtShort(t)}</text>\n        </g>\n      ))}\n      <polygon points={`${x(0)},${y(Math.max(min, 0))} ${lineP} ${x(points.length - 1)},${y(Math.max(min, 0))}`} fill={CH.areaFill} opacity=\"0.7\" />\n      <polyline fill=\"none\" stroke={CH.green} strokeWidth=\"2\" points={lineP} />\n      {points.map((p, i) => (i % step === 0\n        ? <text key={i} x={x(i)} y={H - padB + 15} textAnchor=\"middle\" fontSize=\"9.5\" fill={CH.axis}>{fmtDate(p.d).slice(0, 5)}</text>\n        : null))}\n    </svg>\n  );\n}\n// donut\nconst DONUT_COLORS = [\"#42A5F5\", \"#1E4B8F\", \"#2C6BC9\", \"#7EC8F5\", \"#0D2F63\", \"#5B9BD5\", \"#9AD1F5\", \"#3F7FBF\"];\nexport function Donut({ parts, size = 190 }) {\n  const total = parts.reduce((s, p) => s + p.value, 0) || 1;\n  const R = size / 2, r = R * 0.55;\n  let a0 = -Math.PI / 2;\n  const segs = parts.map((p, i) => {\n    const a1 = a0 + (p.value / total) * Math.PI * 2;\n    const large = a1 - a0 > Math.PI ? 1 : 0;\n    const path = `M ${R + R * Math.cos(a0)} ${R + R * Math.sin(a0)} A ${R} ${R} 0 ${large} 1 ${R + R * Math.cos(a1)} ${R + R * Math.sin(a1)} L ${R + r * Math.cos(a1)} ${R + r * Math.sin(a1)} A ${r} ${r} 0 ${large} 0 ${R + r * Math.cos(a0)} ${R + r * Math.sin(a0)} Z`;\n    a0 = a1;\n    return <path key={i} d={path} fill={p.color || DONUT_COLORS[i % DONUT_COLORS.length]} stroke=\"#fff\" strokeWidth=\"1\" />;\n  });\n  return <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`}>{segs}</svg>;\n}\nexport { DONUT_COLORS };\n// парето: столбики + кумулятивная линия %\nexport function Pareto({ rows, height = 300, threshold = 0.8, showLine = true, barColor = null }) {\n  const W = Math.max(700, rows.length * 64), H = height, padL = 56, padB = 90, padT = 10, padR = 44;\n  if (!rows.length) return <div className=\"text-gray-400 text-sm py-8 text-center\">Нет данных</div>;\n  const total = rows.reduce((s, r) => s + r.value, 0) || 1;\n  const max = Math.max(...rows.map((r) => r.value), 1);\n  const y = (v) => padT + (H - padB - padT) * (1 - v / max);\n  const yp = (p) => padT + (H - padB - padT) * (1 - p);\n  const gx = (i) => padL + ((W - padL - padR) / rows.length) * (i + 0.5);\n  const bw = Math.min(36, (W - padL - padR) / rows.length - 10);\n  let cum = 0;\n  const cums = rows.map((r) => (cum += r.value) / total);\n  return (\n    <svg viewBox={`0 0 ${W} ${H}`} className=\"w-full\" style={{ maxHeight: H }}>\n      {[0, 0.25, 0.5, 0.75, 1].map((t, i) => (\n        <g key={i}>\n          <line x1={padL} x2={W - padR} y1={yp(t)} y2={yp(t)} stroke={CH.grid} />\n          <text x={W - padR + 4} y={yp(t) + 3} fontSize=\"10\" fill={CH.axis}>{Math.round(t * 100)}%</text>\n          <text x={padL - 6} y={yp(t) + 3} textAnchor=\"end\" fontSize=\"10\" fill={CH.axis}>{fmtShort(max * t)}</text>\n        </g>\n      ))}\n      {rows.map((r, i) => (\n        <g key={i}>\n          <rect x={gx(i) - bw / 2} y={y(Math.max(0, r.value))} width={bw} height={Math.abs((H - padB) - y(Math.max(0, r.value))) || 1} fill={barColor || (cums[i] <= threshold ? CH.blue : CH.purple)} rx=\"2\" />\n          <text x={gx(i)} y={H - padB + 10} textAnchor=\"end\" fontSize=\"9\" fill=\"#546e7a\"\n            transform={`rotate(-35 ${gx(i)} ${H - padB + 10})`}>{r.name.length > 26 ? r.name.slice(0, 25) + \"…\" : r.name}</text>\n        </g>\n      ))}\n      {showLine && <polyline fill=\"none\" stroke=\"#3949AB\" strokeWidth=\"2\"\n        points={rows.map((r, i) => `${gx(i)},${yp(cums[i])}`).join(\" \")} />}\n      {showLine && rows.map((r, i) => <circle key={i} cx={gx(i)} cy={yp(cums[i])} r=\"3\" fill=\"#fff\" stroke=\"#3949AB\" strokeWidth=\"1.5\" />)}\n    </svg>\n  );\n}\n",[],[145,218,260],"e96555d0-6e9a-4b53-bfad-00d39e89f144",14,["D",1787303399682],[164,165,166,167,168,169,170],[145,218],["D",1787239156729],[163,171,172,173,174],[145],["D",1787239139778],["D",1789499469860],{"_100":99,"_108":104},{"_100":99,"_101":102,"_103":104,"_18":55,"_105":106,"_107":25},{"_13":89,"_32":90,"_43":42,"_91":44,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":45,"_98":99},"ctx",{"_82":-5,"_128":313,"_314":315,"_316":317,"_318":25,"_319":25,"_320":25,"_321":59,"_322":-5,"_323":-7,"_324":-7,"_325":63,"_326":25,"_327":25,"_328":-5,"_329":25,"_330":25,"_331":25,"_332":-5},"ENV",{"_284":285,"_286":287,"_288":90,"_289":290,"_291":292,"_293":294,"_295":296,"_297":298,"_299":300,"_301":302,"_303":304,"_305":306,"_307":308,"_309":310,"_311":312},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]
</article></body></html>

Diff · v42