20:"$Sreact.view_transition" 21:I[9754,["/_next/static/chunks/2t36f5p4pjzlb.js","/_next/static/chunks/1gyqeidjm5eoa.js","/_next/static/chunks/0_fjnxc4tt_l_.js","/_next/static/chunks/1ymt1shyhmu-4.js","/_next/static/chunks/3kv2zf0i7s2wc.js","/_next/static/chunks/1vs_3g_g75zmk.js","/_next/static/chunks/2g4dh802s8oz3.js","/_next/static/chunks/1bc3f0shukf1j.js","/_next/static/chunks/192kgs9v_t14j.js","/_next/static/chunks/0z6pw0v5c_lx5.js","/_next/static/chunks/08r60e6icmtkc.js","/_next/static/chunks/3trx6c0i7_x-3.js","/_next/static/chunks/40sro5bzp9bi_.js","/_next/static/chunks/1wgf3tk38y6cf.js"],"ProjectDetail"] 22:T4f1e, billmanager · 账单管家

Revolving ledger · 记账引擎

账单管家

一个安全的多用户账单与订阅追踪器——围绕重复扣款转动，按频率分流，多租户之间完全隔离，账单共享时按你选择的方式分摊。

前往 billmanager.app 查看源码

TypeScript

主语言

React + Flask

前端框架 · 后端

PostgreSQL

数据存储

Frequency Axis · 频率轴

每一次扣款都落在自己的节奏上

账单按真实支付的频率转动：每周、每两周、每月、每季度、每年。收入弧线保持上涨，支出弧线分批流出，指针扫过一个周期即为一份完整记录。

每周

每两周

每月

每季度

每年

周期

Tenant Isolation · 多租户隔离

数据彼此隔离，权责各自分离

多租户架构让每个账户拥有完整而独立的空间——收入与支出、账户与账本之间完全隔离，谁也碰不到谁的资料。

01 · 完整数据隔离

一份记录，一个归属

不同租户的数据彼此隔离，借助清晰的边界保证收支、账户与支付信息各归其位。

02 · 可配置的访问控制

角色与访问，层层把关

通过电子邮件邀请协作者，并为角色和访问权限分别配置，谁看什么、改什么，都由你决定。

Sharing & Split · 共享与分摊

共享一张账单，自动分到每个人的头上

把账单分给家庭、团队或个人：按比例、固定或均分。分摊后生成的每一行，合计都与原账单完全对得上。

按比例 · PERCENT

住户 A60% · ¥-600

住户 B40% · ¥-400

合计¥ 1,000

固定金额 · FIXED

共享成员¥ 250 固定

合计¥ 500

平均分摊 · AVERAGE

成员 × 3¥ 100 × 3

合计¥ 300

示例分摊省自 billmanager 披露的三种分摊方式。

Security · 安全加固

v4.7.6 的安全锁

记录钱的地方，首先必须安全。v4.7.6 针对已验证的安全发现进行加固，宁可失败关闭，也不冒险放行。

更安全的会话与 OAuth会话与第三方登录握手均经过加固。
更强的授权访问控制更严格，权限判定更收敛。
加固的部署与导出部署与导出流程对异常安全边界失败关闭。

O'Saasy 许可证

自由使用，限制第三方 SaaS 商业化

基于 MIT 修改的许可证，允许广泛使用，同时约束第三方将其做成付费 SaaS 转卖。

Self-Host · 自托管

用 Docker 与 PostgreSQL，自己跑起来

环境自备 Docker 与 PostgreSQL 即可部署，数据留在你的掌控之中，正适合寻找自托管方案的用户。

应用容器

docker compose up -d

备份

pg_dump -U billsuser billsdb > backup.sql

恢复

psql -U billsuser billsdb < backup.sql

日志

docker compose logs -f bills-app

23:T4cfe, billmanager · your recurring bill engine

Revolving ledger · Finance

billmanager

A secure multi-user tracker for bills and subscriptions — recurring payments spin on your schedule, streams split by frequency, stay fully isolated across tenants, and shared bills divide the way you choose.

Open billmanager.app View source

TypeScript

Primary language

React + Flask

Frontend · Backend

PostgreSQL

Data store

Frequency Axis

Every charge lands on its own rhythm

Bills spin the way you actually pay: weekly, bi-weekly, monthly, quarterly, yearly. Income arcs hold steady, expense arcs drain in batches, and one full sweep of the pointer closes a complete cycle's record.

Weekly

Bi-week

Monthly

Quarterly

Yearly

Cycle

Tenant Isolation

Data stays apart, access stays yours

The multi-tenant architecture gives every account a complete, separate space — income and expenses, accounts and ledgers stay fully isolated. Nobody crosses into anyone else's data.

01 · Complete data separation

One record, one owner

Tenant data stays isolated behind clear boundaries, so income, expense, account, and payment records each keep their place.

02 · Configurable access

Roles and control, layer by layer

Invite collaborators by email and configure roles and access separately — what people see and change is up to you.

Sharing & Split

Share one bill, divide it across the household

Split a bill among family, team, or individuals — by percentage, fixed amount, or averaged. Every generated line still sums back to the exact original total.

Percentage · PERCENT

Tenant A60% · -$600

Tenant B40% · -$400

Total$1,000

Fixed amount · FIXED

Member$250 fixed

Total$500

Average · AVERAGE

Member × 3$100 × 3

Total$300

Sample splits are derived from the three sharing methods billmanager discloses.

Security

v4.7.6's security lock

The system that holds your money should hold its ground first. v4.7.6 hardens against validated security findings — failing closed rather than risk letting something through.

Safer sessions and OAuthSessions and third-party sign-in handshakes are hardened.
Stronger authorizationAccess checks are stricter and tighter-scoped.
Hardened deploy & exportDeployment and export flows fail closed on security boundaries.

O'Saasy License

Broad use, restricted SaaS resale

A modified MIT license that permits broad use while restricting third parties from turning it into a paid SaaS resale.

Self-Host

Run it yourself with Docker and PostgreSQL

Bring your own Docker and PostgreSQL and it deploys on your terms — data stays under your control, ideal for anyone seeking a self-hosted tracker.

App container

docker compose up -d

Backup

pg_dump -U billsuser billsdb > backup.sql

Restore

psql -U billsuser billsdb < backup.sql

Logs

docker compose logs -f bills-app

24:T435,The generated localized static HTML faithfully implements the selected direction dir-cashflow-cycle (The Recurring Cycle Engine). The hero carries a real segmented concentric ring with a sweep pointer and directional split-branches, and all six brief sections (hero-cycle, frequencies-axis, tenancy-isolation, sharing-split, security-lock, self-host-run) map to evidence in material.json. Every claim — enhanced frequencies, multi-tenant isolation, percentage/fixed/average splitting, v4.7.6 security hardening, Docker+PostgreSQL commands, TypeScript/React+Flask/PostgreSQL stack, owner/stars — is traceable to material facts. Mobile reflows the ring, scrollable frequency axis, split cards, run commands, and footer into single-column compositions rather than mere stacking, and locales are structurally and semantically equivalent with natural copy. No concrete product screenshots, device shells, fake controls, or decorative-gradient substitutes are used; asset manifest was empty so all visuals remain derived. All seven checks pass with no blocking or warning issues.25:T435,The generated localized static HTML faithfully implements the selected direction dir-cashflow-cycle (The Recurring Cycle Engine). The hero carries a real segmented concentric ring with a sweep pointer and directional split-branches, and all six brief sections (hero-cycle, frequencies-axis, tenancy-isolation, sharing-split, security-lock, self-host-run) map to evidence in material.json. Every claim — enhanced frequencies, multi-tenant isolation, percentage/fixed/average splitting, v4.7.6 security hardening, Docker+PostgreSQL commands, TypeScript/React+Flask/PostgreSQL stack, owner/stars — is traceable to material facts. Mobile reflows the ring, scrollable frequency axis, split cards, run commands, and footer into single-column compositions rather than mere stacking, and locales are structurally and semantically equivalent with natural copy. No concrete product screenshots, device shells, fake controls, or decorative-gradient substitutes are used; asset manifest was empty so all visuals remain derived. All seven checks pass with no blocking or warning issues.a:[["$","$20",null,{"enter":{"secondary-forward":"secondary-forward","secondary-back":"secondary-back-enter","default":"none"},"exit":{"secondary-forward":"secondary-forward","secondary-back":"secondary-back-exit","default":"none"},"update":{"secondary-forward":"secondary-forward","secondary-back":"secondary-back-update","default":"none"},"default":"none","children":["$","$L21","cmt2zgyvi007t6271oejckbtg:zh-CN:beautified",{"project":{"id":"cmt2zgyvi007t6271oejckbtg","slug":"brdweb-billmanager","name":"billmanager","description":"安全多用户的账单与订阅跟踪应用","authorName":"brdweb","authorVerification":{"verified":false,"verifiedAt":null},"category":"development_tools","subcategory":"developer_resources","experienceUrl":"https://billmanager.app/","qualityScore":70,"featured":false,"officialSite":null,"views":{"original":{"available":true},"official":{"available":false,"reason":"disabled_by_policy"},"beautified":{"available":true,"reason":null},"defaultView":"beautified"},"beautifiedView":{"revisionId":"cmt2zgyvz0085627191n4onya","kind":"artifact","artifact":{"schemaVersion":"localized-static-html-v4","kind":"static_html","locales":["zh-CN","en"],"defaultLocale":"zh-CN","documents":{"zh-CN":"$22","en":"$23"},"designDirections":{"schemaVersion":"dodot-design-directions-v1","directions":[{"id":"dir-cashflow-cycle","name":"The Recurring Cycle Engine","projectMetaphor":"A monthly bill cycle as a rotating engine: recurring payments spin on a schedule, splitting streams out by frequency and sharing them across tenants.","signatureVisual":"A large concentric ring diagram where each ring segment is a frequency band (weekly / bi-weekly / monthly / quarterly / yearly), with a pointer sweeping once around per period and small split-branches breaking off toward share targets.","heroGeometry":"Centered nested annuli built from segmented arcs; the sweep pointer doubles as the time axis, so the hero itself is the calendar.","sectionSequence":["hero-cycle","frequencies-axis","tenancy-isolation","sharing-split","security-lock","self-host-run"],"surfaceModel":"Ledger paper over a deep ink backdrop; thin hairline rules, faint accounting grid, and a single metallic accent on the spinning pointer.","palette":"Ink navy core with paper white surfaces; copper/gold accent for the sweep pointer; cold mint for positive income arcs and muted coral for outgoing expense arcs.","typography":"Monospaced numerals for all amounts and dates paired with a space-conscious geometric sans for headings, evoking calendrical ledger work.","desktopComposition":"Wide hero with the ring engine on the right and a lean typographic statement on the left; sections alternate a full-width cycling axis with a two-column isolation/split pair.","mobileTransformation":"The ring engine reflows into a vertical stacked spokes-plus-track list, frequencies become a scrollable vertical timeline, shares drop to a stack of split cards.","mediaStrategy":"No media region; the ring and track diagram carries the evidence. A derived split-stream diagram is drawn from facts, not a product screenshot.","forbiddenPatterns":["Big slogan over three metric cards","Feature-card wall cluttered with icon tiles","Dashboard/browser/phone shell framing","Decorational glow behind a static number","Fake autopay toggles or date pickers"],"compositionFingerprint":"segmented-ring-sweep-with-directional-split-branch"},{"id":"dir-sharing-ledgers","name":"Shared Ledger Columns","projectMetaphor":"Financial partnership as a real ledger physical binding: individual records on facing pages, equal-weight columns whose totals divide when families or teams share a bill.","signatureVisual":"Two facing ledger pages split by an even vertical rule; on each row a single cost is apportioned into percentage / fixed / average columns that add up to one line total.","heroGeometry":"A vertical book-spine center dividing the hero into two mirrored panels, the gutter being the literal split line where sharing happens.","sectionSequence":["hero-columns","identity-isolated","apportion-method","shared-entry","clock-of-recurrence","run-evidence"],"surfaceModel":"Paper stock with subtle grain and stitched spine; embossed rules, no blurred elevation, physical edges and shadows cast as if on a desk.","palette":"Bone and warm paper surfaces over a muted graphite page; a sola deep teal ink for shared rows and a warm amber for the apportion totals.","typography":"A serif with real ledger character for heads plus clean lining figures, so numbers carry the same weight as words.","desktopComposition":"Full hero is a bound two-page spread; later sections keep a persistent center gutter that balances isolation proof against split math.","mobileTransformation":"The two facing pages collapse into a single scrollable register column where each row splits in place; the spine becomes a thin section divider.","mediaStrategy":"No media region; the ledger split illustration is the visual and is drawn only from disclosed share methods.","forbiddenPatterns":["Generic three-column metric trio","Rounded feature tiles in a blank grid","Browser or dashboard chrome around content","Soft shadow pills used for every block","Fake category charts or savings meters"],"compositionFingerprint":"binding-edge-gutter-with-cascade-split-columns"},{"id":"dir-time-buckets","name":"Calendar Buckets of Money","projectMetaphor":"Money flowing through time as buckets on a calendar: each recurring charge lands in its own bucket and is drained by a payday, with tenor dictating bucket depth.","signatureVisual":"A staggered row of time buckets styled as calendar month cells, each holding a stacked bar whose height is the amount due for that period, with overflow spilling into the next bucket.","heroGeometry":"An ascending baseline of calendar cells that step up with tenure and step down on paydays, forming an exposed cash-flow skyline.","sectionSequence":["hero-buckets","period-duration","multi-tenant-drawer","account-flow","payment-timing","deploy-your-own"],"surfaceModel":"Layered translucent panels on a cool slate field, with crisp bucket seams and visible stack dividers so depth reads as payload not decoration.","palette":"Slate and ice-blue field with restrained amber and vermillion for due amounts; surfaces stay translucent to keep the time-line foreground honest.","typography":"Chunky condense sans for the headline paired with tabular figures everywhere so bucket values align down the calendar column.","desktopComposition":"Hero is a wide stepped timeline across the viewport; sections alternate a horizontal bucket row with tall stacked account panels to echo the calendar rhythm.","mobileTransformation":"The horizontal stepped timeline re-angles into a tall scrolling stack where each bucket is a full-width card, turning sideways time into forward scroll.","mediaStrategy":"No media region; the bucket and spill diagram carries the evidence, always derived from disclosed frequency and account facts.","forbiddenPatterns":["Hero slogan with three stat cards","Uniform icon service tiles","App-store or phone mock shell","Gradient grid as background filler","Fake bill-bar charts or sparklines"],"compositionFingerprint":"stepped-calendar-skyline-with-bucket-overflow-chain"}],"selectedDirectionId":"dir-cashflow-cycle","selectionRationale":"The project's strongest evidence is the recurring, frequency-driven financial mechanism (weekly/bi-weekly/monthly/quarterly/yearly), multi-tenant isolation, and bill sharing/splitting. The Recurring Cycle Engine expresses exactly this mechanism in a single hero: a segmented ring whose sweep pointer is the time axis, with branches breaking off into share targets. It avoids a generic marketing hero or metric cards, renders the calendar as the graphic itself, naturally supports a 6-section evidence sequence (recurrence, tenancy, security, self-host), and reads distinctly from the ledger-column and time-bucket alternatives both on desktop and in its mobile reflow. Asset manifest is empty, so all media is derived-only, and the fingerprint/sequence collide with nothing in antiTemplateContext."},"designBrief":{"schemaVersion":"dodot-design-brief-v1","selectedDirectionId":"dir-cashflow-cycle","projectMetaphor":"A monthly bill cycle as a rotating engine: recurring payments spin on a schedule, splitting streams out by frequency and sharing them across tenants.","signatureVisual":"A large concentric ring diagram where each ring segment is a frequency band (weekly / bi-weekly / monthly / quarterly / yearly), with a pointer sweeping once around per period and small split-branches breaking off toward share targets.","compositionFingerprint":"segmented-ring-sweep-with-directional-split-branch","heroGeometry":"Centered nested annuli built from segmented arcs; the sweep pointer doubles as the time axis, so the hero itself is the calendar.","sectionSequence":["hero-cycle","frequencies-axis","tenancy-isolation","sharing-split","security-lock","self-host-run"],"surfaceModel":"Ledger paper over a deep ink backdrop; thin hairline rules, faint accounting grid, and a single metallic accent on the spinning pointer.","palette":"Ink navy core with paper white surfaces; copper/gold accent for the sweep pointer; cold mint for positive income arcs and muted coral for outgoing expense arcs.","typography":"Monospaced numerals for all amounts and dates paired with a space-conscious geometric sans for headings, evoking calendrical ledger work.","desktopComposition":"Wide hero with the ring engine on the right and a lean typographic statement on the left; sections alternate a full-width cycling axis with a two-column isolation/split pair.","mobileTransformation":"The ring engine reflows into a vertical stacked spokes-plus-track list, frequencies become a scrollable vertical timeline, shares drop to a stack of split cards.","mediaStrategy":"No media region; the ring and track diagram carries the evidence. A derived split-stream diagram is drawn from facts, not a product screenshot.","evidencePlan":["Description 'track monthly bills and subscriptions' anchors the hero statement and CTA.","Enhanced frequencies (weekly, bi-weekly, monthly, quarterly, yearly) drive the frequencies-axis section.","Multi-tenant data isolation / complete data separation drives the tenancy-isolation section.","Bill sharing with cost splitting by percentage, fixed amount, or average drives the sharing-split section.","v4.7.6 security hardening drives the security-lock section.","Docker + PostgreSQL deployment evidence drives the self-host-run section."],"localeContract":{"zh-CN":"中文文案保持自然密度：用『账单管家』贴合 BillManager、『每季度』与『每年』等中文频率词、『多租户数据隔离』『按百分比 / 固定金额 / 平均分摊』等术语；金额与日期仍用阿拉伯数字。","en":"English copy stays concise and natural: use 'recurring cycle', frequency terms like 'weekly/quarterly/yearly', 'multi-tenant data isolation' and 'split by percentage, fixed amount, or average'; amounts and dates use tabular figures."},"forbiddenPatterns":["Big slogan over exactly three metric cards","Repeated feature-card wall with generic icon tiles","Browser / phone / dashboard / terminal / editor shell framing","Decorative gradient, glow, grid, or particle field as a substitute for the ring visual","Fake tabs, search, switches, inputs, auto-pay toggles, or pickers","Desktop columns merely stacked on mobile without recomposition","A composition fingerprint, signature visual, or section sequence already listed in antiTemplateContext"]},"visualReview":{"schemaVersion":"dodot-automated-design-review-v1","status":"approved","summary":"$24","checks":{"projectFit":{"passed":true,"evidence":"Both zh-CN.html and en.html implement the selected direction dir-cashflow-cycle. Hero is a segmented concentric ring with a sweep pointer and copper accent (zh-CN.html:174-216; en.html:171-208), matching signatureVisual and heroGeometry. All six data-dodot-section ids match brief sectionSequence exactly: hero-cycle, frequencies-axis, tenancy-isolation, sharing-split, security-lock, self-host-run. Composition fingerprint segmented-ring-sweep-with-directional-split-branch is realized, and the frequencies-axis section supplies the required weekly/bi-weekly/monthly/quarterly/yearly bands."},"evidenceBound":{"passed":true,"evidence":"Hero statement, slogan, and CTAs trace to the material description 'track monthly bills and subscriptions' and experienceUrl billmanager.app / repo brdweb/billmanager. Frequencies section uses weekly/bi-weekly/monthly/quarterly/yearly from enhanced-frequencies claims. Tenancy-isolation cites multi-tenant data isolation and email-invite role access from claims. Sharing-split cites percentage/fixed/average cost splitting from claims, with a derived (not real-product) disclaimer (zh-CN.html:285). Security-lock cites v4.7.6 security hardening and O'Saasy license from claims. Self-host-run commands (docker compose up -d, pg_dump, psql, logs -f) match readme commands. Facts row: TypeScript, React+Flask, PostgreSQL trace to facts and claims; footer stars/forks (54/8) match repository data. Asset manifest empty, so no undeclared media."},"signatureVisual":{"passed":true,"evidence":"The ring engine genuinely exists as inline SVG in both locales: five concentric dashed frequency bands (mint/coral/copper), a copper-gold sweep pointer line with endpoint dot (class sweep), and three split-branch paths with endpoint dots breaking off toward the ring (zh-CN.html:183-213; en.html:180-207). It is the hero's primary graphic, derived only (no screenshot)."},"mobileTransformation":{"passed":true,"evidence":"At max-width 860px: hero collapses to one column with the ring-stage positioned first via order:-1; .split, .facts, .splitgrid, .runbox, and .foot-grid all reflow to single column (zh-CN.html:31-41 / en.html:28-38). The frequency .axis becomes horizontally scrollable (overflow-x:auto at base, 861px+ switches to hidden) turning wide timeline into a mobile scroll, matching the brief's 'frequencies become a scrollable vertical/horizontal timeline' transformation. QA reports mobile scrollWidth==clientWidth (390) in both locales, confirming no horizontal overflow."},"localeParity":{"passed":true,"evidence":"zh-CN.html and en.html share identical structure: one h1, five h2, six sections, same section order, same facts, CTA, and footer details. Zh copy reads naturally with locale terms (每周, 每两周, 每月, 每季度, 每年, 多租户数据隔离, 按比例/固定金额/平均分摊, 账单管家) while amounts use Arabic numerals with tabular figures. En copy is concise and equivalent (weekly, bi-weekly, monthly, quarterly, yearly, multi-tenant data isolation, by percentage, fixed amount, or average). Split examples use ¥ for zh and $ for en appropriately. No untranslated or mixed content beyond intentional English section labels."},"antiTemplate":{"passed":true,"evidence":"The hero is not a slogan-over-three-metric-cards layout; the visual is the ring engine with a headline beside it (the facts row is a compact stat strip, not the hero's dominant element). No browser/phone/dashboard/terminal/editor shell framing anywhere. The decorative backdrop is a faint ledger-grid/radial ink field; it does not substitute for the ring, which is the carried visual. The sharing-split is not a generic feature-card/icon-tile wall but three data-bound split-scenario cards, matching the brief's 'shares drop to a stack of split cards.' antiTemplateContext is empty, so the fingerprint/sequence/signature collide with nothing. Split grid is not 'three metric cards' and the selected fingerprint segmented-ring-sweep-with-directional-split-branch differs from the two unselected directions."},"noFakeUi":{"passed":true,"evidence":"No fake tabs, search, switches, inputs, auto-pay toggles, date pickers, or pickers exist. All SVGs are presentation/illustrative graphics with aria-hidden on the hero ring and static checkmark glyphs; the sweep pointer animation is decorative and disabled under prefers-reduced-motion. CTA and foot links point to real URLs (billmanager.app, github.com/brdweb/billmanager). Run commands are plain text. QA report records fakeControlCount:0 and brokenImageCount:0 for both locales at both viewports."}},"issues":[]},"repairEvidence":[{"attempt":1,"before":{"qaPassed":false,"designReviewApproved":false,"qaEvidence":{"zh-CN":[{"viewport":"desktop","passed":false,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":5,"sectionCount":6,"textLength":1406,"cjkCount":696,"latinLetterCount":343,"scrollWidth":1299,"clientWidth":1280,"scrollHeight":4147,"h1Top":288.78125,"bottomInset":334.90625,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"d8af188708203f06bf90f6293af5071bb40cbeef64903957aa08f36beee6d780","middle":"cb11e4e280b4caa468a1a09f755069ef4924249a945b665bc5a7d65d7c5f5a2a","bottom":"470bbfb258ae7776f4e8c1b5180f52ad364ea9934a2f8f7aa266504b3b18645f"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":false,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":5,"sectionCount":6,"textLength":1406,"cjkCount":696,"latinLetterCount":343,"scrollWidth":433,"clientWidth":390,"scrollHeight":5173,"h1Top":421.578125,"bottomInset":434.484375,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"36c0a7b46590ab4ea6b801b7f3e0591bd453f4cb059200c0fb1b0990efabfa28","middle":"5e3c5ad7c756737314c1605523f0151ed0dc930ae1db25c45e7070e2a0f4def2","bottom":"95636d21380e1238d6e25c11afa6a40dfc9a498acf62f59d2111a53ba632bbe4"},"consoleErrors":[],"networkRequests":[]}],"en":[{"viewport":"desktop","passed":false,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":5,"sectionCount":6,"textLength":2986,"cjkCount":0,"latinLetterCount":2337,"scrollWidth":1299,"clientWidth":1280,"scrollHeight":4250,"h1Top":278.328125,"bottomInset":361.125,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"dc6eef335a12b7075e7da537674878d32604c0b3fda40454d2daae1e7e9db445","middle":"4afa317edeca5ad4166cea091223260e7f93fc78adea5ea4c165b0f4cd4fbdb0","bottom":"cb33cd3e186159b3348ac92e257c9ed71e6ffd2e1c744aac9f083f045ebf7aef"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":false,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":5,"sectionCount":6,"textLength":2986,"cjkCount":0,"latinLetterCount":2337,"scrollWidth":433,"clientWidth":390,"scrollHeight":5668,"h1Top":397.1875,"bottomInset":459.75,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"d16921fe46f98fd78afe033fa8d554d805612fc0e280370fb8bfee73f5d8daf9","middle":"f33e0c4d7ddbac8bfffbd06774c4177861b3fc45aff9dea9af6f1a1dc9344a84","bottom":"3e581f05a59dcde93f9671d678bd8b1c4ed5527e6f6bc12da8b5bfedfec1e22d"},"consoleErrors":[],"networkRequests":[]}]},"visualReview":null},"after":{"qaPassed":true,"designReviewApproved":true,"qaEvidence":{"zh-CN":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":5,"sectionCount":6,"textLength":1406,"cjkCount":696,"latinLetterCount":343,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":4155,"h1Top":288.78125,"bottomInset":334.90625,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"c45ce956f340f8201d6aba0a8446321c3625406a008def90cd5dad12d37888e7","middle":"fc1258d858068bc66a2a0f2d79f9cb6b336bbacb1630769b7d4bf0e666866b3e","bottom":"93b03f3867a577d7c22bc0b1b592fc9367d70226f99221acf488c944578e75c4"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":true,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":5,"sectionCount":6,"textLength":1406,"cjkCount":696,"latinLetterCount":343,"scrollWidth":390,"clientWidth":390,"scrollHeight":5181,"h1Top":421.578125,"bottomInset":434.484375,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"5ada801ff4a05c981229e3cda5678fcdc3e301ed7d9b39c6ae4dae172823ed91","middle":"8927057c7ef4dec10e3e76421b80900567f238a6ada91daa9b39e3f79bc12a45","bottom":"80e9f6b39be6ea665cbc67f277f1d23229b6858288e2187d7050e3f2fbee177c"},"consoleErrors":[],"networkRequests":[]}],"en":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":5,"sectionCount":6,"textLength":2986,"cjkCount":0,"latinLetterCount":2337,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":4258,"h1Top":278.328125,"bottomInset":361.125,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"c9b0284ec2d910002eba0918faec22947573e52ffca754bf025f49b236450b5b","middle":"0a9c1b40e4fcdee09aa379244990e4a0291dffb60b7103428b53e6bed20c3628","bottom":"1d12c05707d6cd8998cc5b3efbb0cefd055b59d2cea2e25fd7b2d6b295c1950b"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":true,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":5,"sectionCount":6,"textLength":2986,"cjkCount":0,"latinLetterCount":2337,"scrollWidth":390,"clientWidth":390,"scrollHeight":5676,"h1Top":397.1875,"bottomInset":459.75,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"ea4cd0c0ce05cbbaf6d61d7b48398cf8fd92dcf3dd9bb2c57ea9e55e05e0ae63","middle":"e42d44e0f7b6a886d2778d8188d968d1e9520adf771d05793b46fe5ddeb1259d","bottom":"14b1fda3c762b1863ddca46e50aeb3525358739364f8df306adffd32b2dc2521"},"consoleErrors":[],"networkRequests":[]}]},"visualReview":{"schemaVersion":"dodot-automated-design-review-v1","status":"approved","summary":"$25","checks":{"projectFit":{"passed":true,"evidence":"Both zh-CN.html and en.html implement the selected direction dir-cashflow-cycle. Hero is a segmented concentric ring with a sweep pointer and copper accent (zh-CN.html:174-216; en.html:171-208), matching signatureVisual and heroGeometry. All six data-dodot-section ids match brief sectionSequence exactly: hero-cycle, frequencies-axis, tenancy-isolation, sharing-split, security-lock, self-host-run. Composition fingerprint segmented-ring-sweep-with-directional-split-branch is realized, and the frequencies-axis section supplies the required weekly/bi-weekly/monthly/quarterly/yearly bands."},"evidenceBound":{"passed":true,"evidence":"Hero statement, slogan, and CTAs trace to the material description 'track monthly bills and subscriptions' and experienceUrl billmanager.app / repo brdweb/billmanager. Frequencies section uses weekly/bi-weekly/monthly/quarterly/yearly from enhanced-frequencies claims. Tenancy-isolation cites multi-tenant data isolation and email-invite role access from claims. Sharing-split cites percentage/fixed/average cost splitting from claims, with a derived (not real-product) disclaimer (zh-CN.html:285). Security-lock cites v4.7.6 security hardening and O'Saasy license from claims. Self-host-run commands (docker compose up -d, pg_dump, psql, logs -f) match readme commands. Facts row: TypeScript, React+Flask, PostgreSQL trace to facts and claims; footer stars/forks (54/8) match repository data. Asset manifest empty, so no undeclared media."},"signatureVisual":{"passed":true,"evidence":"The ring engine genuinely exists as inline SVG in both locales: five concentric dashed frequency bands (mint/coral/copper), a copper-gold sweep pointer line with endpoint dot (class sweep), and three split-branch paths with endpoint dots breaking off toward the ring (zh-CN.html:183-213; en.html:180-207). It is the hero's primary graphic, derived only (no screenshot)."},"mobileTransformation":{"passed":true,"evidence":"At max-width 860px: hero collapses to one column with the ring-stage positioned first via order:-1; .split, .facts, .splitgrid, .runbox, and .foot-grid all reflow to single column (zh-CN.html:31-41 / en.html:28-38). The frequency .axis becomes horizontally scrollable (overflow-x:auto at base, 861px+ switches to hidden) turning wide timeline into a mobile scroll, matching the brief's 'frequencies become a scrollable vertical/horizontal timeline' transformation. QA reports mobile scrollWidth==clientWidth (390) in both locales, confirming no horizontal overflow."},"localeParity":{"passed":true,"evidence":"zh-CN.html and en.html share identical structure: one h1, five h2, six sections, same section order, same facts, CTA, and footer details. Zh copy reads naturally with locale terms (每周, 每两周, 每月, 每季度, 每年, 多租户数据隔离, 按比例/固定金额/平均分摊, 账单管家) while amounts use Arabic numerals with tabular figures. En copy is concise and equivalent (weekly, bi-weekly, monthly, quarterly, yearly, multi-tenant data isolation, by percentage, fixed amount, or average). Split examples use ¥ for zh and $ for en appropriately. No untranslated or mixed content beyond intentional English section labels."},"antiTemplate":{"passed":true,"evidence":"The hero is not a slogan-over-three-metric-cards layout; the visual is the ring engine with a headline beside it (the facts row is a compact stat strip, not the hero's dominant element). No browser/phone/dashboard/terminal/editor shell framing anywhere. The decorative backdrop is a faint ledger-grid/radial ink field; it does not substitute for the ring, which is the carried visual. The sharing-split is not a generic feature-card/icon-tile wall but three data-bound split-scenario cards, matching the brief's 'shares drop to a stack of split cards.' antiTemplateContext is empty, so the fingerprint/sequence/signature collide with nothing. Split grid is not 'three metric cards' and the selected fingerprint segmented-ring-sweep-with-directional-split-branch differs from the two unselected directions."},"noFakeUi":{"passed":true,"evidence":"No fake tabs, search, switches, inputs, auto-pay toggles, date pickers, or pickers exist. All SVGs are presentation/illustrative graphics with aria-hidden on the hero ring and static checkmark glyphs; the sweep pointer animation is decorative and disabled under prefers-reduced-motion. CTA and foot links point to real URLs (billmanager.app, github.com/brdweb/billmanager). Run commands are plain text. QA report records fakeControlCount:0 and brokenImageCount:0 for both locales at both viewports."}},"issues":[]}},"changedFiles":["artifact/zh-CN.html","artifact/en.html"]}],"provenance":{"executor":"opencode","model":"deepseek/deepseek-v4-flash","opencodeVersion":"1.1.58","promptVersion":"dodot-showcase-deepseek-v4","inputHash":"5474cb7f9143a79b7e09736510a436ce1284ca82a680c976e449f927839cfbcd","artifactHash":"72973fa999feb8350c22b05e1287a391a526d58ae981667b6ebe7447aa14555f","designSkill":"dodot-showcase-design"},"qaEvidence":{"zh-CN":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":5,"sectionCount":6,"textLength":1406,"cjkCount":696,"latinLetterCount":343,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":4155,"h1Top":288.78125,"bottomInset":334.90625,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"c45ce956f340f8201d6aba0a8446321c3625406a008def90cd5dad12d37888e7","middle":"fc1258d858068bc66a2a0f2d79f9cb6b336bbacb1630769b7d4bf0e666866b3e","bottom":"93b03f3867a577d7c22bc0b1b592fc9367d70226f99221acf488c944578e75c4"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":true,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":5,"sectionCount":6,"textLength":1406,"cjkCount":696,"latinLetterCount":343,"scrollWidth":390,"clientWidth":390,"scrollHeight":5181,"h1Top":421.578125,"bottomInset":434.484375,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"5ada801ff4a05c981229e3cda5678fcdc3e301ed7d9b39c6ae4dae172823ed91","middle":"8927057c7ef4dec10e3e76421b80900567f238a6ada91daa9b39e3f79bc12a45","bottom":"80e9f6b39be6ea665cbc67f277f1d23229b6858288e2187d7050e3f2fbee177c"},"consoleErrors":[],"networkRequests":[]}],"en":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":5,"sectionCount":6,"textLength":2986,"cjkCount":0,"latinLetterCount":2337,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":4258,"h1Top":278.328125,"bottomInset":361.125,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"c9b0284ec2d910002eba0918faec22947573e52ffca754bf025f49b236450b5b","middle":"0a9c1b40e4fcdee09aa379244990e4a0291dffb60b7103428b53e6bed20c3628","bottom":"1d12c05707d6cd8998cc5b3efbb0cefd055b59d2cea2e25fd7b2d6b295c1950b"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":true,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":5,"sectionCount":6,"textLength":2986,"cjkCount":0,"latinLetterCount":2337,"scrollWidth":390,"clientWidth":390,"scrollHeight":5676,"h1Top":397.1875,"bottomInset":459.75,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"ea4cd0c0ce05cbbaf6d61d7b48398cf8fd92dcf3dd9bb2c57ea9e55e05e0ae63","middle":"e42d44e0f7b6a886d2778d8188d968d1e9520adf771d05793b46fe5ddeb1259d","bottom":"14b1fda3c762b1863ddca46e50aeb3525358739364f8df306adffd32b2dc2521"},"consoleErrors":[],"networkRequests":[]}]}},"generatorVersion":"opencode-1.1.58:deepseek/deepseek-v4-flash:dodot-showcase-deepseek-v4","publishedAt":"2026-08-17T15:08:09.798Z"},"rawExtraction":{"projectRevisionId":"cmt2zgyvr007z6271dxguaty0","projectVersion":1,"sources":[{"canonicalKey":"github:brdweb/billmanager","role":"primary","revisionVersion":1,"url":"https://github.com/brdweb/billmanager"}],"facts":[{"key":"repository_owner","value":"brdweb","evidence":[{"path":"repository.owner","excerpt":"brdweb"}]},{"key":"repository_name","value":"billmanager","evidence":[{"path":"repository.name","excerpt":"billmanager"}]},{"key":"description","value":"A vibe-coded app to track your monthly bills and subscriptions","evidence":[{"path":"repository.description","excerpt":"A vibe-coded app to track your monthly bills and subscriptions"}]},{"key":"primary_language","value":"TypeScript","evidence":[{"path":"repository.language","excerpt":"TypeScript"}]},{"key":"source_count","value":"1","evidence":[{"path":"projectRevision.sources","excerpt":"github:brdweb/billmanager"}]}],"taxonomy":{"category":"development_tools","subcategory":"developer_resources","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"A vibe-coded app to track your monthly bills and subscriptions"}]},"lifecycle":{"stage":"active","confidence":0.75,"evidence":[{"path":"repository.pushedAt","excerpt":"2026-08-17T11:47:26.000Z"}]},"userIntents":[{"slug":"build_software","label":"构建或改进软件","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"A vibe-coded app to track your monthly bills and subscriptions"}]},{"slug":"automate_work","label":"自动化工作流程","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"A vibe-coded app to track your monthly bills and subscriptions"}]},{"slug":"create_content","label":"创作内容或设计","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"A vibe-coded app to track your monthly bills and subscriptions"}]},{"slug":"analyze_data","label":"分析与理解数据","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"A vibe-coded app to track your monthly bills and subscriptions"}]},{"slug":"learn_explore","label":"学习与探索","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"A vibe-coded app to track your monthly bills and subscriptions"}]}],"readme":{"headings":["BillManager - Financial Tracker","Dashboard","🎉 What's New in v4.7.6","Highlights","Features","License","Quick Start","Prerequisites","Developer Workflow","Add a Language","Run the Application","Using Your Own PostgreSQL Database","Environment Variables","Currency and Language","CORS Configuration","2FA and Social Login Notes","First Login","Sharing Bills","Creating a Share","Accepting Shares"],"commands":["docker compose up -d","docker run -d \\","docker compose up -d","docker compose logs -f bills-app","docker compose down","docker compose pull","docker compose down","docker compose up -d","docker exec bills-db pg_dump -U billsuser billsdb > backup.sql","docker exec -i bills-db psql -U billsuser billsdb < backup.sql"]},"changeSet":[{"field":"repository","beforeHash":"edaa33e85aa75f27c49f1a0fcafac5e76de06eecefc6751564d9602f0c71387d","afterHash":"b0cfa160f72a5cbf619494b141e755fa3afeb7abb6bd2757993f10b828dbc655"}]},"publishedAt":"2026-08-16T12:42:10.582Z","updatedAt":"2026-08-21T13:26:48.506Z","summary":{"id":"cmt2zgyvu008162710gjda3w8","projectType":"product","oneLine":"安全多用户的账单与订阅跟踪应用","overview":"BillManager 是一款安全的多用户 Web 应用，用于跟踪经常性支出和收入，实现完整的数据隔离。它提供收入与支出跟踪、账户管理、支付分析、多租户架构、自动支付、账单分组与共享等功能，支持暗/亮模式、70+ 图标和日历视图。基于 React + Mantine 前端和 Flask + PostgreSQL 后端构建，适合个人或团队管理财务。","highlights":["多租户数据隔离","自动支付处理","账单共享与分摊","暗/亮模式 UI"],"bestFor":["需要跟踪经常性账单的个人","希望共享账单并分摊费用的家庭或团队","寻求自托管财务跟踪方案的用户"],"caveats":["移动端仍处于内部测试阶段，公开版本尚未发布","需要自行配置 Docker 和 PostgreSQL 环境","许可证限制第三方 SaaS 商业化"],"categorySuggestion":"lifestyle","subcategorySuggestion":"finance_business","lifecycleStages":["idea_requirements","product_design","frontend","backend_data"],"audienceIntents":["discover","evaluate","build","operate"],"confidence":0.85,"evidence":[{"claim":"BillManager 是一个安全的多用户 Web 应用，用于跟踪经常性支出和收入，实现完整的数据隔离，前端用 React + Mantine，后端用 Flask + PostgreSQL。","sourceType":"readme","locator":"https://github.com/brdweb/billmanager"},{"claim":"该应用提供收入与支出跟踪、账户管理、支付分析、多租户架构、多种频率（每周、双周、每月、每季度、每年等）、自动支付、现代 UI（暗/亮模式、70+ 图标、日历）等功能。","sourceType":"readme","locator":"https://github.com/brdweb/billmanager"},{"claim":"支持通过电子邮件邀请用户，并配置角色和访问控制；账单分组（个人、企业、家庭等）；账单共享，可按百分比、固定金额或平均分摊费用。","sourceType":"readme","locator":"https://github.com/brdweb/billmanager"},{"claim":"v4.7.6 版本进行了安全加固，包括更安全的会话和 OAuth、更强的授权、加固的部署和导出，以及针对已验证的 Codex 安全发现进行失败关闭。","sourceType":"readme","locator":"https://github.com/brdweb/billmanager"},{"claim":"项目采用 O'Saasy 许可证，这是 MIT 许可证的修改版，允许广泛使用，但限制第三方进行 SaaS 商业化。","sourceType":"readme","locator":"https://github.com/brdweb/billmanager"},{"claim":"最新版本 v4.7.4 改进了移动端登录可靠性，支持 Google、Apple、Microsoft 和 SSO，并包含 Android API 36 和 Play 提交准备。","sourceType":"release","locator":"https://github.com/brdweb/billmanager/releases/tag/v4.7.4"}],"publishedAt":"2026-08-17T13:16:33.228Z"},"github":{"url":"https://github.com/brdweb/billmanager","ownerAvatarUrl":"https://avatars.githubusercontent.com/u/58915?v=4","starsCount":54,"forksCount":8,"language":"TypeScript","syncedAt":"2026-08-17T13:08:49.160Z","license":null,"defaultBranch":"main","archived":false,"disabled":false,"lastChangedAt":"2026-08-17T11:47:26.000Z","missing":false},"tags":[],"updates":[]},"entryPoint":"discovery","claim":{"state":"unclaimed","verified":false},"initialView":"beautified","community":{"viewer":null,"state":{"likesCount":0,"creativeCount":0,"followersCount":0,"commentsCount":0,"liked":false,"creative":false,"followed":false},"comments":{"comments":[],"nextCursor":null}}}]}],"$L26"]