webapp: desktop two-column layout

splits into a sticky rail + scrolling ledger at a wide viewport

group splitsheet webapp/desktop-layout.spec.ts

πŸ‘₯ People

Alice @alice
sendsAlice runs /newsplit @bob
πŸ‘₯ Group chat
Alice
/newsplit @bob
Hello! I’m @splitsheetbot, here to help you split bills with friends. β€” show full message
Hello! I’m @splitsheetbot, here to help you split bills with friends.
I use something called a Splitsheetβ€”a dynamic message that keeps track of all expenses and debts. Below, you’ll find your first Splitsheet.

Here’s how to get started:
1. Join the Splitsheet by clicking the πŸ‘₯⁠βž• button (or reply with add @​username)
2. Reply to the Splitsheet with a description of your expense
3. Pin the Splitsheet for quick access

Examples of messages:
- groceries 50 (sender paid, and the cost is split evenly among all members)
- bought coffee for Emma 15 (sender paid, and only Emma owes)
- John bought concert tickets for me and Sarah, 40 each (John spent 80, and both Sarah and you owe)

How to edit expenses:
- Edit your own message
- Reply to your message with the changes
- Reply to your message requesting deletion

Adding expenses is free. One payment shows who owes whom, for the whole group, forever.

When you're ready to start a new Splitsheet, use the /newsplit command. You can mention members to add them immediately: /newsplit @​alice @​bob
If you have any questions or suggestions, feel free to contact @splitsheet_help_bot
🌐
πŸ“‹ Splitsheet

πŸ‘₯ Alice, @bob

Your expenses will appear here

↩️ Reply to add an expense. Or tap here
πŸ‘€βž•More β€’β€’β€’ β†—
πŸ›‘οΈ Admin log channel
πŸ“‹ #splitsheet_created
By: Alice
Sheet: b204d42a-b1e3-4645-a6c1-152c0527c43b

πŸ‘€ #member_joined
Name: Alice
Sheet: b204d42a-b1e3-4645-a6c1-152c0527c43b

πŸ‘€ #member_joined
Name: bob
Sheet: b204d42a-b1e3-4645-a6c1-152c0527c43b
viaWebApp.setCurrencyAlice sets the base currency to EUR
πŸ‘₯ Group chat
Alice
/newsplit @bob
Hello! I’m @splitsheetbot, here to help you split bills with friends. β€” show full message
Hello! I’m @splitsheetbot, here to help you split bills with friends.
I use something called a Splitsheetβ€”a dynamic message that keeps track of all expenses and debts. Below, you’ll find your first Splitsheet.

Here’s how to get started:
1. Join the Splitsheet by clicking the πŸ‘₯⁠βž• button (or reply with add @​username)
2. Reply to the Splitsheet with a description of your expense
3. Pin the Splitsheet for quick access

Examples of messages:
- groceries 50 (sender paid, and the cost is split evenly among all members)
- bought coffee for Emma 15 (sender paid, and only Emma owes)
- John bought concert tickets for me and Sarah, 40 each (John spent 80, and both Sarah and you owe)

How to edit expenses:
- Edit your own message
- Reply to your message with the changes
- Reply to your message requesting deletion

Adding expenses is free. One payment shows who owes whom, for the whole group, forever.

When you're ready to start a new Splitsheet, use the /newsplit command. You can mention members to add them immediately: /newsplit @​alice @​bob
If you have any questions or suggestions, feel free to contact @splitsheet_help_bot
🌐
πŸ“‹ Splitsheet

πŸ‘₯ Alice, @bob

Your expenses will appear here

↩️ Reply to add an expense. Or tap here
πŸ‘€βž•More β€’β€’β€’ β†—
πŸ“± Mini App
Mini App
repliesAlice replies to the splitsheet: β€œcoffee 6”
πŸ‘₯ Group chat
Alice
/newsplit @bob
Hello! I’m @splitsheetbot, here to help you split bills with friends. β€” show full message
Hello! I’m @splitsheetbot, here to help you split bills with friends.
I use something called a Splitsheetβ€”a dynamic message that keeps track of all expenses and debts. Below, you’ll find your first Splitsheet.

Here’s how to get started:
1. Join the Splitsheet by clicking the πŸ‘₯⁠βž• button (or reply with add @​username)
2. Reply to the Splitsheet with a description of your expense
3. Pin the Splitsheet for quick access

Examples of messages:
- groceries 50 (sender paid, and the cost is split evenly among all members)
- bought coffee for Emma 15 (sender paid, and only Emma owes)
- John bought concert tickets for me and Sarah, 40 each (John spent 80, and both Sarah and you owe)

How to edit expenses:
- Edit your own message
- Reply to your message with the changes
- Reply to your message requesting deletion

Adding expenses is free. One payment shows who owes whom, for the whole group, forever.

When you're ready to start a new Splitsheet, use the /newsplit command. You can mention members to add them immediately: /newsplit @​alice @​bob
If you have any questions or suggestions, feel free to contact @splitsheet_help_bot
🌐
πŸ“‹ Splitsheet

πŸ’° 6.00€ β€’ πŸ‘₯ Alice, @bob

Jun 22, 2026
Coffee ― 6.00€ β€’ Alice for all

πŸ”’ All debts are already calculated. Unlock to see them

↩️ Reply to add an expense. Or tap here
πŸ‘€βž•More β€’β€’β€’ β†—
πŸ”“ See the debts
Alice
πŸ“‹ Splitsheet πŸ’° 6.00€ β€’ πŸ‘₯ Alice, @bob Jun 22, 2026 Coffee ― 6.00€ β€’ Alice for…
coffee 6
✍️
repliesAlice replies to the splitsheet: β€œlunch 24”
πŸ‘₯ Group chat
Alice
/newsplit @bob
Hello! I’m @splitsheetbot, here to help you split bills with friends. β€” show full message
Hello! I’m @splitsheetbot, here to help you split bills with friends.
I use something called a Splitsheetβ€”a dynamic message that keeps track of all expenses and debts. Below, you’ll find your first Splitsheet.

Here’s how to get started:
1. Join the Splitsheet by clicking the πŸ‘₯⁠βž• button (or reply with add @​username)
2. Reply to the Splitsheet with a description of your expense
3. Pin the Splitsheet for quick access

Examples of messages:
- groceries 50 (sender paid, and the cost is split evenly among all members)
- bought coffee for Emma 15 (sender paid, and only Emma owes)
- John bought concert tickets for me and Sarah, 40 each (John spent 80, and both Sarah and you owe)

How to edit expenses:
- Edit your own message
- Reply to your message with the changes
- Reply to your message requesting deletion

Adding expenses is free. One payment shows who owes whom, for the whole group, forever.

When you're ready to start a new Splitsheet, use the /newsplit command. You can mention members to add them immediately: /newsplit @​alice @​bob
If you have any questions or suggestions, feel free to contact @splitsheet_help_bot
🌐
πŸ“‹ Splitsheet

πŸ’° 30.00€ β€’ πŸ‘₯ Alice, @bob

Jun 22, 2026
Coffee ― 6.00€ β€’ Alice for all
Lunch ― 24.00€ β€’ Alice for all

πŸ”’ All debts are already calculated. Unlock to see them

↩️ Reply to add an expense. Or tap here
πŸ‘€βž•More β€’β€’β€’ β†—
πŸ”“ See the debts
Alice
πŸ“‹ Splitsheet πŸ’° 30.00€ β€’ πŸ‘₯ Alice, @bob Jun 22, 2026 Coffee ― 6.00€ β€’ Alice fo…
coffee 6
✍️
Alice
πŸ“‹ Splitsheet πŸ’° 30.00€ β€’ πŸ‘₯ Alice, @bob Jun 22, 2026 Coffee ― 6.00€ β€’ Alice fo…
lunch 24
✍️
repliesAlice replies to the splitsheet: β€œtaxi 18”
πŸ‘₯ Group chat
Alice
/newsplit @bob
Hello! I’m @splitsheetbot, here to help you split bills with friends. β€” show full message
Hello! I’m @splitsheetbot, here to help you split bills with friends.
I use something called a Splitsheetβ€”a dynamic message that keeps track of all expenses and debts. Below, you’ll find your first Splitsheet.

Here’s how to get started:
1. Join the Splitsheet by clicking the πŸ‘₯⁠βž• button (or reply with add @​username)
2. Reply to the Splitsheet with a description of your expense
3. Pin the Splitsheet for quick access

Examples of messages:
- groceries 50 (sender paid, and the cost is split evenly among all members)
- bought coffee for Emma 15 (sender paid, and only Emma owes)
- John bought concert tickets for me and Sarah, 40 each (John spent 80, and both Sarah and you owe)

How to edit expenses:
- Edit your own message
- Reply to your message with the changes
- Reply to your message requesting deletion

Adding expenses is free. One payment shows who owes whom, for the whole group, forever.

When you're ready to start a new Splitsheet, use the /newsplit command. You can mention members to add them immediately: /newsplit @​alice @​bob
If you have any questions or suggestions, feel free to contact @splitsheet_help_bot
🌐
πŸ“‹ Splitsheet

πŸ’° 48.00€ β€’ πŸ‘₯ Alice, @bob

Jun 22, 2026
Coffee ― 6.00€ β€’ Alice for all
Lunch ― 24.00€ β€’ Alice for all
Taxi ― 18.00€ β€’ Alice for all

πŸ”’ All debts are already calculated. Unlock to see them

↩️ Reply to add an expense. Or tap here
πŸ‘€βž•More β€’β€’β€’ β†—
πŸ”“ See the debts
Alice
πŸ“‹ Splitsheet πŸ’° 48.00€ β€’ πŸ‘₯ Alice, @bob Jun 22, 2026 Coffee ― 6.00€ β€’ Alice fo…
coffee 6
✍️
Alice
πŸ“‹ Splitsheet πŸ’° 48.00€ β€’ πŸ‘₯ Alice, @bob Jun 22, 2026 Coffee ― 6.00€ β€’ Alice fo…
lunch 24
✍️
Alice
πŸ“‹ Splitsheet πŸ’° 48.00€ β€’ πŸ‘₯ Alice, @bob Jun 22, 2026 Coffee ― 6.00€ β€’ Alice fo…
taxi 18
✍️
repliesAlice replies to the splitsheet: β€œmuseum 30”
πŸ‘₯ Group chat
Alice
/newsplit @bob
Hello! I’m @splitsheetbot, here to help you split bills with friends. β€” show full message
Hello! I’m @splitsheetbot, here to help you split bills with friends.
I use something called a Splitsheetβ€”a dynamic message that keeps track of all expenses and debts. Below, you’ll find your first Splitsheet.

Here’s how to get started:
1. Join the Splitsheet by clicking the πŸ‘₯⁠βž• button (or reply with add @​username)
2. Reply to the Splitsheet with a description of your expense
3. Pin the Splitsheet for quick access

Examples of messages:
- groceries 50 (sender paid, and the cost is split evenly among all members)
- bought coffee for Emma 15 (sender paid, and only Emma owes)
- John bought concert tickets for me and Sarah, 40 each (John spent 80, and both Sarah and you owe)

How to edit expenses:
- Edit your own message
- Reply to your message with the changes
- Reply to your message requesting deletion

Adding expenses is free. One payment shows who owes whom, for the whole group, forever.

When you're ready to start a new Splitsheet, use the /newsplit command. You can mention members to add them immediately: /newsplit @​alice @​bob
If you have any questions or suggestions, feel free to contact @splitsheet_help_bot
🌐
πŸ“‹ Splitsheet

πŸ’° 78.00€ β€’ πŸ‘₯ Alice, @bob

Jun 22, 2026
Coffee ― 6.00€ β€’ Alice for all
Lunch ― 24.00€ β€’ Alice for all
Taxi ― 18.00€ β€’ Alice for all
Museum ― 30.00€ β€’ Alice for all

πŸ”’ All debts are already calculated. Unlock to see them

↩️ Reply to add an expense. Or tap here
πŸ‘€βž•More β€’β€’β€’ β†—
πŸ”“ See the debts
Alice
πŸ“‹ Splitsheet πŸ’° 78.00€ β€’ πŸ‘₯ Alice, @bob Jun 22, 2026 Coffee ― 6.00€ β€’ Alice fo…
coffee 6
✍️
Alice
πŸ“‹ Splitsheet πŸ’° 78.00€ β€’ πŸ‘₯ Alice, @bob Jun 22, 2026 Coffee ― 6.00€ β€’ Alice fo…
lunch 24
✍️
Alice
πŸ“‹ Splitsheet πŸ’° 78.00€ β€’ πŸ‘₯ Alice, @bob Jun 22, 2026 Coffee ― 6.00€ β€’ Alice fo…
taxi 18
✍️
Alice
πŸ“‹ Splitsheet πŸ’° 78.00€ β€’ πŸ‘₯ Alice, @bob Jun 22, 2026 Coffee ― 6.00€ β€’ Alice fo…
museum 30
✍️
repliesAlice replies to the splitsheet: β€œdinner 80”
  • βœ“Expenses is in the right ledger column, right of the rail
  • βœ“Events is in the right ledger column too, below Expenses
  • βœ“the page actually scrolled
  • βœ“the Debts rail stays visible after scrolling
πŸ‘₯ Group chat
Alice
/newsplit @bob
Hello! I’m @splitsheetbot, here to help you split bills with friends. β€” show full message
Hello! I’m @splitsheetbot, here to help you split bills with friends.
I use something called a Splitsheetβ€”a dynamic message that keeps track of all expenses and debts. Below, you’ll find your first Splitsheet.

Here’s how to get started:
1. Join the Splitsheet by clicking the πŸ‘₯⁠βž• button (or reply with add @​username)
2. Reply to the Splitsheet with a description of your expense
3. Pin the Splitsheet for quick access

Examples of messages:
- groceries 50 (sender paid, and the cost is split evenly among all members)
- bought coffee for Emma 15 (sender paid, and only Emma owes)
- John bought concert tickets for me and Sarah, 40 each (John spent 80, and both Sarah and you owe)

How to edit expenses:
- Edit your own message
- Reply to your message with the changes
- Reply to your message requesting deletion

Adding expenses is free. One payment shows who owes whom, for the whole group, forever.

When you're ready to start a new Splitsheet, use the /newsplit command. You can mention members to add them immediately: /newsplit @​alice @​bob
If you have any questions or suggestions, feel free to contact @splitsheet_help_bot
🌐
πŸ“‹ Splitsheet

πŸ’° 158.00€ β€’ πŸ‘₯ Alice, @bob

Jun 22, 2026
Coffee ― 6.00€ β€’ Alice for all
Lunch ― 24.00€ β€’ Alice for all
Taxi ― 18.00€ β€’ Alice for all
Museum ― 30.00€ β€’ Alice for all
Dinner ― 80.00€ β€’ Alice for all

πŸ”’ All debts are already calculated. Unlock to see them

↩️ Reply to add an expense. Or tap here
πŸ‘€βž•More β€’β€’β€’ β†—
πŸ”“ See the debts
Alice
πŸ“‹ Splitsheet πŸ’° 158.00€ β€’ πŸ‘₯ Alice, @bob Jun 22, 2026 Coffee ― 6.00€ β€’ Alice f…
coffee 6
✍️
Alice
πŸ“‹ Splitsheet πŸ’° 158.00€ β€’ πŸ‘₯ Alice, @bob Jun 22, 2026 Coffee ― 6.00€ β€’ Alice f…
lunch 24
✍️
Alice
πŸ“‹ Splitsheet πŸ’° 158.00€ β€’ πŸ‘₯ Alice, @bob Jun 22, 2026 Coffee ― 6.00€ β€’ Alice f…
taxi 18
✍️
Alice
πŸ“‹ Splitsheet πŸ’° 158.00€ β€’ πŸ‘₯ Alice, @bob Jun 22, 2026 Coffee ― 6.00€ β€’ Alice f…
museum 30
✍️
Alice
πŸ“‹ Splitsheet πŸ’° 158.00€ β€’ πŸ‘₯ Alice, @bob Jun 22, 2026 Coffee ― 6.00€ β€’ Alice f…
dinner 80
✍️
viaBrowser.renderAlice views the Mini App
πŸ‘₯ Group chat
Alice
/newsplit @bob
Hello! I’m @splitsheetbot, here to help you split bills with friends. β€” show full message
Hello! I’m @splitsheetbot, here to help you split bills with friends.
I use something called a Splitsheetβ€”a dynamic message that keeps track of all expenses and debts. Below, you’ll find your first Splitsheet.

Here’s how to get started:
1. Join the Splitsheet by clicking the πŸ‘₯⁠βž• button (or reply with add @​username)
2. Reply to the Splitsheet with a description of your expense
3. Pin the Splitsheet for quick access

Examples of messages:
- groceries 50 (sender paid, and the cost is split evenly among all members)
- bought coffee for Emma 15 (sender paid, and only Emma owes)
- John bought concert tickets for me and Sarah, 40 each (John spent 80, and both Sarah and you owe)

How to edit expenses:
- Edit your own message
- Reply to your message with the changes
- Reply to your message requesting deletion

Adding expenses is free. One payment shows who owes whom, for the whole group, forever.

When you're ready to start a new Splitsheet, use the /newsplit command. You can mention members to add them immediately: /newsplit @​alice @​bob
If you have any questions or suggestions, feel free to contact @splitsheet_help_bot
🌐
πŸ“‹ Splitsheet

πŸ’° 158.00€ β€’ πŸ‘₯ Alice, @bob

Jun 22, 2026
Coffee ― 6.00€ β€’ Alice for all
Lunch ― 24.00€ β€’ Alice for all
Taxi ― 18.00€ β€’ Alice for all
Museum ― 30.00€ β€’ Alice for all
Dinner ― 80.00€ β€’ Alice for all

πŸ”’ All debts are already calculated. Unlock to see them

↩️ Reply to add an expense. Or tap here
πŸ‘€βž•More β€’β€’β€’ β†—
πŸ”“ See the debts
Alice
πŸ“‹ Splitsheet πŸ’° 158.00€ β€’ πŸ‘₯ Alice, @bob Jun 22, 2026 Coffee ― 6.00€ β€’ Alice f…
coffee 6
✍️
Alice
πŸ“‹ Splitsheet πŸ’° 158.00€ β€’ πŸ‘₯ Alice, @bob Jun 22, 2026 Coffee ― 6.00€ β€’ Alice f…
lunch 24
✍️
Alice
πŸ“‹ Splitsheet πŸ’° 158.00€ β€’ πŸ‘₯ Alice, @bob Jun 22, 2026 Coffee ― 6.00€ β€’ Alice f…
taxi 18
✍️
Alice
πŸ“‹ Splitsheet πŸ’° 158.00€ β€’ πŸ‘₯ Alice, @bob Jun 22, 2026 Coffee ― 6.00€ β€’ Alice f…
museum 30
✍️
Alice
πŸ“‹ Splitsheet πŸ’° 158.00€ β€’ πŸ‘₯ Alice, @bob Jun 22, 2026 Coffee ― 6.00€ β€’ Alice f…
dinner 80
✍️
πŸ“± Mini App
Mini App