[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_420":421,"_422":423},"routes/_app.x.$handle.$name",{"_106":105,"_32":46,"_115":92,"_27":116,"_13":14,"_117":-5,"_11":118,"_119":120,"_121":122,"_123":124,"_125":126,"_20":-5,"_127":128,"_129":130,"_131":25,"_132":133,"_134":61,"_135":-5,"_136":-5,"_137":138},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":56,"_18":57,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":65,"_66":67,"_68":69,"_70":71,"_72":73,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":85,"_86":87,"_88":89,"_90":25},"version",27,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","backend/db.ts","latestPath","fileId","88bcd74e-7e2d-11f1-970e-1607ee4eb77e","name","db.ts","fileType","script","content","import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nconst KEYS = [\"incomes\", \"expenses\", \"budgetPlan\", \"goals\", \"loans\", \"holdings\", \"settings\"] as const;\nexport type DataKey = typeof KEYS[number];\nexport const DATA_KEYS: readonly DataKey[] = KEYS;\n\nexport async function initDataTable() {\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS user_data (\n user_id TEXT PRIMARY KEY,\n incomes TEXT NOT NULL,\n expenses TEXT NOT NULL,\n budgetPlan TEXT NOT NULL,\n goals TEXT NOT NULL,\n loans TEXT NOT NULL,\n holdings TEXT NOT NULL,\n settings TEXT NOT NULL,\n updated_at TEXT NOT NULL\n )`);\n}\n\nlet seedCounter = 1000;\nfunction nextSeedId() {\n seedCounter += 1;\n return seedCounter;\n}\n\nfunction defaultData() {\n return {\n incomes: [\n { id: nextSeedId(), date: new Date().toISOString().slice(0, 10), source: \"Основной доход\", amount: 0, comment: \"\" },\n ],\n expenses: [] as any[],\n budgetPlan: {\n \"Продукты\": 0, \"Кафе\": 0, \"Рестораны\": 0, \"Авто\": 0, \"Такси\": 0,\n \"Жилье\": 0, \"Ипотека\": 0, \"Связь\": 0, \"Интернет\": 0, \"Дети\": 0,\n \"Одежда\": 0, \"Развлечения\": 0, \"Подписки\": 0, \"Путешествия\": 0,\n \"Здоровье\": 0, \"Прочее\": 0,\n },\n goals: [\n { id: nextSeedId(), name: \"Подушка безопасности\", target: 300000, saved: 0, months: 12 },\n ],\n loans: [] as any[],\n holdings: [] as any[],\n settings: { currency: \"₽\", incomeRate: 10, savingsRate: 20, theme: \"system\" },\n };\n}\n\nexport async function getUserData(userId: string) {\n const res = await sqlite.execute({ sql: \"SELECT * FROM user_data WHERE user_id = ?\", args: [userId] });\n const row = res.rows[0] as Record | undefined;\n if (!row) {\n const def = defaultData();\n await sqlite.execute({\n sql: `INSERT INTO user_data (user_id, incomes, expenses, budgetPlan, goals, loans, holdings, settings, updated_at)\n VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)`,\n args: [\n userId,\n JSON.stringify(def.incomes),\n JSON.stringify(def.expenses),\n JSON.stringify(def.budgetPlan),\n JSON.stringify(def.goals),\n JSON.stringify(def.loans),\n JSON.stringify(def.holdings),\n JSON.stringify(def.settings),\n new Date().toISOString(),\n ],\n });\n return def;\n }\n return {\n incomes: JSON.parse(row.incomes as string),\n expenses: JSON.parse(row.expenses as string),\n budgetPlan: JSON.parse(row.budgetPlan as string),\n goals: JSON.parse(row.goals as string),\n loans: JSON.parse(row.loans as string),\n holdings: JSON.parse(row.holdings as string),\n settings: JSON.parse(row.settings as string),\n };\n}\n\nexport async function setUserDataKey(userId: string, key: DataKey, value: unknown) {\n if (!DATA_KEYS.includes(key)) throw new Error(\"Invalid key\");\n // Ensure a row exists first\n await getUserData(userId);\n await sqlite.execute({\n sql: `UPDATE user_data SET ${key} = ?, updated_at = ? WHERE user_id = ?`,\n args: [JSON.stringify(value), new Date().toISOString(), userId],\n });\n}\n","import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nconst KEYS = [\"incomes\", \"expenses\", \"budgetPlan\", \"goals\", \"loans\", \"holdings\", \"settings\"] as const;\nexport type DataKey = typeof KEYS[number];\nexport const DATA_KEYS: readonly DataKey[] = KEYS;\n\nexport async function initDataTable() {\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS user_data (\n user_id TEXT PRIMARY KEY,\n incomes TEXT NOT NULL,\n expenses TEXT NOT NULL,\n budgetPlan TEXT NOT NULL,\n goals TEXT NOT NULL,\n loans TEXT NOT NULL,\n holdings TEXT NOT NULL,\n settings TEXT NOT NULL,\n updated_at TEXT NOT NULL\n )`);\n}\n\nlet seedCounter = 1000;\nfunction nextSeedId() {\n seedCounter += 1;\n return seedCounter;\n}\n\nfunction defaultData() {\n return {\n incomes: [\n { id: nextSeedId(), date: new Date().toISOString().slice(0, 10), source: \"Основной доход\", amount: 0, comment: \"\" },\n ],\n expenses: [] as any[],\n budgetPlan: {\n \"Продукты\": 0, \"Кафе\": 0, \"Рестораны\": 0, \"Авто\": 0, \"Такси\": 0,\n \"Жилье\": 0, \"Ипотека\": 0, \"Связь\": 0, \"Интернет\": 0, \"Дети\": 0,\n \"Одежда\": 0, \"Развлечения\": 0, \"Подписки\": 0, \"Путешествия\": 0,\n \"Здоровье\": 0, \"Прочее\": 0,\n },\n goals: [\n { id: nextSeedId(), name: \"Подушка безопасности\", target: 300000, saved: 0, months: 12 },\n ],\n loans: [] as any[],\n holdings: [] as any[],\n settings: { currency: \"₽\", incomeRate: 10, savingsRate: 20, theme: \"system\" },\n };\n}\n\nexport async function getUserData(userId: string) {\n const res = await sqlite.execute({ sql: \"SELECT * FROM user_data WHERE user_id = ?\", args: [userId] });\n const row = res.rows[0] as Record | undefined;\n if (!row) {\n const def = defaultData();\n await sqlite.execute({\n sql: `INSERT INTO user_data (user_id, incomes, expenses, budgetPlan, goals, loans, holdings, settings, updated_at)\n VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)`,\n args: [\n userId,\n JSON.stringify(def.incomes),\n JSON.stringify(def.expenses),\n JSON.stringify(def.budgetPlan),\n JSON.stringify(def.goals),\n JSON.stringify(def.loans),\n JSON.stringify(def.holdings),\n JSON.stringify(def.settings),\n new Date().toISOString(),\n ],\n });\n return def;\n }\n return {\n incomes: JSON.parse(row.incomes as string),\n expenses: JSON.parse(row.expenses as string),\n budgetPlan: JSON.parse(row.budgetPlan as string),\n goals: JSON.parse(row.goals as string),\n loans: JSON.parse(row.loans as string),\n holdings: JSON.parse(row.holdings as string),\n // theme добавили позже — подмешиваем значение по умолчанию для аккаунтов, созданных раньше.\n settings: { theme: \"system\", ...JSON.parse(row.settings as string) },\n };\n}\n\nexport async function setUserDataKey(userId: string, key: DataKey, value: unknown) {\n if (!DATA_KEYS.includes(key)) throw new Error(\"Invalid key\");\n // Ensure a row exists first\n await getUserData(userId);\n await sqlite.execute({\n sql: `UPDATE user_data SET ${key} = ?, updated_at = ? WHERE user_id = ?`,\n args: [JSON.stringify(value), new Date().toISOString(), userId],\n });\n}\n","createdAt",["D",1783888551158],"branchVersion","branchId","ac24cfe3-aa4a-4a44-ac23-dfa129884367","id","57d5c0ab-460a-4be7-9d20-9cb49eb8f0f0","finsystem-pro",["D",1783886796403],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","ФинСистема — бюджет + портфель облигаций","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789577999&sig=2ab81189fced4fb576e9436da67acbaf730951eef80212e8dc3c2bf0f6be2f57","7392ed86-5030-4ce7-948e-d7a47fad19d8","pinnedFileId","019f57f0-56c5-76eb-9c36-7947eada3c8f","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019f57e3-4ff5-7637-8a30-e83785c0308e","tursoName","57d5c0ab460a4be79d209cb49eb8f0f0","tursoHostname","57d5c0ab460a4be79d209cb49eb8f0f0-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789560070146],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_106":105,"_114":110},"org",{"_106":105,"_107":108,"_109":110,"_18":57,"_111":112,"_113":25},"branch",{"_13":91,"_32":92,"_44":43,"_93":45,"_94":95,"_96":97,"_98":51,"_99":100,"_101":102,"_103":46,"_104":105},"isOwned",198,"main","projectId","forkedBranchId","961078ea-f528-11ef-aa68-569c3dd06744","forkedBranchVersion",89,"forkedProjectPrivacy","forkedProjectId","96102714-f528-11ef-aa68-569c3dd06744","forkedProjectOrgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","userHandle","greenpes92","handle","displayName","Иван Забавников","avatar","https://lh3.googleusercontent.com/a/ACg8ocJcdteRlJJiR797nVlMg2OC01cNcvSxYR_S-gOUIwQ2oMi6Ma0p=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":415,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":56,"_18":57,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":65,"_66":67,"_68":69,"_70":71,"_72":416,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":417,"_86":418,"_88":419,"_90":25},"tree",[193,197,219,220],"files",[193,194,195,196,197,198,199,200,201,202,203,204,205,206,207,208,209,210,211,212,213,214,215,216,217,218,219,220],"counts",{"_183":65,"_184":160,"_185":65,"_186":187,"_188":189},"contents",[150,151,152,153],"upstreamProject",{"_44":100,"_32":146,"_53":147,"_55":56,"_50":51,"_84":148},"upstreamBranch",{"_44":95,"_39":139,"_140":141,"_32":92,"_93":100,"_13":142,"_94":-5,"_96":-5,"_143":144,"_48":-5,"_90":25,"_50":51,"_104":145,"_66":102,"_103":146},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],"updatedAt",["D",1785420707976],91,"lockfileKey","1785420708123-esm.town_v_templates_react-hono-starter@91-main","templates","react-hono-starter","Starter template with client-side React & Hono server",{"_106":145,"_114":149},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789577999&sig=aa7aec25480c67f41f9650e8445afc21cf1a6c5fd3969752b90fbd3f6a604c46",{"_44":177,"_32":178,"_30":179,"_156":-5,"_42":43,"_41":180,"_158":61,"_39":181,"_13":65,"_34":175,"_36":-5,"_24":25,"_163":-5,"_27":182},{"_44":171,"_32":172,"_30":173,"_156":-5,"_42":43,"_41":160,"_158":61,"_39":174,"_13":65,"_34":175,"_36":-5,"_24":25,"_163":-5,"_27":176},{"_44":165,"_32":166,"_30":167,"_156":-5,"_42":43,"_41":160,"_158":61,"_39":168,"_13":65,"_34":20,"_36":169,"_24":25,"_163":-5,"_27":170},{"_44":154,"_32":155,"_30":59,"_156":-5,"_42":43,"_41":157,"_158":25,"_39":159,"_13":160,"_34":161,"_36":162,"_24":25,"_163":-5,"_27":164},"07d10b3d-4682-4ab7-885f-b1babc2e05d6","index.ts","parentId",5,"latest",["D",1783887022134],1,"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { getCookie, setCookie, deleteCookie } from \"npm:hono/cookie\";\nimport {\n initAuthTables, createUser, findUserByEmail, verifyPassword,\n createSession, getSessionUser, deleteSession,\n} from \"./backend/auth.ts\";\nimport { initDataTable, getUserData, setUserDataKey, DATA_KEYS, type DataKey } from \"./backend/db.ts\";\nimport { getBondCatalog } from \"./backend/moex.ts\";\n\nconst app = new Hono();\n\nconst COOKIE_NAME = \"fsp_session\";\n\nlet tablesReady: Promise | null = null;\nfunction ensureTables() {\n if (!tablesReady) {\n tablesReady = (async () => {\n await initAuthTables();\n await initDataTable();\n })();\n }\n return tablesReady;\n}\napp.use(\"*\", async (c, next) => {\n await ensureTables();\n await next();\n});\n\n// ---------- static frontend ----------\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// ---------- auth helpers ----------\nasync function requireUser(c: any) {\n const token = getCookie(c, COOKIE_NAME);\n const user = await getSessionUser(token);\n return user;\n}\n\nfunction publicUser(u: { id: string; email: string; tier: string }) {\n return { id: u.id, email: u.email, tier: u.tier };\n}\n\n// ---------- auth routes ----------\napp.post(\"/api/register\", async (c) => {\n const body = await c.req.json().catch(() => null);\n const email = (body?.email ?? \"\").toString().trim();\n const password = (body?.password ?? \"\").toString();\n if (!email || !email.includes(\"@\")) return c.json({ error: \"Некорректный email\" }, 400);\n if (!password || password.length < 6) return c.json({ error: \"Пароль должен быть не короче 6 символов\" }, 400);\n const existing = await findUserByEmail(email);\n if (existing) return c.json({ error: \"Пользователь с таким email уже зарегистрирован\" }, 409);\n const user = await createUser(email, password);\n const session = await createSession(user.id);\n setCookie(c, COOKIE_NAME, session.token, {\n httpOnly: true, secure: true, sameSite: \"Lax\", path: \"/\", maxAge: 60 * 60 * 24 * 30,\n });\n return c.json({ user: publicUser(user) });\n});\n\napp.post(\"/api/login\", async (c) => {\n const body = await c.req.json().catch(() => null);\n const email = (body?.email ?? \"\").toString().trim();\n const password = (body?.password ?? \"\").toString();\n const user = await findUserByEmail(email);\n if (!user || !(await verifyPassword(password, user.password_hash))) {\n return c.json({ error: \"Неверный email или пароль\" }, 401);\n }\n const session = await createSession(user.id);\n setCookie(c, COOKIE_NAME, session.token, {\n httpOnly: true, secure: true, sameSite: \"Lax\", path: \"/\", maxAge: 60 * 60 * 24 * 30,\n });\n return c.json({ user: publicUser(user) });\n});\n\napp.post(\"/api/logout\", async (c) => {\n const token = getCookie(c, COOKIE_NAME);\n await deleteSession(token);\n deleteCookie(c, COOKIE_NAME, { path: \"/\" });\n return c.json({ ok: true });\n});\n\napp.get(\"/api/me\", async (c) => {\n const user = await requireUser(c);\n if (!user) return c.json({ user: null }, 200);\n return c.json({ user: publicUser(user) });\n});\n\n// ---------- data routes (require auth) ----------\napp.get(\"/api/data\", async (c) => {\n const user = await requireUser(c);\n if (!user) return c.json({ error: \"Не авторизован\" }, 401);\n const data = await getUserData(user.id);\n return c.json({ data });\n});\n\napp.put(\"/api/data/:key\", async (c) => {\n const user = await requireUser(c);\n if (!user) return c.json({ error: \"Не авторизован\" }, 401);\n const key = c.req.param(\"key\") as DataKey;\n if (!DATA_KEYS.includes(key)) return c.json({ error: \"Неизвестный ключ\" }, 400);\n const value = await c.req.json().catch(() => null);\n if (value === null) return c.json({ error: \"Некорректное тело запроса\" }, 400);\n await setUserDataKey(user.id, key, value);\n return c.json({ ok: true });\n});\n\n// ---------- bonds (public catalog, cached from MOEX ISS) ----------\napp.get(\"/api/bonds\", async (c) => {\n try {\n const bonds = await getBondCatalog();\n return c.json({ bonds, source: \"moex-iss\" });\n } catch (err) {\n return c.json({ bonds: [], source: \"moex-iss\", error: String(err) }, 200);\n }\n});\n\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","label",[155],"774b67ca-8942-43db-8feb-ac9009321ab0","README.md","019f57f0-56c5-76eb-9c36-743e935a64fd",["D",1783886796403],"# React + Hono Starter\n\nA minimal starter template for building client-side React apps with a Hono\nbackend on Val Town. Click **Remix** to get your own copy.\n\n## Picking a starter\n\n| Starter | When to pick it |\n| --- | --- |\n| [`basic-html-starter`](https://www.val.town/x/templates/basic-html-starter) | Static HTML pages. Sprinkle of vanilla JS. No server-side rendering. |\n| [`hono-jsx-starter`](https://www.val.town/x/templates/hono-jsx-starter) | Dynamic server-rendered HTML with JSX. API routes. No React, no SPA. |\n| **[`react-hono-starter`](https://www.val.town/x/templates/react-hono-starter)** *(you're here)* | Client-side React SPA with a Hono API backend. |\n\n**Want to build UI?** Start writing React components in\n[`frontend/components/`](/frontend/components/). Import them into `App.tsx` and\nyou're good to go. Styling is [Twind](https://twind.style/) — just use Tailwind\nutility classes, zero config.\n\n**Want to add an API?** Add routes in [`index.ts`](/index.ts) (there's a\ncommented-out example). Fetch them from your React components.\n\n## Architecture\n\n```mermaid\ngraph LR\n Browser -->|\"GET /\"| Hono[\"index.ts
(Hono server)\"]\n Hono -->|serves| HTML[\"index.html\"]\n HTML -->|loads| Entry[\"index.tsx\"]\n Entry -->|renders| App[\"App.tsx\"]\n App -->|renders| Counter[\"Counter.tsx\"]\n```\n\n## File structure\n\n```\nindex.ts ← Hono backend (serves frontend + API routes)\nfrontend/\n index.html ← HTML shell (loads Twind + React)\n index.tsx ← React entrypoint (mounts )\n favicon.svg ← App icon\n components/\n App.tsx ← Root component (layout + view source link)\n Counter.tsx ← Example component with state\n```\n\n## How it works\n\n1. **`index.ts`** is the HTTP entrypoint — a Hono server that serves the\n frontend and any API routes you add.\n2. **`frontend/index.html`** loads Twind and the React entrypoint.\n3. **`frontend/index.tsx`** mounts the React app.\n4. **`frontend/components/App.tsx`** is the root layout — add new components\n alongside it.\n5. **`frontend/components/Counter.tsx`** is an example stateful component —\n replace it with your own!\n\n## Next steps\n\n- Add API routes in `index.ts`\n- Add new components in `frontend/components/`\n- Add a SQLite database — see the\n [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) for\n a full-stack example with database, queries, and shared types\n",[166],"d6492da4-9220-482a-a637-97a20bfd9dfb","frontend","019f57f0-56c5-76eb-9c36-734bcf67f8b7",["D",1783886796403],"directory",[172],"7e51d2b4-be4d-427b-806b-f671fb0c1c28","backend","bff1764e-1bef-4dca-9a79-127f452c3718",2,["D",1783886920336],[178],"pulls","branches","forks","envVars",{"_190":65,"_192":65},"connections",{"_190":65,"_191":65},"count","unfilledCount","emptyCount",{"_44":177,"_32":178,"_30":179,"_156":-5,"_42":43,"_41":180,"_158":61,"_39":412,"_13":65,"_34":175,"_36":-5,"_24":25,"_163":-5,"_222":413,"_27":414},{"_44":405,"_32":406,"_30":407,"_156":179,"_42":43,"_41":180,"_158":25,"_39":408,"_13":65,"_34":35,"_36":409,"_24":25,"_163":-5,"_222":410,"_27":411},{"_44":401,"_32":33,"_30":31,"_156":179,"_42":43,"_41":14,"_158":25,"_39":402,"_13":180,"_34":35,"_36":38,"_24":25,"_163":-5,"_222":403,"_27":404},{"_44":393,"_32":394,"_30":395,"_156":179,"_42":43,"_41":396,"_158":61,"_39":397,"_13":160,"_34":35,"_36":398,"_24":25,"_163":-5,"_222":399,"_27":400},{"_44":171,"_32":172,"_30":173,"_156":-5,"_42":43,"_41":160,"_158":61,"_39":390,"_13":65,"_34":175,"_36":-5,"_24":25,"_163":-5,"_222":391,"_27":392},{"_44":386,"_32":297,"_30":291,"_156":173,"_42":43,"_41":160,"_158":61,"_39":387,"_13":65,"_34":175,"_36":-5,"_24":25,"_163":-5,"_222":388,"_27":389},{"_44":378,"_32":379,"_30":380,"_156":291,"_42":43,"_41":381,"_158":25,"_39":382,"_13":160,"_34":35,"_36":383,"_24":25,"_163":-5,"_222":384,"_27":385},{"_44":370,"_32":371,"_30":372,"_156":291,"_42":43,"_41":373,"_158":25,"_39":374,"_13":65,"_34":35,"_36":375,"_24":25,"_163":-5,"_222":376,"_27":377},{"_44":362,"_32":363,"_30":364,"_156":291,"_42":43,"_41":365,"_158":25,"_39":366,"_13":65,"_34":35,"_36":367,"_24":25,"_163":-5,"_222":368,"_27":369},{"_44":354,"_32":355,"_30":356,"_156":291,"_42":43,"_41":357,"_158":25,"_39":358,"_13":65,"_34":35,"_36":359,"_24":25,"_163":-5,"_222":360,"_27":361},{"_44":346,"_32":347,"_30":348,"_156":291,"_42":43,"_41":349,"_158":25,"_39":350,"_13":65,"_34":35,"_36":351,"_24":25,"_163":-5,"_222":352,"_27":353},{"_44":338,"_32":339,"_30":340,"_156":291,"_42":43,"_41":341,"_158":25,"_39":342,"_13":65,"_34":35,"_36":343,"_24":25,"_163":-5,"_222":344,"_27":345},{"_44":330,"_32":331,"_30":332,"_156":291,"_42":43,"_41":333,"_158":25,"_39":334,"_13":65,"_34":35,"_36":335,"_24":25,"_163":-5,"_222":336,"_27":337},{"_44":322,"_32":323,"_30":324,"_156":291,"_42":43,"_41":325,"_158":25,"_39":326,"_13":65,"_34":35,"_36":327,"_24":25,"_163":-5,"_222":328,"_27":329},{"_44":314,"_32":315,"_30":316,"_156":291,"_42":43,"_41":317,"_158":25,"_39":318,"_13":65,"_34":35,"_36":319,"_24":25,"_163":-5,"_222":320,"_27":321},{"_44":306,"_32":307,"_30":308,"_156":291,"_42":43,"_41":309,"_158":25,"_39":310,"_13":65,"_34":35,"_36":311,"_24":25,"_163":-5,"_222":312,"_27":313},{"_44":298,"_32":299,"_30":300,"_156":291,"_42":43,"_41":301,"_158":25,"_39":302,"_13":65,"_34":35,"_36":303,"_24":25,"_163":-5,"_222":304,"_27":305},{"_44":288,"_32":289,"_30":290,"_156":291,"_42":43,"_41":292,"_158":25,"_39":293,"_13":160,"_34":35,"_36":294,"_24":25,"_163":-5,"_222":295,"_27":296},{"_44":284,"_32":267,"_30":261,"_156":173,"_42":43,"_41":271,"_158":61,"_39":285,"_13":65,"_34":175,"_36":-5,"_24":25,"_163":-5,"_222":286,"_27":287},{"_44":276,"_32":277,"_30":278,"_156":261,"_42":43,"_41":279,"_158":25,"_39":280,"_13":65,"_34":35,"_36":281,"_24":25,"_163":-5,"_222":282,"_27":283},{"_44":268,"_32":269,"_30":270,"_156":261,"_42":43,"_41":271,"_158":25,"_39":272,"_13":65,"_34":35,"_36":273,"_24":25,"_163":-5,"_222":274,"_27":275},{"_44":258,"_32":259,"_30":260,"_156":261,"_42":43,"_41":262,"_158":25,"_39":263,"_13":65,"_34":35,"_36":264,"_24":25,"_163":-5,"_222":265,"_27":266},{"_44":251,"_32":252,"_30":253,"_156":173,"_42":43,"_41":160,"_158":61,"_39":254,"_13":65,"_34":20,"_36":255,"_24":25,"_163":-5,"_222":256,"_27":257},{"_44":243,"_32":244,"_30":245,"_156":173,"_42":43,"_41":246,"_158":25,"_39":247,"_13":160,"_34":20,"_36":248,"_24":25,"_163":-5,"_222":249,"_27":250},{"_44":236,"_32":237,"_30":238,"_156":173,"_42":43,"_41":160,"_158":61,"_39":239,"_13":65,"_34":35,"_36":240,"_24":25,"_163":-5,"_222":241,"_27":242},{"_44":228,"_32":229,"_30":230,"_156":173,"_42":43,"_41":231,"_158":25,"_39":232,"_13":65,"_34":20,"_36":233,"_24":25,"_163":-5,"_222":234,"_27":235},{"_44":165,"_32":166,"_30":167,"_156":-5,"_42":43,"_41":160,"_158":61,"_39":225,"_13":65,"_34":20,"_36":169,"_24":25,"_163":-5,"_222":226,"_27":227},{"_44":154,"_32":155,"_30":59,"_156":-5,"_42":43,"_41":157,"_158":25,"_39":221,"_13":160,"_34":161,"_36":162,"_24":25,"_163":-5,"_222":223,"_27":224},["D",1783887022134],"children",[],[155],["D",1783886796403],[],[166],"fc302c54-4161-454c-9f7d-a58fdc171e56","styles.css","f1a77016-7e2d-11f1-bb26-1607ee4eb77e",8,["D",1783887121799],":root {\n --bg: #0A0D16;\n --surface: #12161F;\n --surface-solid: #0E1119;\n --border: #1E2330;\n --border-soft: #191D28;\n --ink: #F3F5F9;\n --muted: #8891A3;\n --accent: #3AB6F0;\n --accent-2: #60C7F5;\n --accent-bg: rgba(58,182,240,0.14);\n --green: #34D399;\n --green-bg: rgba(52,211,153,0.14);\n --red: #F87171;\n --red-bg: rgba(248,113,113,0.14);\n --amber: #F5A524;\n --amber-bg: rgba(245,165,36,0.14);\n --teal: #2DD4BF;\n --teal-bg: rgba(45,212,191,0.14);\n}\n\n* { box-sizing: border-box; }\n\nhtml, body {\n margin: 0;\n padding: 0;\n background: var(--bg);\n color: var(--ink);\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n#root { min-height: 100vh; }\n\n.mono {\n font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;\n font-variant-numeric: tabular-nums;\n}\n\na { color: var(--accent); }\n\n/* ---------- auth screen ---------- */\n.auth-shell {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 24px;\n}\n.auth-card {\n width: 100%;\n max-width: 380px;\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 32px;\n}\n.auth-brand {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 22px;\n}\n.auth-logo {\n width: 38px; height: 38px; border-radius: 10px;\n background: linear-gradient(135deg, var(--accent), var(--accent-2));\n display: flex; align-items: center; justify-content: center;\n color: #06202C; flex-shrink: 0;\n}\n.auth-logo svg { width: 20px; height: 20px; }\n.auth-title { font-size: 16px; font-weight: 700; }\n.auth-sub { font-size: 12px; color: var(--muted); margin-top: 2px; }\n.auth-h1 { font-size: 20px; font-weight: 700; margin: 0 0 6px 0; }\n.auth-p { font-size: 13px; color: var(--muted); margin: 0 0 20px 0; }\n.auth-field { margin-bottom: 14px; }\n.auth-label { font-size: 12.5px; color: var(--muted); margin-bottom: 6px; display: block; }\n.auth-input {\n width: 100%;\n background: rgba(255,255,255,0.03);\n border: 1px solid var(--border);\n border-radius: 9px;\n padding: 11px 12px;\n color: var(--ink);\n font-size: 14px;\n font-family: inherit;\n}\n.auth-input:focus { outline: none; border-color: var(--accent); background: var(--accent-bg); }\n.auth-error {\n background: var(--red-bg);\n color: var(--red);\n border-radius: 9px;\n padding: 10px 12px;\n font-size: 12.5px;\n margin-bottom: 14px;\n}\n.auth-submit {\n width: 100%;\n background: var(--accent);\n color: #06202C;\n font-weight: 700;\n font-size: 14px;\n border: none;\n border-radius: 9px;\n padding: 12px;\n cursor: pointer;\n transition: opacity 0.15s ease;\n}\n.auth-submit:hover { opacity: 0.9; }\n.auth-submit:disabled { opacity: 0.6; cursor: default; }\n.auth-switch {\n text-align: center;\n font-size: 12.5px;\n color: var(--muted);\n margin-top: 16px;\n}\n.auth-switch button {\n background: none; border: none; color: var(--accent);\n font-size: 12.5px; cursor: pointer; padding: 0; font-family: inherit;\n}\n\n.loading-screen {\n min-height: 100vh; display: flex; align-items: center; justify-content: center;\n color: var(--muted); font-size: 13px;\n}\n\n/* ---------- app shell ---------- */\n.app-shell { display: flex; min-height: 100vh; width: 100%; position: relative; }\n\n.sidebar {\n width: 232px;\n flex-shrink: 0;\n background: var(--surface-solid);\n border-right: 1px solid var(--border-soft);\n padding: 24px 14px;\n display: flex;\n flex-direction: column;\n gap: 4px;\n position: sticky;\n top: 0;\n height: 100vh;\n z-index: 1;\n}\n.brand { display: flex; align-items: center; gap: 10px; padding: 4px 8px 22px 8px; }\n.brand-logo {\n width: 34px; height: 34px; border-radius: 9px;\n background: linear-gradient(135deg, var(--accent), var(--accent-2));\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0; color: #06202C;\n}\n.brand-logo svg { width: 18px; height: 18px; }\n.brand-title { font-size: 14.5px; font-weight: 700; color: var(--ink); line-height: 1.2; }\n.brand-sub { font-size: 11px; color: var(--muted); margin-top: 2px; }\n\n.nav-item {\n display: flex; align-items: center; gap: 10px;\n padding: 9px 11px; border-radius: 9px;\n font-size: 13.5px; font-weight: 500; color: var(--muted);\n cursor: pointer; border: none; background: transparent;\n text-align: left; width: 100%;\n transition: background 0.18s ease, color 0.18s ease;\n font-family: inherit;\n}\n.nav-item:hover { background: rgba(255,255,255,0.04); color: var(--ink); }\n.nav-item.active { background: var(--accent-bg); color: var(--ink); }\n.nav-item.active svg { color: var(--accent); }\n.nav-item svg { width: 16px; height: 16px; flex-shrink: 0; transition: color 0.18s ease; }\n.nav-spacer { flex: 1; }\n.nav-foot {\n display: flex; align-items: center; gap: 10px;\n font-size: 11.5px; color: var(--muted);\n padding: 12px 10px; margin-top: 8px;\n border-top: 1px solid var(--border-soft);\n}\n.nav-foot-dot {\n width: 8px; height: 8px; border-radius: 50%;\n background: var(--green); box-shadow: 0 0 0 3px var(--green-bg);\n flex-shrink: 0; transition: background 0.2s ease, box-shadow 0.2s ease;\n}\n.nav-foot-dot.saving {\n background: var(--accent); box-shadow: 0 0 0 3px var(--accent-bg);\n animation: dotPulse 0.9s ease-in-out infinite;\n}\n@keyframes dotPulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }\n\n.logout-btn {\n border: none; background: transparent; color: var(--muted);\n font-size: 11px; cursor: pointer; font-family: inherit; padding: 0;\n text-decoration: underline;\n}\n.logout-btn:hover { color: var(--red); }\n\n.main { flex: 1; min-width: 0; padding: 40px 48px 60px 48px; max-width: 1080px; }\n.tab-content { animation: tabIn 0.32s cubic-bezier(0.22, 1, 0.36, 1); }\n@keyframes tabIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }\n\n.page-header { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 26px; }\n.page-title { font-size: 24px; font-weight: 700; margin: 0; letter-spacing: -0.01em; }\n.page-sub { font-size: 13.5px; color: var(--muted); margin: 6px 0 0 0; }\n.page-kpi { text-align: right; }\n.page-kpi-label { font-size: 12px; color: var(--muted); }\n.page-kpi-value { font-size: 21px; font-weight: 700; color: var(--accent); margin-top: 4px; }\n\n.card {\n background: var(--surface); border: 1px solid var(--border); border-radius: 14px;\n padding: 20px; position: relative; transition: border-color 0.18s ease;\n}\n.card:hover { border-color: #2A3040; }\n.grid { display: grid; gap: 14px; }\n.grid-4 { grid-template-columns: repeat(4, 1fr); }\n.grid-2 { grid-template-columns: repeat(2, 1fr); }\n.stat-top { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 16px; }\n.icon-badge { width: 38px; height: 38px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n.icon-badge svg { width: 18px; height: 18px; }\n.icon-badge.green { background: var(--green-bg); color: var(--green); }\n.icon-badge.red { background: var(--red-bg); color: var(--red); }\n.icon-badge.accent { background: var(--accent-bg); color: var(--accent); }\n.icon-badge.amber { background: var(--amber-bg); color: var(--amber); }\n.icon-badge.teal { background: var(--teal-bg); color: var(--teal); }\n.stat-context { font-size: 11.5px; color: var(--muted); padding-top: 8px; }\n.stat-label { font-size: 12px; color: var(--muted); font-weight: 500; }\n.stat-value { font-size: 23px; font-weight: 700; margin-top: 6px; color: var(--ink); }\n.tag { display: inline-block; font-size: 11px; font-weight: 600; padding: 2px 9px; border-radius: 999px; margin-top: 10px; }\n.tag.green { color: var(--green); background: var(--green-bg); }\n.tag.red { color: var(--red); background: var(--red-bg); }\n.tag.gold { color: var(--accent); background: var(--accent-bg); }\n\n.table-wrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }\ntable { width: 100%; min-width: 560px; border-collapse: collapse; }\nth {\n text-align: left; font-size: 11px; color: var(--muted); font-weight: 600;\n text-transform: uppercase; letter-spacing: 0.04em; padding: 0 10px 10px 10px;\n border-bottom: 1px solid var(--border);\n}\ntd { padding: 4px 10px; border-bottom: 1px solid var(--border-soft); font-size: 13.5px; vertical-align: middle; color: var(--ink); }\ntr:last-child td { border-bottom: none; }\n.cell-input {\n width: 100%; border: none; background: transparent; font-size: 13.5px;\n font-family: inherit; color: var(--ink); padding: 9px 4px; border-radius: 6px;\n}\n.cell-input:focus { outline: none; background: rgba(58,182,240,0.08); box-shadow: inset 0 0 0 1px rgba(58,182,240,0.35); }\nselect.cell-input { cursor: pointer; }\nselect.cell-input option { background: #10141C; color: var(--ink); }\n.num-input { text-align: right; font-family: 'JetBrains Mono', ui-monospace, monospace; }\n.num-field { display: flex; align-items: center; gap: 3px; width: 100%; }\n.num-field .cell-input { width: auto; min-width: 0; flex: 1 1 auto; appearance: textfield; }\n.num-field input[type=\"number\"]::-webkit-inner-spin-button,\n.num-field input[type=\"number\"]::-webkit-outer-spin-button { -webkit-appearance: none !important; appearance: none !important; margin: 0; display: none; }\n.num-btn {\n width: 20px; height: 20px; flex: 0 0 20px; display: flex; align-items: center; justify-content: center;\n border-radius: 6px; border: 1px solid var(--border); background: rgba(255,255,255,0.03); color: var(--muted);\n cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.1s ease;\n}\n.num-btn svg { width: 11px; height: 11px; }\n.num-btn:hover { border-color: rgba(58,182,240,0.5); color: var(--accent); background: var(--accent-bg); }\n.num-btn:active { transform: scale(0.9); }\n.row-total td { font-weight: 700; border-top: 1px solid var(--border); border-bottom: none; color: var(--ink); }\n.icon-btn { border: none; background: transparent; color: var(--muted); cursor: pointer; padding: 6px; border-radius: 6px; display: flex; align-items: center; }\n.icon-btn:hover { background: var(--red-bg); color: var(--red); }\n.add-row {\n margin-top: 14px; display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600;\n color: var(--ink); background: rgba(255,255,255,0.045); border: 1px solid var(--border); padding: 8px 14px;\n border-radius: 9px; cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease; font-family: inherit;\n}\n.add-row:hover { background: rgba(255,255,255,0.07); border-color: #2A3040; }\n.add-row svg { width: 14px; height: 14px; color: var(--accent); }\n.add-row:disabled { opacity: 0.6; cursor: default; }\n.bar-track { width: 100%; height: 6px; background: rgba(255,255,255,0.07); border-radius: 999px; overflow: hidden; }\n.bar-fill { height: 100%; border-radius: 999px; transition: width 0.3s ease; }\n.section-note { font-size: 12.5px; color: var(--muted); margin-top: 16px; line-height: 1.5; }\n\n.ring-wrap { display: flex; align-items: center; gap: 28px; }\n.ring-figures { display: flex; flex-direction: column; gap: 10px; flex: 1; }\n.ring-row { display: flex; justify-content: space-between; font-size: 13px; }\n.ring-row span:first-child { color: var(--muted); }\n.ring-row span:last-child { font-weight: 600; color: var(--ink); }\n\n.advice-card { background: var(--surface); border: 1px solid var(--border); border-left: 3px solid var(--accent); border-radius: 14px; padding: 20px 22px; }\n.advice-title { font-size: 15px; font-weight: 700; margin: 0 0 16px 0; }\n.advice-item { display: flex; gap: 12px; padding: 14px; border: 1px solid var(--border); border-radius: 11px; margin-bottom: 10px; }\n.advice-item:last-child { margin-bottom: 0; }\n.advice-item.warn { border-color: rgba(245,165,36,0.35); }\n.advice-item.info { background: var(--accent-bg); border-color: rgba(58,182,240,0.3); }\n.advice-item svg { width: 17px; height: 17px; flex-shrink: 0; margin-top: 1px; }\n.advice-item.warn svg { color: var(--amber); }\n.advice-item.info svg { color: var(--accent); }\n.advice-item.ok svg { color: var(--green); }\n.advice-item-title { font-size: 13.5px; font-weight: 700; margin-bottom: 3px; }\n.advice-item.warn .advice-item-title { color: var(--amber); }\n.advice-item.info .advice-item-title { color: var(--accent); }\n.advice-item.ok .advice-item-title { color: var(--green); }\n.advice-item-text { font-size: 13px; color: var(--muted); line-height: 1.5; }\n\n.view-source { position: fixed; bottom: 12px; right: 16px; font-size: 11px; color: var(--muted); z-index: 5; }\n\n@media (max-width: 1180px) {\n .grid-4 { grid-template-columns: repeat(2, 1fr); }\n .main { padding: 32px 28px 48px 28px; }\n}\n@media (max-width: 860px) {\n .app-shell { flex-direction: column; }\n .sidebar {\n width: 100%; height: auto; position: sticky; top: 0;\n flex-direction: row; align-items: center; overflow-x: auto; padding: 10px 12px; gap: 2px; z-index: 2;\n }\n .brand { display: none; }\n .nav-foot { display: none; }\n .nav-item { white-space: nowrap; }\n .main { padding: 22px 18px 40px 18px; }\n .grid-4, .grid-2 { grid-template-columns: 1fr 1fr; }\n .page-header { flex-direction: column; align-items: flex-start; gap: 8px; }\n .page-kpi { text-align: left; }\n .card { padding: 16px; }\n}\n@media (max-width: 560px) {\n .grid-4, .grid-2 { grid-template-columns: 1fr; }\n .main { padding: 16px 14px 32px 14px; }\n .page-title { font-size: 20px; }\n .page-kpi-value { font-size: 18px; }\n .stat-value { font-size: 20px; }\n .ring-wrap { flex-direction: column; align-items: flex-start; gap: 18px; }\n .ring-figures { width: 100%; }\n}\n",[],[172,229],"8247074c-a13d-4598-9f38-dcedb692d6d9","index.tsx","019f57f0-56c5-76eb-9c36-6dc2bc748403",["D",1783886796403],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[172,237],"98c87cec-5d29-454c-9d8b-641e86da035b","index.html","019f57f0-56c5-76eb-9c36-6b11cb2b6576",7,["D",1783887073573],"\n\n \n \n \n ФинСистема — бюджет и облигационный портфель\n \n \n \n \n \n \n

\n \n \n \n\n",[],[172,244],"83b222ec-7afd-4131-b39e-3cac6efd7914","favicon.svg","019f57f0-56c5-76eb-9c36-66ee239d7454",["D",1783886796403],"\n",[],[172,252],"e8f1ead8-bc80-40fd-85b7-10ad35bf8966","theme.ts","38129b2c-7e31-11f1-8652-1607ee4eb77e","497e1b70-3969-4869-bc36-863efb0bf909",24,["D",1783888528186],"// Управление темой оформления: light / dark / system.\n// \"system\" отслеживает системную настройку через matchMedia и живо реагирует на её смену.\n\nexport type ThemePref = \"light\" | \"dark\" | \"system\";\n\nfunction systemPrefersLight(): boolean {\n if (typeof matchMedia !== \"function\") return false;\n return matchMedia(\"(prefers-color-scheme: light)\").matches;\n}\n\nexport function resolveTheme(pref: ThemePref): \"light\" | \"dark\" {\n if (pref === \"system\") return systemPrefersLight() ? \"light\" : \"dark\";\n return pref;\n}\n\nexport function applyTheme(pref: ThemePref) {\n if (typeof document === \"undefined\") return;\n document.documentElement.setAttribute(\"data-theme\", resolveTheme(pref));\n}\n\n/**\n * Применяет тему и, если выбран режим \"system\", подписывается на смену\n * системной темы, пока действует этот эффект. Возвращает функцию очистки —\n * предназначена для вызова из useEffect.\n */\nexport function syncTheme(pref: ThemePref): () => void {\n applyTheme(pref);\n if (pref !== \"system\" || typeof matchMedia !== \"function\") {\n return () => {};\n }\n const mq = matchMedia(\"(prefers-color-scheme: light)\");\n const handler = () => applyTheme(\"system\");\n if (mq.addEventListener) mq.addEventListener(\"change\", handler);\n else if ((mq as any).addListener) (mq as any).addListener(handler);\n return () => {\n if (mq.removeEventListener) mq.removeEventListener(\"change\", handler);\n else if ((mq as any).removeListener) (mq as any).removeListener(handler);\n };\n}\n",[],[172,267,259],"lib","66e7c863-0668-443e-a973-ce10515b1a42","calc.ts","0d99166c-7e2e-11f1-beda-1607ee4eb77e",9,["D",1783887168673],"// Бизнес-логика — чистые функции, портированы из утверждённого прототипа.\n// Компоненты ничего не считают сами, только читают готовые значения отсюда.\n\nexport const CATEGORIES = [\n \"Продукты\", \"Кафе\", \"Рестораны\", \"Авто\", \"Такси\", \"Жилье\", \"Ипотека\",\n \"Связь\", \"Интернет\", \"Дети\", \"Одежда\", \"Развлечения\", \"Подписки\",\n \"Путешествия\", \"Здоровье\", \"Прочее\",\n];\n\nexport function monthKey(dateStr: string) {\n return dateStr ? dateStr.slice(0, 7) : \"—\";\n}\n\nexport function fmt(n: number, currency: string) {\n const v = Number.isFinite(n) ? n : 0;\n return `${v.toLocaleString(\"ru-RU\", { maximumFractionDigits: 0 })} ${currency}`;\n}\n\nexport function pct(n: number) {\n const v = Number.isFinite(n) ? n : 0;\n return `${v.toFixed(0)}%`;\n}\n\nexport const IncomeService = {\n total(incomes: any[]) {\n return incomes.reduce((s, r) => s + (Number(r.amount) || 0), 0);\n },\n};\n\nexport const ExpenseService = {\n total(expenses: any[]) {\n return expenses.reduce((s, e) => s + (Number(e.amount) || 0), 0);\n },\n byCategory(expenses: any[], category: string) {\n return expenses.filter((e) => e.category === category).reduce((s, e) => s + (Number(e.amount) || 0), 0);\n },\n distinctMonths(expenses: any[]) {\n return new Set(expenses.map((e) => monthKey(e.date)).filter((m) => m !== \"—\"));\n },\n avgMonthly(expenses: any[]) {\n const total = this.total(expenses);\n const months = this.distinctMonths(expenses);\n return months.size > 0 ? total / months.size : total;\n },\n};\n\nexport const BudgetService = {\n rows(expenses: any[], budgetPlan: Record) {\n return CATEGORIES.map((cat) => {\n const fact = ExpenseService.byCategory(expenses, cat);\n const plan = Number(budgetPlan[cat]) || 0;\n const remainder = plan - fact;\n const ratio = plan > 0 ? (fact / plan) * 100 : 0;\n return { cat, plan, fact, remainder, ratio };\n });\n },\n totals(expenses: any[], budgetPlan: Record) {\n const rows = this.rows(expenses, budgetPlan);\n const plan = rows.reduce((s, r) => s + r.plan, 0);\n const fact = rows.reduce((s, r) => s + r.fact, 0);\n return { rows, plan, fact, remainder: plan - fact, ratio: plan > 0 ? (fact / plan) * 100 : 0 };\n },\n overBudgetCount(expenses: any[], budgetPlan: Record) {\n return this.rows(expenses, budgetPlan).filter((r) => r.plan > 0 && r.fact > r.plan).length;\n },\n};\n\nexport const GoalService = {\n compute(goal: any) {\n const target = Number(goal.target) || 0;\n const saved = Number(goal.saved) || 0;\n const months = Number(goal.months) || 0;\n const remaining = target - saved;\n const perMonth = months > 0 ? remaining / months : 0;\n const progress = target > 0 ? (saved / target) * 100 : 0;\n return { ...goal, remaining, perMonth, progress };\n },\n totals(goals: any[]) {\n const computed = goals.map((g) => this.compute(g));\n const target = computed.reduce((s, g) => s + (Number(g.target) || 0), 0);\n const saved = computed.reduce((s, g) => s + (Number(g.saved) || 0), 0);\n return { computed, target, saved, remaining: target - saved };\n },\n};\n\nexport const CreditService = {\n totals(loans: any[]) {\n return {\n balance: loans.reduce((s, l) => s + (Number(l.balance) || 0), 0),\n payment: loans.reduce((s, l) => s + (Number(l.payment) || 0), 0),\n overpay: loans.reduce((s, l) => s + (Number(l.overpay) || 0), 0),\n };\n },\n};\n\nexport const AnalyticsService = {\n rating(totalIncome: number, free: number) {\n return totalIncome > 0 ? (free / totalIncome) * 100 : 0;\n },\n cushion(avgMonthly: number, months: number) {\n return avgMonthly * months;\n },\n};\n\n// ---------------- Инвестиции: облигации с реального каталога MOEX ----------------\n\nexport interface Bond {\n id: string;\n ticker: string;\n issuer: string;\n rating: string;\n couponRate: number;\n maturityDate: string;\n hasOffer: boolean;\n liquidity: \"low\" | \"medium\" | \"high\";\n duration: number;\n faceValue: number;\n currency: string;\n}\n\nconst RATING_ORDER = [\"AAA\", \"AA\", \"A\", \"BBB\", \"BB\", \"B\", \"—\"];\n\nexport const InvestmentService = {\n bondById(bonds: Bond[], id: string) {\n return bonds.find((b) => b.id === id);\n },\n rows(bonds: Bond[], holdings: any[]) {\n return holdings\n .map((h) => {\n const bond = this.bondById(bonds, h.bondId);\n if (!bond) return null;\n const value = (Number(h.quantity) || 0) * (Number(h.avgPrice) || 0);\n return { ...h, bond, value };\n })\n .filter(Boolean) as any[];\n },\n summary(bonds: Bond[], holdings: any[]) {\n const rows = this.rows(bonds, holdings);\n const totalValue = rows.reduce((s, r) => s + r.value, 0);\n const weightedYield = totalValue > 0\n ? rows.reduce((s, r) => s + r.bond.couponRate * r.value, 0) / totalValue\n : 0;\n const annualCoupons = rows.reduce((s, r) => s + r.value * (r.bond.couponRate / 100), 0);\n const issuers = new Set(rows.map((r) => r.bond.issuer));\n return { rows, totalValue, weightedYield, annualCoupons, issuerCount: issuers.size };\n },\n risk(bonds: Bond[], holdings: any[]) {\n const { rows, totalValue } = this.summary(bonds, holdings);\n if (rows.length === 0) return { concentration: null as any, offerShare: 0, avgDuration: 0 };\n const byIssuer: Record = {};\n rows.forEach((r) => { byIssuer[r.bond.issuer] = (byIssuer[r.bond.issuer] || 0) + r.value; });\n const maxIssuerShare = (Math.max(...Object.values(byIssuer)) / totalValue) * 100;\n const topIssuer = Object.keys(byIssuer).find((k) => (byIssuer[k] / totalValue) * 100 === maxIssuerShare);\n const offerShare = (rows.filter((r) => r.bond.hasOffer).reduce((s, r) => s + r.value, 0) / totalValue) * 100;\n const avgDuration = rows.reduce((s, r) => s + r.bond.duration * r.value, 0) / totalValue;\n return { concentration: { issuer: topIssuer, share: maxIssuerShare }, offerShare, avgDuration };\n },\n recommend(bonds: Bond[], { targetYield, capital, riskLevel }: { targetYield: number; capital: number; riskLevel: \"low\" | \"medium\" | \"high\" }) {\n const minRatingIndex = riskLevel === \"low\" ? 2 : riskLevel === \"medium\" ? 4 : 6;\n let candidates = bonds.filter((b) => RATING_ORDER.indexOf(b.rating) <= minRatingIndex || b.rating === \"—\");\n candidates = candidates.filter((b) => !b.hasOffer || riskLevel === \"high\");\n candidates = candidates.filter((b) => riskLevel !== \"low\" || b.liquidity !== \"low\");\n candidates = candidates.slice().sort((a, b) => Math.abs(a.couponRate - targetYield) - Math.abs(b.couponRate - targetYield));\n const picks = candidates.slice(0, 4);\n const perBond = picks.length > 0 ? capital / picks.length : 0;\n const expectedYield = picks.length > 0 ? picks.reduce((s, b) => s + b.couponRate, 0) / picks.length : 0;\n const withReason = picks.map((b) => {\n const reasons = [];\n reasons.push(b.rating !== \"—\" ? `рейтинг ${b.rating}` : \"рейтинг не раскрыт биржей\");\n reasons.push(b.hasOffer ? \"есть оферта — учитывай риск досрочного погашения\" : \"оферты нет\");\n reasons.push(`ликвидность ${b.liquidity === \"high\" ? \"высокая\" : b.liquidity === \"medium\" ? \"средняя\" : \"низкая\"}`);\n reasons.push(`купон ${b.couponRate}% — ${Math.abs(b.couponRate - targetYield) < 2 ? \"близко к цели\" : \"заметно отличается от цели\"}`);\n return { ...b, allocation: perBond, reason: reasons.join(\", \") };\n });\n return { picks: withReason, expectedYield };\n },\n};\n\nexport function declGoals(n: number) {\n const mod10 = n % 10, mod100 = n % 100;\n if (mod10 === 1 && mod100 !== 11) return \"цель\";\n if ([2, 3, 4].includes(mod10) && ![12, 13, 14].includes(mod100)) return \"цели\";\n return \"целей\";\n}\n\nexport function todayISO() {\n return new Date().toISOString().slice(0, 10);\n}\n\nlet uid = 1000000;\nexport function nextId() {\n uid += 1;\n return uid;\n}\n",[],[172,267,269],"a5a4f117-1ecd-4ea9-9421-0e7da79ad188","api.ts","11dfc702-7e2e-11f1-bd86-1607ee4eb77e",10,["D",1783887175856],"async function req(path: string, options: RequestInit = {}) {\n const res = await fetch(path, {\n credentials: \"include\",\n headers: { \"Content-Type\": \"application/json\", ...(options.headers || {}) },\n ...options,\n });\n let body: any = null;\n try {\n body = await res.json();\n } catch {\n body = null;\n }\n if (!res.ok) {\n const message = body?.error || `Ошибка запроса (${res.status})`;\n throw new Error(message);\n }\n return body;\n}\n\nexport const api = {\n me: () => req(\"/api/me\"),\n register: (email: string, password: string) =>\n req(\"/api/register\", { method: \"POST\", body: JSON.stringify({ email, password }) }),\n login: (email: string, password: string) =>\n req(\"/api/login\", { method: \"POST\", body: JSON.stringify({ email, password }) }),\n logout: () => req(\"/api/logout\", { method: \"POST\" }),\n getData: () => req(\"/api/data\"),\n setDataKey: (key: string, value: unknown) =>\n req(`/api/data/${key}`, { method: \"PUT\", body: JSON.stringify(value) }),\n getBonds: () => req(\"/api/bonds\"),\n};\n",[],[172,267,277],"e828f6ee-b4d4-4ddf-936b-70f064dee7f1",["D",1783887168673],[212,213,214],[172,267],"f5e5d3dc-afc4-4432-bc17-d8c2f71111d3","ui.tsx","16c1a34e-7e2e-11f1-92ec-1607ee4eb77e","019f57f0-56c5-76eb-9c36-61eb7049bf59",25,["D",1783888541800],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nexport {\n LayoutDashboard, ArrowDownCircle, ArrowUpCircle, PieChart, Target, ShieldCheck,\n CreditCard, Settings as SettingsIcon, Plus, Trash2, Wallet, Minus, TrendingUp,\n Landmark, AlertTriangle, LogOut, Loader2, Sun, Moon, Monitor, Sparkles,\n} from \"https://esm.sh/lucide-react@0.469.0?deps=react@18.2.0,react-dom@18.2.0\";\n\nexport function NumberField({ value, onChange, step = 1, min }: {\n value: number; onChange: (v: number) => void; step?: number; min?: number;\n}) {\n const current = Number(value) || 0;\n const clamp = (v: number) => (min !== undefined ? Math.max(min, v) : v);\n const dec = () => onChange(clamp(current - step));\n const inc = () => onChange(clamp(current + step));\n return (\n

\n \n onChange(clamp(Number(e.target.value)))}\n />\n \n

\n );\n}\n",[],[172,297,289],"components","4427c825-40ed-4443-8a44-f64836147501","Settings.tsx","4d7436c2-7e2e-11f1-b13a-1607ee4eb77e",20,["D",1783887275816],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { NumberField, Trash2 } from \"./ui.tsx\";\n\nexport function SettingsView({ settings, setSettings, onReset }: any) {\n const set = (field: string, value: any) => setSettings({ ...settings, [field]: value });\n const [confirming, setConfirming] = useState(false);\n const handleReset = () => {\n if (!confirming) {\n setConfirming(true);\n return;\n }\n onReset();\n setConfirming(false);\n };\n\n return (\n

Настройки

Валюта и базовые параметры расчётов

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

Валюта	\n \n
Доходность, % годовых	set(\"incomeRate\", v)} step={0.5} min={0} />
Норма накоплений, %	set(\"savingsRate\", v)} step={1} min={0} />

Эти параметры используются на других вкладках приложения.

Данные приложения

\n Все данные хранятся в базе данных на сервере и привязаны к вашему аккаунту.\n Сброс удалит доходы, расходы, бюджет, цели и кредиты — вернутся только демонстрационные значения.\n

\n setConfirming(false)}\n >\n \n {confirming ? \"Точно удалить всё? Нажми ещё раз\" : \"Сбросить все данные\"}\n \n

\n );\n}\n",[],[172,297,299],"3f288f72-d090-4409-9d17-8193eb6a02a9","Loans.tsx","49305dca-7e2e-11f1-9154-1607ee4eb77e",19,["D",1783887268654],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { CreditService, fmt, nextId } from \"../lib/calc.ts\";\nimport { NumberField, Plus, Trash2 } from \"./ui.tsx\";\n\nexport function LoansView({ loans, setLoans, settings }: any) {\n const update = (id: number, field: string, value: any) =>\n setLoans(loans.map((l: any) => (l.id === id ? { ...l, [field]: value } : l)));\n const remove = (id: number) => setLoans(loans.filter((l: any) => l.id !== id));\n const add = () => setLoans([...loans, { id: nextId(), name: \"\", balance: 0, rate: 0, payment: 0, overpay: 0 }]);\n const { balance: totalBalance, payment: totalPayment, overpay: totalOverpay } = CreditService.totals(loans);\n\n return (\n

Кредиты

Кредиты и переплаты

\n \n \n \n \n \n \n \n \n \n \n \n {loans.map((l: any) => (\n \n \n \n \n \n \n \n \n ))}\n \n \n \n \n \n \n \n

Кредит	Остаток	Ставка, %	Платёж	Переплата	\n
update(l.id, \"name\", e.target.value)} />	update(l.id, \"balance\", v)} step={5000} min={0} />	update(l.id, \"rate\", v)} step={0.1} min={0} />	update(l.id, \"payment\", v)} step={500} min={0} />	update(l.id, \"overpay\", v)} step={1000} min={0} />
ИТОГО	{fmt(totalBalance, settings.currency)}	\n	{fmt(totalPayment, settings.currency)}	{fmt(totalOverpay, settings.currency)}	\n

\n \n

Заполни название, остаток долга, ставку и платёж. Переплату впиши по графику банка.

\n );\n}\n",[],[172,297,307],"73318afd-6e51-431e-b027-c36b4a12b075","Investments.tsx","2a9f2782-7e2f-11f1-9a31-1607ee4eb77e",21,["D",1783887646852],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { InvestmentService, fmt, pct, nextId } from \"../lib/calc.ts\";\nimport { NumberField, Plus, Trash2, TrendingUp, Landmark, AlertTriangle, ShieldCheck, Wallet } from \"./ui.tsx\";\n\nexport function InvestmentsView({ holdings, setHoldings, bonds, settings }: any) {\n const update = (id: number, field: string, value: any) =>\n setHoldings(holdings.map((h: any) => (h.id === id ? { ...h, [field]: value } : h)));\n const remove = (id: number) => setHoldings(holdings.filter((h: any) => h.id !== id));\n const add = () => {\n const b = bonds[0];\n setHoldings([...holdings, { id: nextId(), bondId: b?.id || \"\", quantity: 1, avgPrice: b?.faceValue || 1000 }]);\n };\n const addPick = (bond: any, allocation: number) => {\n const qty = Math.max(1, Math.round(allocation / (bond.faceValue || 1000)));\n setHoldings([...holdings, { id: nextId(), bondId: bond.id, quantity: qty, avgPrice: bond.faceValue || 1000 }]);\n };\n\n const summary = InvestmentService.summary(bonds, holdings);\n const risk = InvestmentService.risk(bonds, holdings);\n\n const [form, setForm] = useState({ targetYield: 15, capital: 100000, riskLevel: \"medium\" as \"low\" | \"medium\" | \"high\" });\n const [result, setResult] = useState(null);\n const setF = (field: string, value: any) => setForm({ ...form, [field]: value });\n\n function runRecommend(e: any) {\n e.preventDefault();\n if (bonds.length === 0) return;\n setResult(InvestmentService.recommend(bonds, form));\n }\n\n return (\n

Инвестиции

Портфель облигаций — каталог обновляется с Московской биржи (MOEX ISS)

\n\n {bonds.length === 0 && (\n

\n \n

Каталог облигаций недоступен

Не удалось получить данные с MOEX ISS. Попробуйте обновить страницу позже.

\n )}\n\n

Стоимость портфеля

{fmt(summary.totalValue, settings.currency)}

Средневзвешенный купон

{pct(summary.weightedYield)}

Купоны в год

{fmt(summary.annualCoupons, settings.currency)}

Эмитентов в портфеле

{summary.issuerCount}

\n\n

\n \n \n \n \n \n \n \n \n \n \n \n {summary.rows.map((r: any) => (\n \n \n \n \n \n \n \n \n ))}\n {summary.rows.length > 0 && (\n \n \n \n \n )}\n \n

Облигация	Кол-во	Цена покупки	Стоимость	Купон	\n
\n \n	update(r.id, \"quantity\", v)} step={1} min={0} />	update(r.id, \"avgPrice\", v)} step={10} min={0} />	{fmt(r.value, settings.currency)}	{r.bond.couponRate}%
ИТОГО	{fmt(summary.totalValue, settings.currency)}	\n

\n \n

Выбери бумагу из реального каталога MOEX, укажи количество и цену покупки.

\n\n

Риск-анализ портфеля

\n {summary.rows.length === 0 ? (\n

Добавь хотя бы одну облигацию, чтобы увидеть анализ рисков.

\n ) : (\n <>\n

40 ? \"warn\" : \"ok\")}>\n \n

Концентрация по эмитенту

\n {risk.concentration ? `Крупнейшая доля — ${risk.concentration.issuer}: ${risk.concentration.share.toFixed(0)}% портфеля.` : \"—\"}\n {risk.concentration && risk.concentration.share > 40 ? \" Это выше рекомендуемого порога в 40% — рассмотри диверсификацию.\" : \"\"}\n

\n \n

Доля бумаг с офертой

{risk.offerShare.toFixed(0)}% портфеля — учитывай риск досрочного погашения по оферте.

\n \n

Средневзвешенная дюрация

{risk.avgDuration.toFixed(1)} года до погашения/оферты в среднем по портфелю.

\n \n )}\n

\n\n

Подбор портфеля

\n \n\n {result && (\n <>\n

\n {result.picks.length === 0 ? (\n

Под заданные параметры не нашлось подходящих бумаг в текущем каталоге.

\n ) : (\n

\n \n \n \n \n \n \n \n \n \n \n {result.picks.map((b: any) => (\n \n \n \n \n \n \n \n ))}\n \n \n \n \n \n

Облигация	Купон	Сумма	Обоснование	\n
{b.ticker} — {b.issuer}	{b.couponRate}%	{fmt(b.allocation, settings.currency)}	{b.reason}
Ожидаемая доходность (средний купон)	{result.expectedYield.toFixed(1)}%

\n )}\n \n )}\n

Правило-ориентированный подбор: фильтр по рейтингу, оферте, ликвидности и близости купона к цели. Не является индивидуальной инвестиционной рекомендацией.

\n );\n}\n",[],[172,297,315],"44aa0243-a921-43f9-931c-a8a13affe3fd","Incomes.tsx","34299a22-7e2e-11f1-ba70-1607ee4eb77e",14,["D",1783887233386],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useMemo } from \"https://esm.sh/react@18.2.0\";\nimport { IncomeService, fmt, todayISO, nextId } from \"../lib/calc.ts\";\nimport { NumberField, Plus, Trash2 } from \"./ui.tsx\";\n\nexport function IncomesView({ incomes, setIncomes, settings }: any) {\n const total = useMemo(() => IncomeService.total(incomes), [incomes]);\n const update = (id: number, field: string, value: any) =>\n setIncomes(incomes.map((r: any) => (r.id === id ? { ...r, [field]: value } : r)));\n const remove = (id: number) => setIncomes(incomes.filter((r: any) => r.id !== id));\n const add = () => setIncomes([...incomes, { id: nextId(), date: todayISO(), source: \"\", amount: 0, comment: \"\" }]);\n\n return (\n

Доходы

Учёт всех поступлений

\n \n \n \n \n \n \n \n \n \n \n {incomes.map((r: any) => (\n \n \n \n \n \n \n \n ))}\n \n \n \n \n \n

Дата	Источник	Сумма	Комментарий	\n
update(r.id, \"date\", e.target.value)} />	update(r.id, \"source\", e.target.value)} />	update(r.id, \"amount\", v)} step={500} min={0} />	update(r.id, \"comment\", e.target.value)} />
ИТОГО	{fmt(total, settings.currency)}	\n

\n \n

\n );\n}\n",[],[172,297,323],"85bcd2a6-0c1c-495c-ae87-6c9886d4ef60","Goals.tsx","4223069a-7e2e-11f1-a81f-1607ee4eb77e",17,["D",1783887256811],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { GoalService, fmt, pct, nextId } from \"../lib/calc.ts\";\nimport { NumberField, Plus, Trash2 } from \"./ui.tsx\";\n\nexport function GoalsView({ goals, setGoals, settings }: any) {\n const update = (id: number, field: string, value: any) =>\n setGoals(goals.map((g: any) => (g.id === id ? { ...g, [field]: value } : g)));\n const remove = (id: number) => setGoals(goals.filter((g: any) => g.id !== id));\n const add = () => setGoals([...goals, { id: nextId(), name: \"\", target: 0, saved: 0, months: 1 }]);\n const { computed, target: totalTarget, saved: totalSaved, remaining: totalRemaining } = GoalService.totals(goals);\n\n return (\n

Цели

Финансовые цели и прогресс накоплений

\n \n \n \n \n \n \n \n \n \n \n \n \n \n {computed.map((g: any) => (\n \n \n \n \n \n \n \n \n \n \n ))}\n \n \n \n \n \n \n \n

Цель	План	Накоплено	Осталось	Месяцев	В месяц	% выполнения	\n
update(g.id, \"name\", e.target.value)} />	update(g.id, \"target\", v)} step={5000} min={0} />	update(g.id, \"saved\", v)} step={1000} min={0} />	{fmt(g.remaining, settings.currency)}	update(g.id, \"months\", v)} step={1} min={0} />	{fmt(g.perMonth, settings.currency)}	\n \n \n \n \n {pct(g.progress)}\n \n
ИТОГО	{fmt(totalTarget, settings.currency)}	{fmt(totalSaved, settings.currency)}	{fmt(totalRemaining, settings.currency)}	\n

\n \n

Заполни цель, сумму, что уже накоплено и срок в месяцах — остальное посчитается само.

\n );\n}\n",[],[172,297,331],"6105ff58-598e-4d56-bb1f-f88f8bc603f8","Expenses.tsx","383bd4ea-7e2e-11f1-89d3-1607ee4eb77e",15,["D",1783887240211],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useMemo } from \"https://esm.sh/react@18.2.0\";\nimport { ExpenseService, CATEGORIES, fmt, todayISO, nextId } from \"../lib/calc.ts\";\nimport { NumberField, Plus, Trash2 } from \"./ui.tsx\";\n\nexport function ExpensesView({ expenses, setExpenses, settings }: any) {\n const total = useMemo(() => ExpenseService.total(expenses), [expenses]);\n const update = (id: number, field: string, value: any) =>\n setExpenses(expenses.map((r: any) => (r.id === id ? { ...r, [field]: value } : r)));\n const remove = (id: number) => setExpenses(expenses.filter((r: any) => r.id !== id));\n const add = () => setExpenses([...expenses, { id: nextId(), date: todayISO(), category: CATEGORIES[0], description: \"\", amount: 0 }]);\n\n return (\n

Расходы

Учёт трат по категориям

\n \n \n \n \n \n \n \n \n \n \n {expenses.map((r: any) => (\n \n \n \n \n \n \n \n ))}\n \n \n \n \n \n

Дата	Категория	Описание	Сумма	\n
update(r.id, \"date\", e.target.value)} />	\n \n	update(r.id, \"description\", e.target.value)} />	update(r.id, \"amount\", v)} step={500} min={0} />
ИТОГО	{fmt(total, settings.currency)}	\n

\n \n

\n );\n}\n",[],[172,297,339],"b815a582-dbfe-4d4d-866a-bb5620e42a2c","Dashboard.tsx","2d63ab7e-7e2e-11f1-89d3-1607ee4eb77e",13,["D",1783887222023],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { BudgetService, CreditService, fmt, declGoals } from \"../lib/calc.ts\";\nimport { ArrowUpCircle, ArrowDownCircle, Wallet, Target, PieChart, CreditCard } from \"./ui.tsx\";\n\nexport function Dashboard({ totals, goals, expenses, budgetPlan, loans, settings }: any) {\n const { totalIncome, totalExpense, free, goalsSaved, rating } = totals;\n const ratingClamped = Math.max(0, Math.min(100, rating));\n const angle = (ratingClamped / 100) * 360;\n const ringStyle = {\n background: `conic-gradient(var(--accent) ${angle}deg, rgba(255,255,255,0.07) ${angle}deg 360deg)`,\n };\n const overBudgetCount = BudgetService.overBudgetCount(expenses, budgetPlan);\n const totalDebt = CreditService.totals(loans).balance;\n\n const advice: any[] = [];\n if (rating < settings.savingsRate) {\n advice.push({\n type: \"warn\", Icon: ArrowUpCircle, title: \"Не хватает до цели\",\n text: `Норма накоплений задана как ${settings.savingsRate}%, а сейчас получается ${rating.toFixed(0)}%. Пересмотри расходы или доходы, чтобы приблизиться к цели.`,\n });\n } else {\n advice.push({\n type: \"ok\", Icon: ArrowUpCircle, title: \"Цель по накоплениям выполняется\",\n text: `Текущий рейтинг ${rating.toFixed(0)}% уже покрывает заданную норму в ${settings.savingsRate}%. Хорошая динамика.`,\n });\n }\n if (goals.length < 2) {\n advice.push({\n type: \"warn\", Icon: Target, title: \"Мало финансовых целей\",\n text: \"Сейчас в системе меньше двух целей. Добавь ещё одну — например, резерв на непредвиденные расходы или крупную покупку.\",\n });\n }\n if (overBudgetCount > 0) {\n advice.push({\n type: \"warn\", Icon: PieChart, title: \"Перерасход по бюджету\",\n text: `Найдено категорий с превышением плана: ${overBudgetCount}. Загляни во вкладку «Бюджет», чтобы понять, где именно.`,\n });\n }\n if (totalDebt > 0) {\n advice.push({\n type: \"info\", Icon: CreditCard, title: \"Остаток по кредитам\",\n text: `Общий остаток долга — ${fmt(totalDebt, settings.currency)}. Проверь вкладку «Кредиты», чтобы отслеживать переплату.`,\n });\n }\n\n return (\n

Главная панель

Обзор ваших финансов — обновляется автоматически

Свободные средства

{fmt(free, settings.currency)}

\n\n

Цель: {settings.savingsRate}%

Доход месяца

{fmt(totalIncome, settings.currency)}

{expenses.length} операций

Расход месяца

{fmt(totalExpense, settings.currency)}

Свободные средства

{fmt(free, settings.currency)}

\n = 0 ? \"green\" : \"red\")}>{free >= 0 ? \"в плюсе\" : \"в минусе\"}\n

{goals.length} {declGoals(goals.length)}

Накоплено в целях

{fmt(goalsSaved, settings.currency)}

\n\n

Финансовый рейтинг

{rating.toFixed(0)}%

рейтинг

Доход{fmt(totalIncome, settings.currency)}

Расход{fmt(totalExpense, settings.currency)}

Норма накоплений (цель){settings.savingsRate}%

\n Рейтинг = доля свободных средств от дохода. Чем выше — тем лучше финансовая устойчивость.\n

\n\n

Советы ассистента

\n {advice.map((a, i) => (\n

\n \n

{a.title}

{a.text}

\n ))}\n

\n );\n}\n",[],[172,297,347],"3d8ae66e-367d-4153-a830-18bbb5e03182","Cushion.tsx","44b25c76-7e2e-11f1-bb6d-1607ee4eb77e",18,["D",1783887261118],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { AnalyticsService, fmt } from \"../lib/calc.ts\";\n\nexport function CushionView({ totals, settings }: any) {\n const { avgMonthly } = totals;\n const items = [\n { label: \"Подушка на 3 месяца\", months: 3 },\n { label: \"Подушка на 6 месяцев\", months: 6 },\n { label: \"Подушка на 12 месяцев\", months: 12 },\n ];\n return (\n

Подушка

Сколько нужно накопить, чтобы прожить без дохода

Средние расходы в месяц

{fmt(avgMonthly, settings.currency)}

Считается как общая сумма расходов, делённая на число месяцев в вкладке «Расходы».

\n {items.map((it) => (\n

{it.label.toUpperCase()}

{fmt(AnalyticsService.cushion(avgMonthly, it.months), settings.currency)}

\n ))}\n

\n );\n}\n",[],[172,297,355],"37cc1e2b-ca3c-47c2-a271-215a7c823873","Budget.tsx","3cde0388-7e2e-11f1-b13a-1607ee4eb77e",16,["D",1783887247984],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useMemo } from \"https://esm.sh/react@18.2.0\";\nimport { BudgetService, fmt, pct } from \"../lib/calc.ts\";\nimport { NumberField } from \"./ui.tsx\";\n\nexport function BudgetView({ expenses, budgetPlan, setBudgetPlan, settings }: any) {\n const { rows, plan: totalPlan, fact: totalFact, remainder: totalRemainder, ratio: totalRatio } = useMemo(\n () => BudgetService.totals(expenses, budgetPlan),\n [expenses, budgetPlan]\n );\n const setPlan = (cat: string, value: number) => setBudgetPlan({ ...budgetPlan, [cat]: Number(value) });\n\n return (\n

Бюджет

План / Факт по категориям расходов

\n \n \n \n \n \n \n \n \n \n \n \n {rows.map((r: any) => (\n \n \n \n \n \n \n \n ))}\n \n \n \n \n \n \n \n \n

Категория	План	Факт	Остаток	% расхода
{r.cat}	setPlan(r.cat, v)} step={500} min={0} />	{fmt(r.fact, settings.currency)}	{fmt(r.remainder, settings.currency)}	\n \n \n 100 ? \"var(--red)\" : \"var(--accent)\" }} />\n \n {pct(r.ratio)}\n \n
ИТОГО	{fmt(totalPlan, settings.currency)}	{fmt(totalFact, settings.currency)}	{fmt(totalRemainder, settings.currency)}	{pct(totalRatio)}

План заполняешь сам — Факт подтягивается из вкладки «Расходы» по категориям.

\n );\n}\n",[],[172,297,363],"2c3b92d0-1faf-4660-9b3e-4ab53509c86d","Auth.tsx","1e609100-7e2e-11f1-9328-1607ee4eb77e",12,["D",1783887196834],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { api } from \"../lib/api.ts\";\nimport { Wallet } from \"./ui.tsx\";\n\nexport function Auth({ onAuthed }: { onAuthed: (user: any) => void }) {\n const [mode, setMode] = useState<\"login\" | \"register\">(\"login\");\n const [email, setEmail] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [error, setError] = useState(null);\n const [busy, setBusy] = useState(false);\n\n async function submit(e: any) {\n e.preventDefault();\n setError(null);\n setBusy(true);\n try {\n const res = mode === \"login\" ? await api.login(email, password) : await api.register(email, password);\n onAuthed(res.user);\n } catch (err: any) {\n setError(err.message || \"Что-то пошло не так\");\n } finally {\n setBusy(false);\n }\n }\n\n return (\n

ФинСистема

Money System Pro

{mode === \"login\" ? \"Вход\" : \"Регистрация\"}

\n {mode === \"login\" ? \"Войдите, чтобы продолжить работу с бюджетом и портфелем.\" : \"Создайте аккаунт — данные будут только вашими.\"}\n

\n {error &&

{error}

}\n \n

\n {mode === \"login\" ? (\n <>Нет аккаунта? \n ) : (\n <>Уже есть аккаунт? \n )}\n

\n );\n}\n",[],[172,297,371],"3c12d9c3-5100-4911-98d8-0d691e4b71b5","App.tsx","019f57f0-56c5-76eb-9c36-595e39a139ba",22,["D",1783887751406],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { api } from \"../lib/api.ts\";\nimport { IncomeService, ExpenseService, GoalService, AnalyticsService, CATEGORIES } from \"../lib/calc.ts\";\nimport {\n LayoutDashboard, ArrowDownCircle, ArrowUpCircle, PieChart, Target, ShieldCheck,\n CreditCard, SettingsIcon, Wallet, Landmark, LogOut, Loader2,\n} from \"./ui.tsx\";\nimport { Auth } from \"./Auth.tsx\";\nimport { Dashboard } from \"./Dashboard.tsx\";\nimport { IncomesView } from \"./Incomes.tsx\";\nimport { ExpensesView } from \"./Expenses.tsx\";\nimport { BudgetView } from \"./Budget.tsx\";\nimport { GoalsView } from \"./Goals.tsx\";\nimport { CushionView } from \"./Cushion.tsx\";\nimport { LoansView } from \"./Loans.tsx\";\nimport { InvestmentsView } from \"./Investments.tsx\";\nimport { SettingsView } from \"./Settings.tsx\";\n\nconst TABS = [\n { key: \"dashboard\", label: \"Главная\", Icon: LayoutDashboard },\n { key: \"incomes\", label: \"Доходы\", Icon: ArrowUpCircle },\n { key: \"expenses\", label: \"Расходы\", Icon: ArrowDownCircle },\n { key: \"budget\", label: \"Бюджет\", Icon: PieChart },\n { key: \"goals\", label: \"Цели\", Icon: Target },\n { key: \"cushion\", label: \"Подушка\", Icon: ShieldCheck },\n { key: \"loans\", label: \"Кредиты\", Icon: CreditCard },\n { key: \"investments\", label: \"Инвестиции\", Icon: Landmark },\n { key: \"settings\", label: \"Настройки\", Icon: SettingsIcon },\n];\n\nfunction defaultBudgetPlan() {\n const plan: Record = {};\n CATEGORIES.forEach((c) => (plan[c] = 0));\n return plan;\n}\n\nexport function App() {\n const [authChecked, setAuthChecked] = useState(false);\n const [user, setUser] = useState(null);\n const [loadingData, setLoadingData] = useState(false);\n const [tab, setTab] = useState(\"dashboard\");\n const [syncing, setSyncing] = useState(false);\n const [data, setData] = useState(null);\n const [bonds, setBonds] = useState([]);\n\n useEffect(() => {\n api.me()\n .then((res) => setUser(res.user))\n .catch(() => setUser(null))\n .finally(() => setAuthChecked(true));\n }, []);\n\n useEffect(() => {\n if (!user) return;\n setLoadingData(true);\n Promise.all([api.getData(), api.getBonds()])\n .then(([d, b]) => {\n setData(d.data);\n setBonds(b.bonds || []);\n })\n .catch(() => {})\n .finally(() => setLoadingData(false));\n }, [user]);\n\n function makeSetter(key: string) {\n return (value: any) => {\n setData((prev: any) => ({ ...prev, [key]: value }));\n setSyncing(true);\n api.setDataKey(key, value)\n .catch(() => {})\n .finally(() => setSyncing(false));\n };\n }\n\n async function handleLogout() {\n try {\n await api.logout();\n } catch {\n // ignore\n }\n setUser(null);\n setData(null);\n setBonds([]);\n setTab(\"dashboard\");\n }\n\n async function handleReset() {\n const defaults = {\n incomes: [{ id: Date.now(), date: new Date().toISOString().slice(0, 10), source: \"Основной доход\", amount: 0, comment: \"\" }],\n expenses: [],\n budgetPlan: defaultBudgetPlan(),\n goals: [{ id: Date.now() + 1, name: \"Подушка безопасности\", target: 300000, saved: 0, months: 12 }],\n loans: [],\n holdings: [],\n settings: { currency: \"₽\", incomeRate: 10, savingsRate: 20 },\n };\n setSyncing(true);\n setData(defaults);\n try {\n await Promise.all(Object.entries(defaults).map(([key, value]) => api.setDataKey(key, value)));\n } catch {\n // ignore\n } finally {\n setSyncing(false);\n }\n }\n\n if (!authChecked) {\n return (\n

\n \n

\n );\n }\n\n if (!user) {\n return setUser(u)} />;\n }\n\n if (loadingData || !data) {\n return (\n

\n \n

\n );\n }\n\n const { incomes, expenses, budgetPlan, goals, loans, holdings, settings } = data;\n const totalIncome = IncomeService.total(incomes);\n const totalExpense = ExpenseService.total(expenses);\n const free = totalIncome - totalExpense;\n const avgMonthly = ExpenseService.avgMonthly(expenses);\n const { saved: goalsSaved } = GoalService.totals(goals);\n const rating = AnalyticsService.rating(totalIncome, free);\n const totals = { totalIncome, totalExpense, free, goalsSaved, rating, avgMonthly };\n\n return (\n

\n \n

\n {tab === \"dashboard\" && }\n {tab === \"incomes\" && }\n {tab === \"expenses\" && }\n {tab === \"budget\" && }\n {tab === \"goals\" && }\n {tab === \"cushion\" && }\n {tab === \"loans\" && }\n {tab === \"investments\" && }\n {tab === \"settings\" && }\n

\n исходный код\n

\n );\n}\n",[],[172,297,379],"0b791deb-7a88-4686-9392-17b60554e75e",["D",1783886796403],[199,200,201,202,203,204,205,206,207,208,209,210],[172,297],["D",1783886796403],[198,211,215,216,217,218],[172],"41ede8ee-7303-43a3-a7e2-5cc2fa1f02c4","moex.ts","aa14c3b6-7e2d-11f1-8c04-1607ee4eb77e",6,["D",1783887066382],"// Реальный каталог облигаций с Московской биржи (MOEX ISS, публичный бесплатный API).\n// Кэшируем в памяти на 15 минут, чтобы не долбить биржу на каждый запрос пользователя.\n\nexport interface Bond {\n id: string;\n ticker: string;\n issuer: string;\n rating: string; // MOEX ISS не отдаёт кредитный рейтинг в открытом доступе — помечаем \"—\"\n couponRate: number;\n maturityDate: string;\n hasOffer: boolean;\n liquidity: \"low\" | \"medium\" | \"high\";\n duration: number;\n faceValue: number;\n currency: string;\n}\n\ninterface CacheEntry {\n data: Bond[];\n fetchedAt: number;\n}\n\nlet cache: CacheEntry | null = null;\nconst CACHE_TTL_MS = 15 * 60 * 1000;\n\nconst BOARDS = [\n { board: \"TQCB\", label: \"corporate\" }, // корпоративные облигации\n { board: \"TQOB\", label: \"ofz\" }, // ОФЗ\n];\n\nconst COLUMNS = [\n \"SECID\", \"SHORTNAME\", \"COUPONPERCENT\", \"COUPONVALUE\", \"COUPONPERIOD\",\n \"MATDATE\", \"OFFERDATE\", \"FACEVALUE\", \"ISSUESIZE\", \"CURRENCYID\", \"LOTSIZE\",\n].join(\",\");\n\nfunction computeDuration(matDate: string, offerDate: string | null): number {\n const target = offerDate && offerDate.length === 10 ? offerDate : matDate;\n if (!target) return 0;\n const ms = new Date(target).getTime() - Date.now();\n if (!Number.isFinite(ms) || ms <= 0) return 0;\n return Math.round((ms / (1000 * 60 * 60 * 24 * 365)) * 10) / 10;\n}\n\n// ISSUESIZE от MOEX ISS — это количество бумаг в выпуске (штуки), а не сумма в рублях.\nfunction liquidityFromIssueSize(issueSize: number): \"low\" | \"medium\" | \"high\" {\n if (issueSize >= 3_000_000) return \"high\";\n if (issueSize >= 500_000) return \"medium\";\n return \"low\";\n}\n\nasync function fetchBoard(board: string): Promise {\n const url = `https://iss.moex.com/iss/engines/stock/markets/bonds/boards/${board}/securities.json?iss.meta=off&securities.columns=${COLUMNS}`;\n const res = await fetch(url);\n if (!res.ok) throw new Error(`MOEX ISS ${board} responded ${res.status}`);\n const json = await res.json();\n const block = json.securities;\n if (!block || !block.columns || !block.data) return [];\n const cols: string[] = block.columns;\n const idx = (name: string) => cols.indexOf(name);\n const bonds: Bond[] = [];\n for (const row of block.data as unknown[][]) {\n const secid = row[idx(\"SECID\")] as string | null;\n const shortname = row[idx(\"SHORTNAME\")] as string | null;\n const coupon = row[idx(\"COUPONPERCENT\")] as number | null;\n const matdate = row[idx(\"MATDATE\")] as string | null;\n const offerdate = row[idx(\"OFFERDATE\")] as string | null;\n const faceValue = (row[idx(\"FACEVALUE\")] as number | null) ?? 1000;\n const issueSize = (row[idx(\"ISSUESIZE\")] as number | null) ?? 0;\n const currency = (row[idx(\"CURRENCYID\")] as string | null) ?? \"SUR\";\n if (!secid || !shortname || !coupon || !matdate) continue;\n bonds.push({\n id: secid,\n ticker: secid,\n issuer: shortname,\n rating: \"—\",\n couponRate: Math.round(coupon * 10) / 10,\n maturityDate: matdate,\n hasOffer: !!offerdate,\n liquidity: liquidityFromIssueSize(issueSize),\n duration: computeDuration(matdate, offerdate),\n faceValue,\n currency: currency === \"SUR\" ? \"RUB\" : currency,\n });\n }\n return bonds;\n}\n\nexport async function getBondCatalog(forceRefresh = false): Promise {\n if (!forceRefresh && cache && Date.now() - cache.fetchedAt < CACHE_TTL_MS) {\n return cache.data;\n }\n const results = await Promise.allSettled(BOARDS.map((b) => fetchBoard(b.board)));\n let all: Bond[] = [];\n for (const r of results) {\n if (r.status === \"fulfilled\") all = all.concat(r.value);\n }\n // Убираем облигации без купона/с погашением в прошлом, сортируем по размеру выпуска (через liquidity/duration уже есть),\n // берём разумное количество, чтобы не отдавать клиенту тысячи строк.\n const now = Date.now();\n all = all.filter((b) => new Date(b.maturityDate).getTime() > now && b.couponRate > 0);\n all.sort((a, b) => (b.liquidity === a.liquidity ? 0 : b.liquidity === \"high\" ? -1 : 1));\n all = all.slice(0, 120);\n if (all.length > 0) {\n cache = { data: all, fetchedAt: Date.now() };\n }\n return all;\n}\n",[],[178,394],"f2174ffa-be57-42f9-b2ee-34fc822a6706",["D",1783888551158],[],[178,33],"ff93893a-7a6f-4366-8ade-0e65011946d9","auth.ts","7993ba94-7e2d-11f1-8c23-1607ee4eb77e",["D",1783886920336],"import bcrypt from \"npm:bcryptjs@2.4.3\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nexport async function initAuthTables() {\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS users (\n id TEXT PRIMARY KEY,\n email TEXT UNIQUE NOT NULL,\n password_hash TEXT NOT NULL,\n tier TEXT NOT NULL DEFAULT 'free',\n created_at TEXT NOT NULL\n )`);\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS sessions (\n token TEXT PRIMARY KEY,\n user_id TEXT NOT NULL,\n created_at TEXT NOT NULL,\n expires_at TEXT NOT NULL\n )`);\n}\n\nexport function newId() {\n return crypto.randomUUID();\n}\n\nexport function newToken() {\n return crypto.randomUUID().replace(/-/g, \"\") + crypto.randomUUID().replace(/-/g, \"\");\n}\n\nexport async function hashPassword(pw: string) {\n return bcrypt.hash(pw, 10);\n}\n\nexport async function verifyPassword(pw: string, hash: string) {\n return bcrypt.compare(pw, hash);\n}\n\nexport interface UserRow {\n id: string;\n email: string;\n password_hash: string;\n tier: string;\n created_at: string;\n}\n\nexport async function findUserByEmail(email: string): Promise {\n const res = await sqlite.execute({\n sql: \"SELECT * FROM users WHERE email = ?\",\n args: [email.trim().toLowerCase()],\n });\n return (res.rows[0] as unknown as UserRow) ?? null;\n}\n\nexport async function findUserById(id: string): Promise {\n const res = await sqlite.execute({ sql: \"SELECT * FROM users WHERE id = ?\", args: [id] });\n return (res.rows[0] as unknown as UserRow) ?? null;\n}\n\nexport async function createUser(email: string, password: string): Promise {\n const id = newId();\n const passwordHash = await hashPassword(password);\n const createdAt = new Date().toISOString();\n await sqlite.execute({\n sql: \"INSERT INTO users (id, email, password_hash, tier, created_at) VALUES (?, ?, ?, 'free', ?)\",\n args: [id, email.trim().toLowerCase(), passwordHash, createdAt],\n });\n return { id, email: email.trim().toLowerCase(), password_hash: passwordHash, tier: \"free\", created_at: createdAt };\n}\n\nexport async function createSession(userId: string): Promise<{ token: string; expiresAt: string }> {\n const token = newToken();\n const createdAt = new Date().toISOString();\n const expiresAt = new Date(Date.now() + 30 * 24 * 60 * 60 * 1000).toISOString();\n await sqlite.execute({\n sql: \"INSERT INTO sessions (token, user_id, created_at, expires_at) VALUES (?, ?, ?, ?)\",\n args: [token, userId, createdAt, expiresAt],\n });\n return { token, expiresAt };\n}\n\nexport async function getSessionUser(token: string | undefined): Promise {\n if (!token) return null;\n const res = await sqlite.execute({\n sql: \"SELECT users.* FROM sessions JOIN users ON sessions.user_id = users.id WHERE sessions.token = ? AND sessions.expires_at > ?\",\n args: [token, new Date().toISOString()],\n });\n return (res.rows[0] as unknown as UserRow) ?? null;\n}\n\nexport async function deleteSession(token: string | undefined) {\n if (!token) return;\n await sqlite.execute({ sql: \"DELETE FROM sessions WHERE token = ?\", args: [token] });\n}\n",[],[178,406],["D",1783886920336],[194,195,196],[178],["D",1783886796403],["D",1789560070146],{"_106":105,"_114":110},{"_106":105,"_107":108,"_109":110,"_18":57,"_111":112,"_113":25},{"_13":91,"_32":92,"_44":43,"_93":45,"_94":95,"_96":97,"_98":51,"_99":100,"_101":102,"_103":46,"_104":105},"ctx",{"_84":-5,"_136":453,"_454":455,"_456":457,"_458":25,"_459":25,"_460":25,"_461":61,"_462":-5,"_463":-7,"_464":-7,"_465":65,"_466":25,"_467":25,"_468":-5,"_469":25,"_470":25,"_471":25,"_472":-5},"ENV",{"_424":425,"_426":427,"_428":92,"_429":430,"_431":432,"_433":434,"_435":436,"_437":438,"_439":440,"_441":442,"_443":444,"_445":446,"_447":448,"_449":450,"_451":452},"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"]

Целевая доходность, %	setF(\"targetYield\", v)} step={0.5} min={0} />
Сумма для инвестирования	setF(\"capital\", v)} step={10000} min={0} />
Уровень риска	\n \n

Diff · v27