fix: missing translation for editor placeholder

* feat: setup checklist schema

* feat: scaffold checklist router

* feat: add create new checklist modal

* feat: create new checklist item

* feat: toggle checklist item completed state

* feat: update checklist name

* feat: delete checklist

* feat: show checklists progress on cards

* feat: tweak light mode styling

* feat: focus item form on creation of new checklist

* feat: tweak new checklist item form styling

* feat: add checklist activity

* feat: show checklist progress on public board page

* feat: display checklist items on public card modal

* chore: add translations

.env.example

@@ -3,6 +3,8 @@
 # Required environment variables 
 NEXT_PUBLIC_BASE_URL= # e.g. https://kan.bn
 BETTER_AUTH_SECRET= # Random 32+ char string (can gen with: openssl rand -base64 24 | tr -dc 'a-zA-Z0-9' | head -c 32)
+
+# Fill if you want to use an external database
 POSTGRES_URL= # e.g. postgresql://kan:your_password@your_host:5432/kan
 
 # Only required if deploying from compose

.gitignore

@@ -50,3 +50,6 @@ docker-compose.override.yml
 # runtime env
 __ENV.js
 i18n.cache
+
+# pgdata
+/apps/web/pgdata

README.md

@@ -140,7 +140,7 @@ pnpm dev
 
 | Variable                         | Description                                              | Required           | Example                                       |
 | -------------------------------- | -------------------------------------------------------- | ------------------ | --------------------------------------------- |
-| `POSTGRES_URL`                   | PostgreSQL connection URL                                | Yes                | `postgres://user:pass@localhost:5432/db`      |
+| `POSTGRES_URL`                   | PostgreSQL connection URL                                | To use external database                | `postgres://user:pass@localhost:5432/db`      |
 | `EMAIL_FROM`                     | Sender email address                                     | For Email          | `"Kan <hello@mail.kan.bn>"`                   |
 | `SMTP_HOST`                      | SMTP server hostname                                     | For Email          | `smtp.resend.com`                             |
 | `SMTP_PORT`                      | SMTP server port                                         | For Email          | `465`                                         |

apps/web/Dockerfile

@@ -81,5 +81,4 @@ ARG PORT=3000
 ENV PORT=${PORT}
 EXPOSE ${PORT}
 
-CMD ["sh", "-c", "cd /app && pnpm db:migrate && cd /app/apps/web && pnpm start"]
+CMD ["sh", "-c", "if [ -n \"$POSTGRES_URL\" ]; then cd /app && pnpm db:migrate && cd /app/apps/web; fi && pnpm start"]
-

apps/web/i18n.lock

@@ -13,12 +13,19 @@ checksums:
     Activity%20logs/singular: 8b1f0bb96a905646ecfad1cfdfa42168
     Add%20a%20card/singular: 9d80becc4fe65a74e0004e4fd290735d
     Add%20a%20comment.../singular: c28cfccc0cc69a2a2487e37eb9988028
-    Add%20description...%20(type%20'%2F'%20to%20open%20commands)/singular: df99ea599521682e9ad0a90716955dc6
+    Add%20an%20item.../singular: f8e7993980420698700b07f56b3a38af
+    Add%20checklist/singular: 05d73200b56cfea75fb3a0f94c9bfb74
+    Add%20description...%20(type%20'%2F'%20to%20open%20commands%20or%20'%40'%20to%20mention)/singular: c6eb35a796dd7ac0e3dbc66244b71248
+    Add%20details.../singular: 2f42547fd5d199f173aa7a88c8a9b19a
     Add%20label/singular: 0be732d46df263265935fda342097a08
     Add%20member/singular: 11979625770516ca287e929381778e02
+    added%20a%20checklist/singular: 44304f4a5ef3a46378eea243b5d2df79
+    added%20a%20checklist%20item/singular: 20bc0330dba5a9ec978e04bec174365a
     added%20a%20label%20to%20the%20card/singular: 04c5e4ee9b7b7e77ef089d2ac473d235
     added%20a%20member%20to%20the%20card/singular: 95495e770062e2fd590333d56e6308d2
-    added%20label%20%3C0%3E%7Blabel%7D%3C%2F0%3E/singular: 1caba6b6bca4c6fa1ab173d241059dc2
+    added%20checklist%20%3C0%3E%7B0%7D%3C%2F0%3E/singular: fb6a852c50c1629f47c6f155fc93fdee
+    added%20checklist%20item%20%3C0%3E%7B0%7D%3C%2F0%3E/singular: bdd202da20b1fffbec21792c5453f90c
+    added%20label%20%3C0%3E%7B0%7D%3C%2F0%3E/singular: b32be052b3d57de0c9120fa7f9fc86ee
     Admin%20roles/singular: 32a5d78073b9bb9a246773afba8831df
     All%20seats%20are%20free%20during%20the%20beta%20until%20Sept%201st!/singular: 015cec3899cf99e37c3cf231d432e31d
     All%20systems%20operational/singular: ee943a4046b09e6334cceeea9fda2bfc
@@ -31,9 +38,11 @@ checksums:
     Are%20you%20sure%20want%20to%20remove%20%7BentityLabel%7D%3F/singular: f9b67026c5ef86ac4d5944380d571961
     Are%20you%20sure%20you%20want%20to%20delete%20the%20workspace%20%7B0%7D%3F/singular: 27ba2854202dd77c51e78c64e5c93946
     Are%20you%20sure%20you%20want%20to%20delete%20this%20card%3F/singular: 131a5a7cccca7be8b32c987d9fa0b0c0
+    Are%20you%20sure%20you%20want%20to%20delete%20this%20checklist%3F/singular: 7c0f540603474b1a30462dda087fd2f0
     Are%20you%20sure%20you%20want%20to%20delete%20this%20comment%3F/singular: 55fe6f1b52b71b91b2a079cfda3cc7fe
+    Are%20you%20sure%20you%20want%20to%20delete%20this%20label%3F/singular: 037fbaf1d04356937e6afb574714f51f
     Are%20you%20sure%20you%20want%20to%20delete%20your%20account%3F/singular: 428b74d781063224c3e63980e1094ec3
-    assigned%20%3C0%3E%7BmemberName%7D%3C%2F0%3E%20to%20the%20card/singular: 4fb1c419a78a0f010a3e5790801551fc
+    assigned%20%3C0%3E%7B0%7D%3C%2F0%3E%20to%20the%20card/singular: 9df6d89fa83706123dedd8cba2243d04
     Awaiting%20Customer/singular: 122c108794f321c10e05a08f09b11457
     Backlog/singular: 35919fd5b10ad212839a75e72829fe4e
     Basic%20Kanban/singular: e46ebc406749486f3907436970d4d6c7
@@ -60,6 +69,7 @@ checksums:
     Card%20title/singular: 7c34f59f4005e6cb3a6ff546ea0b96e3
     Change%20the%20language%20of%20the%20app./singular: fb20db145e28ed44aba89c146ded7bfc
     Check%20your%20inbox/singular: e9a430fcd298def74212238df0f680d6
+    Checklist%20name/singular: 5eb5de823f7ca5a4d97bb41e6a3f675a
     Clear%20filters/singular: 8f40ab5af527e4b190da94e7b6221379
     Click%20on%20the%20link%20we've%20sent%20to%20%7BmagicLinkRecipient%7D%20to%20sign%20in./singular: 210b6ff8727f976182ec3f29ea3c7667
     Code%20Review/singular: a2da6c2339301e7c3ddf068c4ff9f7e8
@@ -69,6 +79,8 @@ checksums:
     Company/singular: 9e36d11fa82d1bd4563eef2abc4fcfba
     Complete/singular: d3e36d723de0cfdea51c5b4171d30b4d
     Complete%20control%20and%20ownership%3A/singular: 0d8b682ba873272217425ccfc96aa9cd
+    completed%20a%20checklist%20item/singular: 757b04c6c80cc927e1c597c0ad4fda33
+    completed%20checklist%20item%20%3C0%3E%7B0%7D%3C%2F0%3E/singular: 71ec18acf051fc909a48a07ca3578673
     Confirm%20URL%20change/singular: e14b4ce081d1ef6194b37e1814e97b39
     Connect%20Trello/singular: 4440a0b9e387ef7136e3958e7a089213
     Connect%20your%20favorite%20tools%20to%20streamline%20your%20workflow./singular: 033c5dcdb059ccb634aef7fe63f2f45d
@@ -82,6 +94,7 @@ checksums:
     Create%20another/singular: 2de8a82a416eb78c0462aa36278edc9a
     Create%20board/singular: 155b62818bfab0e34f0089e1b34a32f3
     Create%20card/singular: 32792935dd5837a9433909b04021c22b
+    Create%20checklist/singular: 5cbca15a7004558c4e6d381f83a34da2
     Create%20label/singular: c64e8180fa956f005edc1fd9b8e65abb
     Create%20list/singular: 858c3d514aa95765ec82114393199144
     Create%20new%20board/singular: cbb87b1f4cc46b336ad9510c9f19407c
@@ -102,6 +115,10 @@ checksums:
     Delete%20comment/singular: a3dae0c9ddbc73677aad9812e3dffd69
     Delete%20list/singular: b694f58e4c973d8797a78e746b550b1f
     Delete%20workspace/singular: 9017c821209528d9b20d40a488854cdf
+    deleted%20a%20checklist/singular: c54f922dc6c238c9141c700cb3180baf
+    deleted%20a%20checklist%20item/singular: 2b7a861600102ac5c271dd25c1df261a
+    deleted%20checklist%20%3C0%3E%7B0%7D%3C%2F0%3E/singular: 60f9107197e756487d3f95a1083846b5
+    deleted%20checklist%20item%20%3C0%3E%7B0%7D%3C%2F0%3E/singular: 8b7e270f612f9e91bda7f5cfb853d843
     Design/singular: 991b75727b6784c1a063a7462b76186d
     Disconnect%20Trello/singular: a2dd737d133887d34504728c7e7f05e3
     Discuss%20and%20collaborate%20on%20cards./singular: f2e87816709f602130831ead50bba457
@@ -127,8 +144,10 @@ checksums:
     Enter%20your%20name/singular: cd95fbdd0533f2c2e8edf9d9bd9aa8df
     Enter%20your%20password/singular: ea4fdd034522dead21bae0c0abb52eae
     Error%20deleting%20account/singular: d42965a9bc9e5ec4ed57890268924643
+    Error%20deleting%20label/singular: 94387e3a45ec768ae7715701ae00136e
     Error%20deleting%20workspace/singular: 0aec9bd8170bc84f5ea5c9a47c52ed26
     Error%20disconnecting%20Trello/singular: a8766853864eddc480113778a708871b
+    Error%20inviting%20member/singular: 91553b606a6ebed3534cd2e5635ce004
     Error%20updating%20display%20name/singular: 0d7979a25d290123ed8b8906bf468f1a
     Error%20updating%20profile%20image/singular: 462a56a6e574abc9e13cb48f1266adad
     Error%20updating%20workspace%20description/singular: 7a9fd7c69b90ab848ee1f1d4a4995381
@@ -185,7 +204,9 @@ checksums:
     Individuals/singular: 83bfc81f20e60556c44ec80c7d0603ec
     Integrations/singular: 0ccce343287704cd90150c32e2fcad36
     Interviewing/singular: 4ccdcdc784547e925077c3297bddee95
+    Invalid%20email%20address/singular: b2d9f25626f2d15c7c63e0281bccc247
     Invite/singular: 181884cea804cbde665f160811ee7ad0
+    Invite%20another/singular: acb543563dab7edbcf46060a53ade3a3
     Invite%20member/singular: ade922db1be6b26bc979565ce5de2bc7
     Junior/singular: ed1bd2c59a824fdcdd56fc8a0660fe9f
     Kanban%20is%20better%20with%20a%20team.%20Perfect%20for%20small%20and%20growing%20teams%20looking%20to%20collaborate./singular: a77bee43046b260797c8936ad23e9223
@@ -206,17 +227,20 @@ checksums:
     Long-term/singular: 51cb6f0b112250c5a091ca5f0866904b
     Low%20Priority/singular: 509b5cb7c1e8a185e0aa6d38c64c90e8
     magic%20link/singular: db9d17a5bd98bba8aa0d8068c68579f3
+    marked%20a%20checklist%20item%20as%20incomplete/singular: 35d0822f65971b97774b962561b02649
+    marked%20checklist%20item%20%3C0%3E%7B0%7D%3C%2F0%3E%20as%20incomplete/singular: 4c38799ff25321ea25017bf4cd8e2e4f
     Medium%20Priority/singular: 1f527cd6d1ed602930bcaa303f503b51
     Members/singular: 0932e80cba1e3e0a7f52bb67ff31da32
     Members%20%7C%20%7B0%7D/singular: a29e3e9f1076acd178c417d047584e88
     Monthly/singular: 818f1192e32bb855597f930d3e78806e
-    moved%20the%20card%20from%20%3C0%3E%7BfromList%7D%3C%2F0%3E%20to%3C1%3E%7BtoList%7D%3C%2F1%3E/singular: c2d0d72ad97510344b51154ef15060e0
+    moved%20the%20card%20from%20%3C0%3E%7B0%7D%3C%2F0%3E%20to%3C1%3E%7B1%7D%3C%2F1%3E/singular: 11edf0427766c26db541d46379dc3c16
     moved%20the%20card%20to%20another%20list/singular: 2e8c41bfafb42fa299ce56e4300205ff
     Name/singular: 9368b5a047572b6051f334af5aa76819
     Need%20help%3F/singular: 04e7322f2d3ffb2d73ff2f64b71637c8
     New/singular: 126d036fae5fb6b629728ecb97e6195b
     New%20board/singular: 63f4e979e29a7fc2f5c09ff91fa75966
     New%20card/singular: a33f6219a756127f91c2523cfe845a19
+    New%20checklist/singular: 58252b71e9693ae0f4d2d0b72108a569
     New%20import/singular: e8fddfe15dd170277df919e5d37efd47
     New%20label/singular: 890040da52a88c16c249a4ac78980f81
     New%20list/singular: 146c2e642b11056a0b07ed65733e4178
@@ -263,7 +287,10 @@ checksums:
     Remove%20member/singular: 1d77c2ca3768e486fd1fb5df30cb60d9
     removed%20a%20label%20from%20the%20card/singular: f83ec18850a2a8a3f8242a740a04df06
     removed%20a%20member%20from%20the%20card/singular: 0bd7561bb79358fde3d595c3e60a315a
-    removed%20label%20%3C0%3E%7Blabel%7D%3C%2F0%3E/singular: 1e7ebc1866136352bdc3cd90afc083f0
+    removed%20label%20%3C0%3E%7B0%7D%3C%2F0%3E/singular: 7e0936b15831e65754588b8512f62fcb
+    renamed%20a%20checklist/singular: 4d208de1857740e63469007c5b8b491a
+    renamed%20checklist%20%3C0%3E%7B0%7D%3C%2F0%3E/singular: e95d119ef65b0af6c0a96bef182be671
+    renamed%20checklist%20item%20to%20%3C0%3E%7B0%7D%3C%2F0%3E/singular: 50f55f71f9245890afee434d7adc2140
     Research/singular: 3368e9638d1619babd6df9fad592274f
     Resolution/singular: 6d8bd9e1bd7dae5ae38c93061d32990e
     Resources/singular: ec7fb05ed963bb6781a35782b3475502
@@ -308,6 +335,7 @@ checksums:
     Theme/singular: 21fe00b7a518089576fb83c08631107a
     They%20won't%20be%20able%20to%20access%20this%20workspace./singular: 93b740350fe3430319fbca85349e41d9
     This%20action%20can't%20be%20undone./singular: cb222ff89715d8c971e8c25d121e1dbd
+    This%20board%20is%20private%20or%20does%20not%20exist/singular: a217ff3f04463b4df8c86adb6f83c6bc
     This%20board%20URL%20has%20already%20been%20taken/singular: 1d8b40332a031b5b77a3658e48dd51ca
     This%20will%20result%20in%20the%20permanent%20deletion%20of%20all%20data%20associated%20with%20this%20workspace./singular: a31141558af793635c1ddd2fa0a33499
     This%20will%20result%20in%20the%20permanent%20deletion%20of%20all%20data%20associated%20with%20your%20account./singular: b49224632bd6c3b7f5e462912aeb1081
@@ -318,22 +346,28 @@ checksums:
     Trello%20disconnected/singular: 54b24a3e6c9a7eedd8c8d1060ab1175d
     Trello%20imports/singular: 6827eca403faa8f89891d17827e72af9
     Triaging/singular: 1d40799fcae53a8a27688fdae2a48dee
+    Unable%20to%20add%20checklist%20item/singular: 4c4c3eaaf10b348b39ae97eb5dc455df
     Unable%20to%20add%20comment/singular: 49bb435880817434698f31a6069564d6
     Unable%20to%20create%20card/singular: 90112ea12ec6fa42097a6e022ae048a4
+    Unable%20to%20create%20checklist/singular: 94eed122e42e0951cd08b9ec62f5eeb6
     Unable%20to%20create%20list/singular: 7fbbf8314f8d08a4123c7daef09fed05
     Unable%20to%20create%20workspace/singular: c1c949477e121d73ed6683eddf9cd874
     Unable%20to%20delete%20card/singular: 50ff06aa1265fe464f776aba33f1bef9
+    Unable%20to%20delete%20checklist/singular: d7067e2c009f4919f0cca77df3c228ee
+    Unable%20to%20delete%20checklist%20item/singular: a74144593b625e4d8d7ecf734462c60d
     Unable%20to%20delete%20comment/singular: 550198b2c87f06726a843c79c1026ed9
     Unable%20to%20remove%20member/singular: 39025a0c53818438829603d213baef06
     Unable%20to%20send%20feedback/singular: 656c93265d7e2bef1245b17d85f85ae5
     Unable%20to%20update%20board%20URL/singular: 080746884059142358b58d9a44ff7d93
     Unable%20to%20update%20board%20visibility/singular: a76a21d561b8943e9276e027a1e3f70d
     Unable%20to%20update%20card/singular: eca6002e57af8ec97324eae64e3b5731
+    Unable%20to%20update%20checklist/singular: 44c10f49f448909ceca481ed9b4b07e7
+    Unable%20to%20update%20checklist%20item/singular: 5c86b3523531c30d58856e3ecde0cb55
     Unable%20to%20update%20comment/singular: 05e798ed6b0f3fee41f3e8832eb699ea
     Unable%20to%20update%20labels/singular: dca2bdc3dcf74bc9d95e05156039a291
     Unable%20to%20update%20list/singular: 14aa802f91b9b4c05236c8c75afb33da
     Unable%20to%20update%20members/singular: 9a851a6b0c75ee16d25cf2ff4b67b255
-    unassigned%20%3C0%3E%7BmemberName%7D%3C%2F0%3E%20from%20the%20card/singular: 105d4eeb32044126b8dde243bad11d56
+    unassigned%20%3C0%3E%7B0%7D%3C%2F0%3E%20from%20the%20card/singular: b683cc07092348c1e75dba40b1262b85
     unassigned%20themselves%20from%20the%20card/singular: 27c6f293c562af6a44348d7f00036d30
     Unlimited%20activity%20log/singular: 8c993de94cda0deac19ba14ecafce6a5
     Unlimited%20boards/singular: cb4fd858137ce825c2f1904d142d8042
@@ -343,9 +377,10 @@ checksums:
     Unlimited%20lists/singular: 5c418701b27b9acbc5dd199719007362
     Update/singular: 079fc039262fd31b10532929685c2d1b
     Update%20label/singular: 97880b503dfe956941c5f23025a1c102
+    updated%20a%20checklist%20item/singular: 198e1d1d503f4b69b752dd84d0cc0e9d
     updated%20the%20description/singular: 70fd604b6dc957a75be90ea77572d76d
     updated%20the%20title/singular: 98cf8f12923ec1a58e767e3a40863b21
-    updated%20the%20title%20to%20%3C0%3E%7BtoTitle%7D%3C%2F0%3E/singular: 70cdf681ec2b6ef8e14397bc1f93f945
+    updated%20the%20title%20to%20%3C0%3E%7B0%7D%3C%2F0%3E/singular: aca196d729401d8adc5c8ca9d558840e
     Upgrade/singular: 63c3b52882e0d779859307d672c178c2
     Urgent/singular: e79afcd4398e52e10e7e8243a7eecabe
     URL%20can%20only%20contain%20letters%2C%20numbers%2C%20and%20hyphens/singular: 875d37d2d920f98ef60a314eda8a5d9a
@@ -353,11 +388,14 @@ checksums:
     URL%20must%20be%20at%20least%203%20characters%20long/singular: 1b74ac9ec61fd34b16530ed599009ed1
     Use%20template/singular: 33f0ca0aa8f4b0de99aad267a61a094d
     User/singular: 61073457a5c3901084b557d065f876be
+    User%20is%20already%20a%20member%20of%20this%20workspace/singular: bc246386f0975f750f2133222bb4735e
     Video/singular: 8050c90e4289b105a0780f0fdda6ff66
     View%20and%20manage%20your%20API%20keys./singular: 88e23ee79056846dd9ce63ceee690549
     View%20and%20manage%20your%20billing%20and%20subscription./singular: 7469502543aac6f02149813546d1cb38
     View%20docs/singular: 43ce54f27bb1e3f1880b56e03ab38871
+    View%20only/singular: 21f5f7ba3b49050c4f406113479d6a7a
     View%20our%20roadmap./singular: 1dd7ec80e1635951b1c90d592d1d07dc
+    View%20workspace/singular: c9e4b789330b08c18ca8db7044409e5f
     Visibility/singular: 1ff412f8fcde0f460acbf11153649646
     We%20are%20using%20the%20%3C0%3EAGPL-3.0%20license%3C%2F0%3E./singular: 08c5ddd938a2a70f61d684e41e18697a
     We're%20just%20getting%20started.%20/singular: 2dfa121e0ff1914e08068308a81973c0

apps/web/package.json

@@ -33,6 +33,7 @@
     "@tailwindcss/typography": "^0.5.16",
     "@tanstack/react-query": "catalog:",
     "@tiptap/extension-link": "^2.22.2",
+    "@tiptap/extension-mention": "^3.0.9",
     "@tiptap/extension-placeholder": "^2.14.0",
     "@tiptap/pm": "^2.14.0",
     "@tiptap/react": "^2.14.0",

apps/web/src/components/Button.tsx

@@ -5,7 +5,7 @@ import LoadingSpinner from "./LoadingSpinner";
 
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   variant?: "primary" | "secondary" | "danger" | "ghost";
-  size?: "sm" | "md" | "lg";
+  size?: "xs" | "sm" | "md" | "lg";
   isLoading?: boolean;
   iconLeft?: React.ReactNode;
   iconRight?: React.ReactNode;
@@ -28,6 +28,7 @@ const Button = ({
 }: ButtonProps) => {
   const classes = twMerge(
     "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-2 text-sm font-semibold text-light-50 shadow-sm focus-visible:outline-none",
+    size === "xs" && "text-xs px-2 py-1",
     size === "sm" && "text-xs",
     size === "lg" && "py-[0.65rem]",
     fullWidth && "w-full",

apps/web/src/components/CheckboxDropdown.tsx

@@ -86,8 +86,10 @@ export default function CheckboxDropdown({
             </label>
             {handleEdit && (
               <button
+                type="button"
                 className="invisible ml-auto group-hover:visible"
                 onClick={(event) => {
+                  event.preventDefault();
                   event.stopPropagation();
                   handleEdit(item.key);
                 }}
@@ -100,8 +102,12 @@ export default function CheckboxDropdown({
       ))}
       {handleCreate && (
         <button
+          type="button"
           className="flex w-full items-center rounded-[5px] p-2 px-2 text-[12px] text-dark-900 hover:bg-light-200 dark:hover:bg-dark-300"
-          onClick={() => handleCreate()}
+          onClick={(e) => {
+            e.preventDefault();
+            handleCreate();
+          }}
         >
           <HiMiniPlus size={20} className="pr-1.5" />
           {createNewItemLabel}

apps/web/src/components/CircularProgress.tsx

@@ -0,0 +1,58 @@
+import { twMerge } from "tailwind-merge";
+
+interface CircularProgressProps {
+  progress: number; // 0-100
+  size?: "sm" | "md" | "lg";
+  className?: string;
+}
+
+const CircularProgress = ({
+  progress,
+  size = "md",
+  className,
+}: CircularProgressProps) => {
+  const radius = 40;
+  const circumference = 2 * Math.PI * radius;
+  const strokeDashoffset = circumference - (progress / 100) * circumference;
+
+  return (
+    <div className={twMerge("relative", className)}>
+      <svg
+        className={twMerge(
+          "-rotate-90 transform",
+          size === "sm" && "h-4 w-4",
+          size === "md" && "h-5 w-5",
+          size === "lg" && "h-8 w-8",
+        )}
+        viewBox="0 0 100 100"
+      >
+        <circle
+          cx="50"
+          cy="50"
+          r={radius}
+          fill="none"
+          stroke="currentColor"
+          strokeWidth="14"
+          className="text-light-300 dark:text-dark-400"
+        />
+        <circle
+          cx="50"
+          cy="50"
+          r={radius}
+          fill="none"
+          stroke="currentColor"
+          strokeWidth="14"
+          strokeDasharray={circumference}
+          strokeDashoffset={strokeDashoffset}
+          strokeLinecap="round"
+          className={twMerge(
+            "transition-all duration-300 ease-in-out",
+            progress === 100 ? "text-green-500" : "text-blue-500",
+          )}
+        />
+      </svg>
+    </div>
+  );
+};
+
+export default CircularProgress;

apps/web/src/components/DeleteLabelConfirmation.tsx

@@ -1,3 +1,5 @@
+import { t } from "@lingui/core/macro";
+
 import Button from "~/components/Button";
 import { useModal } from "~/providers/modal";
 import { usePopup } from "~/providers/popup";
@@ -10,21 +12,23 @@ export function DeleteLabelConfirmation({
   labelPublicId: string;
   refetch: () => void;
 }) {
-  const { closeModal } = useModal();
+  const { closeModal, closeModals } = useModal();
   const { showPopup } = usePopup();
 
   const deleteLabelMutation = api.label.delete.useMutation({
-    onSuccess: () => refetch(),
+    onSuccess: () => {
+      refetch();
+      closeModals(2);
+    },
     onError: () =>
       showPopup({
-        header: "Error deleting label",
+        header: t`Error deleting label`,
-        message: "Please try again later, or contact customer support.",
+        message: t`Please try again later, or contact customer support.`,
         icon: "error",
       }),
   });
 
   const handleDeleteLabel = () => {
-    closeModal();
     deleteLabelMutation.mutate({
       labelPublicId,
     });
@@ -34,17 +38,17 @@ export function DeleteLabelConfirmation({
     <div className="p-5">
       <div className="flex w-full flex-col justify-between pb-4">
         <h2 className="text-md pb-4 font-medium text-neutral-900 dark:text-dark-1000">
-          Are you sure you want to delete this label?
+          {t`Are you sure you want to delete this label?`}
         </h2>
         <p className="text-sm font-medium text-light-900 dark:text-dark-900">
-          {"This action can't be undone."}
+          {t`This action can't be undone.`}
         </p>
       </div>
       <div className="mt-5 flex justify-end space-x-2 sm:mt-6">
         <Button variant="secondary" onClick={() => closeModal()}>
-          Cancel
+          {t`Cancel`}
         </Button>
-        <Button onClick={handleDeleteLabel}>Delete</Button>
+        <Button onClick={handleDeleteLabel}>{t`Delete`}</Button>
       </div>
     </div>
   );

apps/web/src/components/Editor.tsx

@@ -17,7 +17,13 @@ import {
 } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 import Suggestion from "@tiptap/suggestion";
-import { forwardRef, useImperativeHandle, useRef, useState } from "react";
+import {
+  forwardRef,
+  useEffect,
+  useImperativeHandle,
+  useRef,
+  useState,
+} from "react";
 import {
   HiH1,
   HiH2,
@@ -33,6 +39,9 @@ import {
 } from "react-icons/hi2";
 import { twMerge } from "tailwind-merge";
 import tippy from "tippy.js";
+import Mention from "@tiptap/extension-mention";
+import Avatar from "./Avatar";
+import { getAvatarUrl } from "~/utils/helpers";
 
 declare module "@tiptap/core" {
   interface Commands<ReturnType> {
@@ -68,6 +77,16 @@ export interface RenderSuggestionsProps {
   command: (item: SlashCommandItem) => void;
 }
 
+export type WorkspaceMember = {
+  publicId: string;
+  user: {
+    id: string;
+    name: string | null;
+    image: string | null;
+  } | null;
+  email: string;
+};
+
 const CommandsList = forwardRef<
   { onKeyDown: (props: SuggestionKeyDownProps) => boolean },
   {
@@ -181,6 +200,125 @@ const RenderSuggestions = () => {
   };
 };
 
+type MentionItem = { id: string; label: string; image: string | null };
+
+const MentionList = forwardRef<
+  { onKeyDown: (props: SuggestionKeyDownProps) => boolean },
+  {
+    items: MentionItem[];
+    command: (item: MentionItem) => void;
+  }
+>(({ items, command }, ref) => {
+  const [selectedIndex, setSelectedIndex] = useState(0);
+
+  useImperativeHandle(ref, () => ({
+    onKeyDown: ({ event }: SuggestionKeyDownProps) => {
+      if (event.key === "ArrowUp") {
+        setSelectedIndex((selectedIndex + items.length - 1) % items.length);
+        return true;
+      }
+
+      if (event.key === "ArrowDown") {
+        setSelectedIndex((selectedIndex + 1) % items.length);
+        return true;
+      }
+
+      if (event.key === "Enter") {
+        const item = items[selectedIndex];
+        if (item) {
+          command(item);
+        }
+        return true;
+      }
+
+      return false;
+    },
+  }));
+
+  return (
+    <div className="w-56 rounded-md border-[1px] border-light-200 bg-light-50 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none dark:border-dark-500 dark:bg-dark-200">
+      <div className="max-h-[350px] overflow-y-auto p-1 scrollbar-thin scrollbar-thumb-light-200 dark:scrollbar-thumb-dark-300">
+        {items.length > 0 ? items.map((item, index) => (
+          <button
+            key={item.id}
+            onClick={() => command(item)}
+            className={twMerge(
+              "group flex w-full items-center rounded-[5px] p-2 hover:bg-light-200 dark:hover:bg-dark-300",
+              index === selectedIndex && "bg-light-200 dark:bg-dark-300",
+            )}
+          >
+            <Avatar
+              size="xs"
+              name={item.label}
+              imageUrl={
+                item.image ? getAvatarUrl(item.image) : undefined
+              }
+              email={item.label}
+            />
+            <span className="ml-3 text-[12px] font-medium text-dark-900 dark:text-dark-1000">
+              {item.label}
+            </span>
+          </button>
+        )) : (
+          <div className="flex items-center justify-start p-2">
+            <span className="text-dark-900 text-[12px] dark:text-dark-1000">No results</span>
+          </div>
+        )}
+      </div>
+    </div>
+  );
+});
+
+MentionList.displayName = "MentionList";
+
+const renderMentionSuggestions = () => {
+  let reactRenderer: ReactRenderer;
+  let popup: TippyInstance[];
+
+  return {
+    onStart: (props: any) => {
+      reactRenderer = new ReactRenderer(MentionList, {
+        props,
+        editor: props.editor,
+      });
+
+      if (!props.clientRect) return;
+
+      popup = tippy("body", {
+        getReferenceClientRect: props.clientRect,
+        appendTo: () => document.body,
+        content: reactRenderer.element,
+        showOnCreate: true,
+        interactive: true,
+        trigger: "manual",
+        placement: "bottom-start",
+      });
+    },
+    onUpdate(props: any) {
+      reactRenderer.updateProps(props);
+      if (!props.clientRect) return;
+      popup[0]?.setProps({ getReferenceClientRect: props.clientRect });
+    },
+    onKeyDown(props: SuggestionKeyDownProps) {
+      if (props.event.key === "Escape") {
+        popup[0]?.hide();
+        return true;
+      }
+      return (
+        (
+          reactRenderer.ref as {
+            onKeyDown?: (props: SuggestionKeyDownProps) => boolean;
+          }
+        ).onKeyDown?.(props) ?? false
+      );
+    },
+    onExit() {
+      popup[0]?.destroy();
+      reactRenderer.destroy();
+    },
+  };
+};
+
 const SlashCommands = Extension.create<SlashCommandsOptions>({
   name: "slash-commands",
   addOptions() {
@@ -284,11 +422,13 @@ export default function Editor({
   onChange,
   onBlur,
   readOnly = false,
+  workspaceMembers,
 }: {
   content: string | null;
   onChange?: (value: string) => void;
   onBlur?: () => void;
   readOnly?: boolean;
+  workspaceMembers: WorkspaceMember[];
 }) {
   const containerRef = useRef<HTMLDivElement>(null);
 
@@ -299,7 +439,7 @@ export default function Editor({
         Placeholder.configure({
           placeholder: readOnly
             ? ""
-            : t`Add description... (type '/' to open commands)`,
+            : t`Add description... (type '/' to open commands or '@' to mention)`,
         }),
         Link.configure({
           openOnClick: true,
@@ -320,6 +460,38 @@ export default function Editor({
             char: "/",
           },
         }),
+        Mention.configure({
+          HTMLAttributes: {
+            class: 'mention',
+          },
+          suggestion: {
+            char: "@",
+            items: ({ query }: { query: string }) => {
+              const all: MentionItem[] = workspaceMembers.map((member: WorkspaceMember) => ({
+                id: member.publicId,
+                label: member?.user?.name ?? member.email,
+                image: member?.user?.image ?? null,
+              }));
+              const q = query.toLowerCase();
+              return all.filter((u) => u.label.toLowerCase().includes(q));
+            },
+            command: ({ editor, range, props }: any) => {
+               const mentionHTML = `<span data-type="mention" data-id="${props.id}" data-label="${props.label}">@${props.label}</span>&nbsp;`;
+               
+               editor
+               .chain()
+               .focus()
+               .deleteRange(range)
+               .insertContent(mentionHTML)
+               .focus()
+               .run();
+              },
+              render: renderMentionSuggestions,
+            },
+            renderText({ options, node }) {
+              return `${options.suggestion.char}${node.attrs.label ?? node.attrs.id}`;
+            },
+        }),
       ],
       content,
       onUpdate: ({ editor }) => onChange?.(editor.getHTML()),
@@ -343,9 +515,19 @@ export default function Editor({
       editable: !readOnly,
       injectCSS: false,
     },
-    [content],
+    [], // creating the editor only once
   );
 
+  // this will sync external content changes without re-creating the editor instance
+  useEffect(() => {
+    if (!editor) return;
+    const currentHTML = editor.getHTML();
+    const safeContent = content ?? "";
+    if (safeContent !== currentHTML) {
+      editor.commands.setContent(safeContent, false);
+    }
+  }, [content, editor]);
+
   return (
     <div ref={containerRef}>
       <style jsx global>{`
@@ -358,11 +540,19 @@ export default function Editor({
         .tiptap p {
           margin: 0 0 1rem 0 !important;
         }
+        .tiptap .mention {
+          background-color: rgba(59, 130, 246, 0.1);
+          border-radius: 0.25rem;
+          padding: 0.125rem 0.25rem;
+          color: rgb(59, 130, 246);
+          text-decoration: none;
+          font-weight: 500;
+        }
       `}</style>
       {!readOnly && editor && <EditorBubbleMenu editor={editor} />}
       <EditorContent
         editor={editor}
-        className="prose dark:prose-invert prose-sm max-w-none overflow-y-auto [&_blockquote]:!text-xs [&_h1]:!text-lg [&_h2]:!text-base [&_h3]:!text-sm [&_ol]:!text-xs [&_p.is-empty::before]:text-light-900 [&_p.is-empty::before]:dark:text-dark-800 [&_p]:!text-sm [&_p]:text-black [&_p]:dark:text-white [&_ul]:!text-xs"
+        className="prose dark:prose-invert prose-sm max-w-none overflow-y-auto [&_blockquote]:!text-xs [&_h1]:!text-lg [&_h2]:!text-base [&_h3]:!text-sm [&_ol]:!text-xs [&_p.is-empty::before]:text-light-900 [&_p.is-empty::before]:dark:text-dark-800 [&_p]:!text-sm [&_p]:text-light-950 [&_p]:dark:text-dark-950 [&_ul]:!text-xs"
       />
     </div>
   );

apps/web/src/components/LabelForm.tsx

@@ -32,7 +32,7 @@ export function LabelForm({
   refetch: () => void;
   isEdit?: boolean;
 }) {
-  const { closeModal, entityId, openModal } = useModal();
+  const { closeModal, entityId, openModal, setModalState } = useModal();
 
   const label = api.label.byPublicId.useQuery(
     {
@@ -57,18 +57,23 @@ export function LabelForm({
   const isCreateAnotherEnabled = watch("isCreateAnotherEnabled");
 
   const createLabel = api.label.create.useMutation({
-    onSuccess: () => {
+    onSuccess: (newLabel) => {
       const currentColourIndex = colours.findIndex(
         (c) => c.code === watch("colour").code,
       );
       try {
         refetch();
-        if (!isCreateAnotherEnabled) closeModal();
+        setModalState("NEW_LABEL_CREATED", newLabel.publicId);
-        reset({
+        if (!isCreateAnotherEnabled) {
-          name: "",
+          closeModal();
-          colour: colours[(currentColourIndex + 1) % colours.length],
+        } else {
-          isCreateAnotherEnabled,
+          const newFormState = {
-        });
+            name: "",
+            colour: colours[(currentColourIndex + 1) % colours.length],
+            isCreateAnotherEnabled,
+          };
+          reset(newFormState);
+        }
       } catch (e) {
         console.log(e);
       }
@@ -79,10 +84,6 @@ export function LabelForm({
     onSuccess: () => {
       refetch();
       closeModal();
-      reset({
-        name: "",
-        colour: colours[0],
-      });
     },
   });
 
@@ -220,6 +221,7 @@ export function LabelForm({
         <div className="space-x-2">
           {isEdit && (
             <Button
+              type="button"
               variant="secondary"
               onClick={() => openModal("DELETE_LABEL", entityId)}
             >
@@ -229,6 +231,9 @@ export function LabelForm({
           <Button
             type="submit"
             isLoading={updateLabel.isPending || createLabel.isPending}
+            disabled={
+              !watch("name")
+            }
           >
             {isEdit ? t`Update label` : t`Create label`}
           </Button>

apps/web/src/components/modal.tsx

@@ -7,15 +7,19 @@ interface Props {
   children: React.ReactNode;
   modalSize?: "sm" | "md" | "lg";
   positionFromTop?: "sm" | "md" | "lg";
+  isVisible?: boolean;
 }
 
 const Modal: React.FC<Props> = ({
   children,
   modalSize = "sm",
   positionFromTop = "md",
+  isVisible,
 }) => {
   const { isOpen, closeModal } = useModal();
 
+  const shouldShow = isVisible !== undefined ? isVisible : isOpen;
+
   const modalSizeMap = {
     sm: "max-w-[400px]",
     md: "max-w-[550px]",
@@ -29,7 +33,7 @@ const Modal: React.FC<Props> = ({
   };
 
   return (
-    <Transition.Root show={isOpen} as={Fragment}>
+    <Transition.Root show={shouldShow} as={Fragment}>
       <Dialog as="div" className="relative z-10" onClose={closeModal}>
         <Transition.Child
           as={Fragment}

apps/web/src/env.ts

@@ -24,7 +24,7 @@ export const env = createEnv({
           s.split(",").every((l) => z.string().url().safeParse(l).success),
       )
       .optional(),
-    POSTGRES_URL: z.string().url(),
+    POSTGRES_URL: z.string().url().optional().or(z.literal('')),
     TRELLO_APP_API_KEY: z.string().optional(),
     TRELLO_APP_SECRET: z.string().optional(),
     STRIPE_SECRET_KEY: z.string().optional(),

apps/web/src/hooks/useModalFormState.ts

@@ -0,0 +1,48 @@
+import { useEffect } from "react";
+import { useModal } from "~/providers/modal";
+
+interface UseModalFormStateOptions<T> {
+  modalType: string;
+  initialValues: T;
+  resetOnClose?: boolean;
+}
+
+export function useModalFormState<T extends Record<string, any>>({
+  modalType,
+  initialValues,
+  resetOnClose = false,
+}: UseModalFormStateOptions<T>) {
+  const { modalContentType, isOpen, getModalState, setModalState, clearModalState } = useModal();
+  
+  const isCurrentModal = modalContentType === modalType;
+  const savedState = getModalState(modalType) as T | undefined;
+  
+  // get current form state (using the saved values if available, otherwise the initial values)
+  const formState = savedState || initialValues;
+
+  const saveFormState = (state: Partial<T>) => {
+    if (!isCurrentModal) return;
+    
+    const currentState = getModalState(modalType) || initialValues;
+    const newState = { ...currentState, ...state };
+    setModalState(modalType, newState);
+  };
+
+  const clearFormState = () => {
+    clearModalState(modalType);
+  };
+
+  useEffect(() => {
+    if (resetOnClose && !isOpen && savedState) {
+      clearModalState(modalType);
+    }
+  }, [isOpen, resetOnClose, savedState, modalType, clearModalState]);
+
+  return {
+    formState,
+    saveFormState,
+    clearFormState,
+    isCurrentModal,
+    hasSavedState: !!savedState,
+  };
+} 

apps/web/src/locales/de/messages.po

@@ -13,7 +13,7 @@ msgstr ""
 "Language-Team: \n"
 "Plural-Forms: \n"
 
-#: src/views/card/components/Comment.tsx:121
+#: src/views/card/components/Comment.tsx:123
 msgid " (edited)"
 msgstr " (bearbeitet)"
 
@@ -23,12 +23,12 @@ msgstr ", oder besuche unsere"
 
 #. placeholder {0}: card?.title ?? "Card"
 #. placeholder {1}: board?.name ?? "Board"
-#: src/views/card/index.tsx:189
+#: src/views/card/index.tsx:214
 msgid "{0} | {1}"
 msgstr "{0} | {1}"
 
 #. placeholder {0}: labelPublicIds.length
-#: src/views/board/components/NewCardForm.tsx:365
+#: src/views/board/components/NewCardForm.tsx:432
 msgid "{0} labels"
 msgstr "{0} Labels"
 
@@ -48,8 +48,8 @@ msgstr "Eine leistungsstarke, flexible Kanban-App, die dir hilft, Arbeit zu orga
 msgid "Account deleted"
 msgstr "Konto gelöscht"
 
-#: src/views/public/board/CardModal.tsx:104
+#: src/views/public/board/CardModal.tsx:140
-#: src/views/card/index.tsx:256
+#: src/views/card/index.tsx:288
 msgid "Activity"
 msgstr "Aktivität"
 
@@ -62,35 +62,66 @@ msgid "Add a card"
 msgstr "Karte hinzufügen"
 
 #: src/views/card/components/NewCommentForm.tsx:57
-#: src/views/card/components/Comment.tsx:144
+#: src/views/card/components/Comment.tsx:146
 msgid "Add a comment..."
 msgstr "Kommentar hinzufügen..."
 
-#: src/components/Editor.tsx:302
+#: src/views/card/components/NewChecklistItemForm.tsx:140
-msgid "Add description... (type '/' to open commands)"
+msgid "Add an item..."
-msgstr "Beschreibung hinzufügen... (tippe '/' um Befehle zu öffnen)"
+msgstr "Element hinzufügen..."
+
+#: src/views/card/components/Dropdown.tsx:18
+msgid "Add checklist"
+msgstr "Checkliste hinzufügen"
+
+#: src/components/Editor.tsx:442
+msgid "Add description... (type '/' to open commands or '@' to mention)"
+msgstr "Beschreibung hinzufügen... (tippe '/' um Befehle zu öffnen oder '@' um jemanden zu erwähnen)"
+
+#: src/views/card/components/ChecklistItemRow.tsx:172
+msgid "Add details..."
+msgstr "Details hinzufügen..."
 
 #: src/views/card/components/LabelSelector.tsx:110
 #: src/views/card/components/LabelSelector.tsx:118
 msgid "Add label"
 msgstr "Label hinzufügen"
 
-#: src/views/members/components/InviteMemberForm.tsx:50
+#: src/views/members/components/InviteMemberForm.tsx:85
 #: src/views/card/components/MemberSelector.tsx:130
 msgid "Add member"
 msgstr "Mitglied hinzufügen"
 
-#: src/views/card/components/ActivityList.tsx:56
+#: src/views/card/components/ActivityList.tsx:69
+msgid "added a checklist"
+msgstr "hat eine Checkliste hinzugefügt"
+
+#: src/views/card/components/ActivityList.tsx:72
+msgid "added a checklist item"
+msgstr "hat ein Checklistenelement hinzugefügt"
+
+#: src/views/card/components/ActivityList.tsx:65
 msgid "added a label to the card"
 msgstr "hat ein Label zur Karte hinzugefügt"
 
-#: src/views/card/components/ActivityList.tsx:58
+#: src/views/card/components/ActivityList.tsx:67
 msgid "added a member to the card"
 msgstr "hat ein Mitglied zur Karte hinzugefügt"
 
-#: src/views/card/components/ActivityList.tsx:110
+#. placeholder {0}: truncate(toTitle)
-msgid "added label <0>{label}</0>"
+#: src/views/card/components/ActivityList.tsx:146
-msgstr "hat Label <0>{label}</0> hinzugefügt"
+msgid "added checklist <0>{0}</0>"
+msgstr "hat Checkliste <0>{0}</0> hinzugefügt"
+
+#. placeholder {0}: truncate(toTitle)
+#: src/views/card/components/ActivityList.tsx:170
+msgid "added checklist item <0>{0}</0>"
+msgstr "hat Checklistenelement <0>{0}</0> hinzugefügt"
+
+#. placeholder {0}: truncate(label)
+#: src/views/card/components/ActivityList.tsx:130
+msgid "added label <0>{0}</0>"
+msgstr "hat Label <0>{0}</0> hinzugefügt"
 
 #: src/views/home/components/Pricing.tsx:55
 msgid "Admin roles"
@@ -141,17 +172,26 @@ msgstr "Bist du sicher, dass du den Workspace {0} löschen möchtest?"
 msgid "Are you sure you want to delete this card?"
 msgstr "Bist du sicher, dass du diese Karte löschen möchtest?"
 
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:55
+msgid "Are you sure you want to delete this checklist?"
+msgstr "Sind Sie sicher, dass Sie diese Checkliste löschen möchten?"
+
 #: src/views/card/components/DeleteCommentConfirmation.tsx:65
 msgid "Are you sure you want to delete this comment?"
 msgstr "Bist du sicher, dass du diesen Kommentar löschen möchtest?"
 
+#: src/components/DeleteLabelConfirmation.tsx:41
+msgid "Are you sure you want to delete this label?"
+msgstr "Sind Sie sicher, dass Sie dieses Label löschen möchten?"
+
 #: src/views/settings/components/DeleteAccountConfirmation.tsx:54
 msgid "Are you sure you want to delete your account?"
 msgstr "Bist du sicher, dass du dein Konto löschen möchtest?"
 
-#: src/views/card/components/ActivityList.tsx:92
+#. placeholder {0}: truncate(memberName)
-msgid "assigned <0>{memberName}</0> to the card"
+#: src/views/card/components/ActivityList.tsx:110
-msgstr "hat <0>{memberName}</0> der Karte zugewiesen"
+msgid "assigned <0>{0}</0> to the card"
+msgstr "hat <0>{0}</0> der Karte zugewiesen"
 
 #: src/views/boards/components/TemplateBoards.tsx:46
 msgid "Awaiting Customer"
@@ -178,7 +218,7 @@ msgstr "Abrechnungsportal"
 msgid "Blog Post"
 msgstr "Blogbeitrag"
 
-#: src/views/board/index.tsx:241
+#: src/views/board/index.tsx:331
 msgid "Board"
 msgstr "Board"
 
@@ -190,7 +230,8 @@ msgstr "Der Name des Boards darf 100 Zeichen nicht überschreiten"
 msgid "Board name is required"
 msgstr "Boardname ist erforderlich"
 
-#: src/views/board/index.tsx:267
+#: src/views/public/board/index.tsx:143
+#: src/views/board/index.tsx:357
 msgid "Board not found"
 msgstr "Board nicht gefunden"
 
@@ -202,7 +243,7 @@ msgstr "Board-URL darf nur Buchstaben, Zahlen und Bindestriche enthalten"
 msgid "Board URL cannot exceed 60 characters"
 msgstr "Board-URL darf 60 Zeichen nicht überschreiten"
 
-#: src/views/public/board/index.tsx:53
+#: src/views/public/board/index.tsx:59
 msgid "Board URL copied to clipboard"
 msgstr "Board-URL in die Zwischenablage kopiert"
 
@@ -245,16 +286,18 @@ msgstr "Fehlerbericht"
 #: src/views/settings/components/CustomURLConfirmation.tsx:50
 #: src/views/members/components/DeleteMemberConfirmation.tsx:55
 #: src/views/card/components/DeleteCommentConfirmation.tsx:76
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:63
 #: src/views/card/components/DeleteCardConfirmation.tsx:86
-#: src/views/card/components/Comment.tsx:156
+#: src/views/card/components/Comment.tsx:158
+#: src/components/DeleteLabelConfirmation.tsx:49
 msgid "Cancel"
 msgstr "Abbrechen"
 
-#: src/views/card/index.tsx:234
+#: src/views/card/index.tsx:259
 msgid "Card not found"
 msgstr "Karte nicht gefunden"
 
-#: src/views/board/components/NewCardForm.tsx:254
+#: src/views/board/components/NewCardForm.tsx:307
 msgid "Card title"
 msgstr "Kartentitel"
 
@@ -267,6 +310,10 @@ msgstr "Ändere die Sprache der App."
 msgid "Check your inbox"
 msgstr "Überprüfe deinen Posteingang"
 
+#: src/views/card/components/NewChecklistForm.tsx:118
+msgid "Checklist name"
+msgstr "Checklistenname"
+
 #: src/views/board/components/Filters.tsx:155
 msgid "Clear filters"
 msgstr "Filter löschen"
@@ -304,6 +351,15 @@ msgstr "Abgeschlossen"
 msgid "Complete control and ownership:"
 msgstr "Vollständige Kontrolle und Eigentum:"
 
+#: src/views/card/components/ActivityList.tsx:74
+msgid "completed a checklist item"
+msgstr "hat ein Checklistenelement abgeschlossen"
+
+#. placeholder {0}: truncate(toTitle)
+#: src/views/card/components/ActivityList.tsx:187
+msgid "completed checklist item <0>{0}</0>"
+msgstr "hat Checklistenelement <0>{0}</0> abgeschlossen"
+
 #: src/views/settings/components/CustomURLConfirmation.tsx:42
 msgid "Confirm URL change"
 msgstr "URL-Änderung bestätigen"
@@ -347,8 +403,8 @@ msgid "Control who can view and edit your boards."
 msgstr "Kontrolliere, wer deine Boards ansehen und bearbeiten kann."
 
 #: src/views/board/components/NewListForm.tsx:140
-#: src/views/board/components/NewCardForm.tsx:391
+#: src/views/board/components/NewCardForm.tsx:458
-#: src/components/LabelForm.tsx:212
+#: src/components/LabelForm.tsx:213
 msgid "Create another"
 msgstr "Weitere erstellen"
 
@@ -356,15 +412,19 @@ msgstr "Weitere erstellen"
 msgid "Create board"
 msgstr "Board erstellen"
 
-#: src/views/board/components/NewCardForm.tsx:401
+#: src/views/board/components/NewCardForm.tsx:468
 msgid "Create card"
 msgstr "Karte erstellen"
 
-#: src/components/LabelForm.tsx:233
+#: src/views/card/components/NewChecklistForm.tsx:134
+msgid "Create checklist"
+msgstr "Checkliste erstellen"
+
+#: src/components/LabelForm.tsx:238
 msgid "Create label"
 msgstr "Label erstellen"
 
-#: src/views/board/components/NewListForm.tsx:148
+#: src/views/board/components/NewListForm.tsx:152
 msgid "Create list"
 msgstr "Liste erstellen"
 
@@ -377,11 +437,11 @@ msgid "Create new key"
 msgstr "Neuen Schlüssel erstellen"
 
 #: src/views/card/components/LabelSelector.tsx:98
-#: src/views/board/components/NewCardForm.tsx:327
+#: src/views/board/components/NewCardForm.tsx:394
 msgid "Create new label"
 msgstr "Neues Label erstellen"
 
-#: src/views/board/index.tsx:335
+#: src/views/board/index.tsx:425
 msgid "Create new list"
 msgstr "Neue Liste erstellen"
 
@@ -390,7 +450,7 @@ msgstr "Neue Liste erstellen"
 msgid "Create workspace"
 msgstr "Arbeitsbereich erstellen"
 
-#: src/views/card/components/ActivityList.tsx:52
+#: src/views/card/components/ActivityList.tsx:61
 msgid "created the card"
 msgstr "hat die Karte erstellt"
 
@@ -415,8 +475,10 @@ msgid "Dark"
 msgstr "Dunkel"
 
 #: src/views/card/components/DeleteCommentConfirmation.tsx:82
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:66
 #: src/views/card/components/DeleteCardConfirmation.tsx:92
-#: src/components/LabelForm.tsx:226
+#: src/components/LabelForm.tsx:228
+#: src/components/DeleteLabelConfirmation.tsx:51
 msgid "Delete"
 msgstr "Löschen"
 
@@ -430,11 +492,11 @@ msgstr "Konto löschen"
 msgid "Delete board"
 msgstr "Board löschen"
 
-#: src/views/card/components/Dropdown.tsx:14
+#: src/views/card/components/Dropdown.tsx:25
 msgid "Delete card"
 msgstr "Karte löschen"
 
-#: src/views/card/components/Comment.tsx:89
+#: src/views/card/components/Comment.tsx:91
 msgid "Delete comment"
 msgstr "Kommentar löschen"
 
@@ -448,6 +510,24 @@ msgstr "Liste löschen"
 msgid "Delete workspace"
 msgstr "Workspace löschen"
 
+#: src/views/card/components/ActivityList.tsx:71
+msgid "deleted a checklist"
+msgstr "hat eine Checkliste gelöscht"
+
+#: src/views/card/components/ActivityList.tsx:76
+msgid "deleted a checklist item"
+msgstr "hat ein Checklistenelement gelöscht"
+
+#. placeholder {0}: truncate(fromTitle)
+#: src/views/card/components/ActivityList.tsx:162
+msgid "deleted checklist <0>{0}</0>"
+msgstr "hat Checkliste <0>{0}</0> gelöscht"
+
+#. placeholder {0}: truncate(fromTitle)
+#: src/views/card/components/ActivityList.tsx:205
+msgid "deleted checklist item <0>{0}</0>"
+msgstr "hat Checklistenelement <0>{0}</0> gelöscht"
+
 #: src/views/boards/components/TemplateBoards.tsx:32
 msgid "Design"
 msgstr "Design"
@@ -510,11 +590,11 @@ msgstr "Erledigt"
 msgid "Edit board URL"
 msgstr "Board-URL bearbeiten"
 
-#: src/views/card/components/Comment.tsx:80
+#: src/views/card/components/Comment.tsx:82
 msgid "Edit comment"
 msgstr "Kommentar bearbeiten"
 
-#: src/components/LabelForm.tsx:118
+#: src/components/LabelForm.tsx:119
 msgid "Edit label"
 msgstr "Label bearbeiten"
 
@@ -530,7 +610,7 @@ msgstr "Bearbeitung"
 msgid "email"
 msgstr "E-Mail"
 
-#: src/views/members/components/InviteMemberForm.tsx:64
+#: src/views/members/components/InviteMemberForm.tsx:99
 msgid "Email"
 msgstr "E-Mail"
 
@@ -554,6 +634,10 @@ msgstr "Gib dein Passwort ein"
 msgid "Error deleting account"
 msgstr "Fehler beim Löschen des Kontos"
 
+#: src/components/DeleteLabelConfirmation.tsx:25
+msgid "Error deleting label"
+msgstr "Fehler beim Löschen des Labels"
+
 #: src/views/settings/components/DeleteWorkspaceConfirmation.tsx:45
 msgid "Error deleting workspace"
 msgstr "Fehler beim Löschen des Arbeitsbereichs"
@@ -562,6 +646,11 @@ msgstr "Fehler beim Löschen des Arbeitsbereichs"
 msgid "Error disconnecting Trello"
 msgstr "Fehler beim Trennen von Trello"
 
+#: src/views/members/components/InviteMemberForm.tsx:57
+#: src/views/members/components/InviteMemberForm.tsx:63
+msgid "Error inviting member"
+msgstr "Fehler beim Einladen des Mitglieds"
+
 #: src/views/settings/components/UpdateDisplayNameForm.tsx:54
 msgid "Error updating display name"
 msgstr "Fehler beim Aktualisieren des Anzeigenamens"
@@ -676,7 +765,7 @@ msgstr "Loslegen"
 msgid "Get started by creating a new board"
 msgstr "Beginne, indem du ein neues Board erstellst"
 
-#: src/views/board/index.tsx:327
+#: src/views/board/index.tsx:417
 msgid "Get started by creating a new list"
 msgstr "Beginne mit dem Erstellen einer neuen Liste"
 
@@ -799,11 +888,19 @@ msgstr "Integrationen"
 msgid "Interviewing"
 msgstr "Vorstellungsgespräch"
 
+#: src/views/members/components/InviteMemberForm.tsx:26
+msgid "Invalid email address"
+msgstr "Ungültige E-Mail-Adresse"
+
 #: src/views/members/index.tsx:169
 msgid "Invite"
 msgstr "Einladen"
 
-#: src/views/members/components/InviteMemberForm.tsx:82
+#: src/views/members/components/InviteMemberForm.tsx:113
+msgid "Invite another"
+msgstr "Weitere Person einladen"
+
+#: src/views/members/components/InviteMemberForm.tsx:123
 #: src/views/card/components/MemberSelector.tsx:112
 msgid "Invite member"
 msgstr "Mitglied einladen"
@@ -825,8 +922,8 @@ msgstr "Kanban neu gedacht"
 msgid "Keep in mind that this action is irreversible."
 msgstr "Beachten Sie, dass diese Aktion nicht rückgängig gemacht werden kann."
 
-#: src/views/card/index.tsx:113
+#: src/views/card/index.tsx:118
-#: src/views/board/components/NewCardForm.tsx:331
+#: src/views/board/components/NewCardForm.tsx:398
 #: src/views/board/components/Filters.tsx:101
 msgid "Labels"
 msgstr "Labels"
@@ -855,11 +952,11 @@ msgstr "Lizenz"
 msgid "Light"
 msgstr "Hell"
 
-#: src/views/public/board/index.tsx:51
+#: src/views/public/board/index.tsx:57
 msgid "Link copied"
 msgstr "Link kopiert"
 
-#: src/views/card/index.tsx:105
+#: src/views/card/index.tsx:110
 msgid "List"
 msgstr "Liste"
 
@@ -887,13 +984,22 @@ msgstr "Niedrige Priorität"
 msgid "magic link"
 msgstr "Magic Link"
 
+#: src/views/card/components/ActivityList.tsx:75
+msgid "marked a checklist item as incomplete"
+msgstr "hat ein Checklistenelement als unvollständig markiert"
+
+#. placeholder {0}: truncate(toTitle)
+#: src/views/card/components/ActivityList.tsx:196
+msgid "marked checklist item <0>{0}</0> as incomplete"
+msgstr "hat Checklistenelement <0>{0}</0> als unvollständig markiert"
+
 #: src/views/boards/components/TemplateBoards.tsx:17
 msgid "Medium Priority"
 msgstr "Mittlere Priorität"
 
 #: src/views/members/index.tsx:161
-#: src/views/card/index.tsx:121
+#: src/views/card/index.tsx:126
-#: src/views/board/components/NewCardForm.tsx:290
+#: src/views/board/components/NewCardForm.tsx:357
 #: src/views/board/components/Filters.tsx:93
 #: src/components/SideNavigation.tsx:73
 msgid "Members"
@@ -908,16 +1014,18 @@ msgstr "Mitglieder | {0}"
 msgid "Monthly"
 msgstr "Monatlich"
 
-#: src/views/card/components/ActivityList.tsx:81
+#. placeholder {0}: truncate(fromList)
-msgid "moved the card from <0>{fromList}</0> to<1>{toList}</1>"
+#. placeholder {1}: truncate(toList)
-msgstr "hat die Karte von <0>{fromList}</0> nach <1>{toList}</1> verschoben"
+#: src/views/card/components/ActivityList.tsx:98
+msgid "moved the card from <0>{0}</0> to<1>{1}</1>"
+msgstr "hat die Karte von <0>{0}</0> nach <1>{1}</1> verschoben"
 
-#: src/views/card/components/ActivityList.tsx:55
+#: src/views/card/components/ActivityList.tsx:64
 msgid "moved the card to another list"
 msgstr "hat die Karte in eine andere Liste verschoben"
 
 #: src/views/boards/components/NewBoardForm.tsx:99
-#: src/components/LabelForm.tsx:134
+#: src/components/LabelForm.tsx:135
 msgid "Name"
 msgstr "Name"
 
@@ -933,19 +1041,23 @@ msgstr "Neu"
 msgid "New board"
 msgstr "Neues Board"
 
-#: src/views/board/components/NewCardForm.tsx:237
+#: src/views/board/components/NewCardForm.tsx:290
 msgid "New card"
 msgstr "Neue Karte"
 
+#: src/views/card/components/NewChecklistForm.tsx:102
+msgid "New checklist"
+msgstr "Neue Checkliste"
+
 #: src/views/boards/components/ImportBoardsForm.tsx:322
 msgid "New import"
 msgstr "Neuer Import"
 
-#: src/components/LabelForm.tsx:118
+#: src/components/LabelForm.tsx:119
 msgid "New label"
 msgstr "Neues Label"
 
-#: src/views/board/index.tsx:304
+#: src/views/board/index.tsx:394
 #: src/views/board/components/NewListForm.tsx:112
 msgid "New list"
 msgstr "Neue Liste"
@@ -978,7 +1090,7 @@ msgstr "Keine Boards gefunden"
 msgid "No credit card required"
 msgstr "Keine Kreditkarte erforderlich"
 
-#: src/views/board/index.tsx:324
+#: src/views/board/index.tsx:414
 msgid "No lists"
 msgstr "Keine Listen"
 
@@ -1059,24 +1171,32 @@ msgstr "Bitte wähle eine Datei zum Hochladen aus."
 #: src/views/settings/components/DeleteAccountConfirmation.tsx:40
 #: src/views/settings/components/Avatar.tsx:40
 #: src/views/settings/components/Avatar.tsx:98
+#: src/views/members/components/InviteMemberForm.tsx:64
 #: src/views/members/components/DeleteMemberConfirmation.tsx:28
-#: src/views/card/index.tsx:159
+#: src/views/card/index.tsx:173
 #: src/views/card/components/NewCommentForm.tsx:31
+#: src/views/card/components/NewChecklistItemForm.tsx:89
+#: src/views/card/components/NewChecklistForm.tsx:70
 #: src/views/card/components/MemberSelector.tsx:80
 #: src/views/card/components/ListSelector.tsx:53
 #: src/views/card/components/LabelSelector.tsx:73
 #: src/views/card/components/DeleteCommentConfirmation.tsx:45
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:37
 #: src/views/card/components/DeleteCardConfirmation.tsx:52
-#: src/views/card/components/Comment.tsx:62
+#: src/views/card/components/Comment.tsx:64
+#: src/views/card/components/ChecklistNameInput.tsx:46
+#: src/views/card/components/ChecklistItemRow.tsx:60
+#: src/views/card/components/ChecklistItemRow.tsx:88
 #: src/views/boards/components/ImportBoardsForm.tsx:205
-#: src/views/board/index.tsx:135
+#: src/views/board/index.tsx:134
-#: src/views/board/index.tsx:191
+#: src/views/board/index.tsx:190
 #: src/views/board/components/VisibilityButton.tsx:53
 #: src/views/board/components/UpdateBoardSlugForm.tsx:72
 #: src/views/board/components/NewListForm.tsx:78
-#: src/views/board/components/NewCardForm.tsx:128
+#: src/views/board/components/NewCardForm.tsx:174
 #: src/components/NewWorkspaceForm.tsx:41
 #: src/components/FeedbackModal.tsx:41
+#: src/components/DeleteLabelConfirmation.tsx:26
 msgid "Please try again later, or contact customer support."
 msgstr "Bitte versuche es später noch einmal oder kontaktiere den Kundensupport."
 
@@ -1142,17 +1262,32 @@ msgstr "Entfernen"
 msgid "Remove member"
 msgstr "Mitglied entfernen"
 
-#: src/views/card/components/ActivityList.tsx:57
+#: src/views/card/components/ActivityList.tsx:66
 msgid "removed a label from the card"
 msgstr "hat ein Label von der Karte entfernt"
 
-#: src/views/card/components/ActivityList.tsx:59
+#: src/views/card/components/ActivityList.tsx:68
 msgid "removed a member from the card"
 msgstr "hat ein Mitglied von der Karte entfernt"
 
-#: src/views/card/components/ActivityList.tsx:118
+#. placeholder {0}: truncate(label)
-msgid "removed label <0>{label}</0>"
+#: src/views/card/components/ActivityList.tsx:138
-msgstr "hat Label <0>{label}</0> entfernt"
+msgid "removed label <0>{0}</0>"
+msgstr "hat Label <0>{0}</0> entfernt"
+
+#: src/views/card/components/ActivityList.tsx:70
+msgid "renamed a checklist"
+msgstr "hat eine Checkliste umbenannt"
+
+#. placeholder {0}: truncate(toTitle)
+#: src/views/card/components/ActivityList.tsx:154
+msgid "renamed checklist <0>{0}</0>"
+msgstr "hat Checkliste <0>{0}</0> umbenannt"
+
+#. placeholder {0}: truncate(toTitle)
+#: src/views/card/components/ActivityList.tsx:178
+msgid "renamed checklist item to <0>{0}</0>"
+msgstr "hat Checklistenelement in <0>{0}</0> umbenannt"
 
 #: src/views/boards/components/TemplateBoards.tsx:76
 msgid "Research"
@@ -1187,7 +1322,7 @@ msgstr "Rolle"
 msgid "Run on your own infrastructure"
 msgstr "Auf eigener Infrastruktur betreiben"
 
-#: src/views/card/components/Comment.tsx:163
+#: src/views/card/components/Comment.tsx:165
 msgid "Save"
 msgstr "Speichern"
 
@@ -1215,7 +1350,7 @@ msgstr "Selbst hosten"
 msgid "Self host with Github"
 msgstr "Selbst hosten mit Github"
 
-#: src/views/card/components/ActivityList.tsx:89
+#: src/views/card/components/ActivityList.tsx:107
 msgid "self-assigned the card"
 msgstr "hat sich selbst die Karte zugewiesen"
 
@@ -1334,10 +1469,16 @@ msgid "They won't be able to access this workspace."
 msgstr "Sie werden keinen Zugriff mehr auf diesen Workspace haben."
 
 #: src/views/card/components/DeleteCommentConfirmation.tsx:68
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:58
 #: src/views/card/components/DeleteCardConfirmation.tsx:78
+#: src/components/DeleteLabelConfirmation.tsx:44
 msgid "This action can't be undone."
 msgstr "Diese Aktion kann nicht rückgängig gemacht werden."
 
+#: src/views/public/board/index.tsx:146
+msgid "This board is private or does not exist"
+msgstr "Dieses Board ist privat oder existiert nicht"
+
 #: src/views/board/components/UpdateBoardSlugForm.tsx:135
 msgid "This board URL has already been taken"
 msgstr "Diese Board-URL ist bereits vergeben"
@@ -1379,14 +1520,22 @@ msgstr "Trello-importe"
 msgid "Triaging"
 msgstr "Priorisierung"
 
+#: src/views/card/components/NewChecklistItemForm.tsx:88
+msgid "Unable to add checklist item"
+msgstr "Checklistenelement kann nicht hinzugefügt werden"
+
 #: src/views/card/components/NewCommentForm.tsx:30
 msgid "Unable to add comment"
 msgstr "Kommentar konnte nicht hinzugefügt werden"
 
-#: src/views/board/components/NewCardForm.tsx:125
+#: src/views/board/components/NewCardForm.tsx:171
 msgid "Unable to create card"
 msgstr "Karte konnte nicht erstellt werden"
 
+#: src/views/card/components/NewChecklistForm.tsx:69
+msgid "Unable to create checklist"
+msgstr "Checkliste kann nicht erstellt werden"
+
 #: src/views/board/components/NewListForm.tsx:77
 msgid "Unable to create list"
 msgstr "Liste konnte nicht erstellt werden"
@@ -1399,6 +1548,14 @@ msgstr "Workspace konnte nicht erstellt werden"
 msgid "Unable to delete card"
 msgstr "Karte konnte nicht gelöscht werden"
 
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:36
+msgid "Unable to delete checklist"
+msgstr "Checkliste kann nicht gelöscht werden"
+
+#: src/views/card/components/ChecklistItemRow.tsx:87
+msgid "Unable to delete checklist item"
+msgstr "Checklistenelement kann nicht gelöscht werden"
+
 #: src/views/card/components/DeleteCommentConfirmation.tsx:44
 msgid "Unable to delete comment"
 msgstr "Kommentar konnte nicht gelöscht werden"
@@ -1419,12 +1576,20 @@ msgstr "Board-URL kann nicht aktualisiert werden"
 msgid "Unable to update board visibility"
 msgstr "Board-Sichtbarkeit konnte nicht aktualisiert werden"
 
-#: src/views/card/index.tsx:158
+#: src/views/card/index.tsx:172
-#: src/views/board/index.tsx:190
+#: src/views/board/index.tsx:189
 msgid "Unable to update card"
 msgstr "Karte konnte nicht aktualisiert werden"
 
-#: src/views/card/components/Comment.tsx:61
+#: src/views/card/components/ChecklistNameInput.tsx:45
+msgid "Unable to update checklist"
+msgstr "Checkliste kann nicht aktualisiert werden"
+
+#: src/views/card/components/ChecklistItemRow.tsx:59
+msgid "Unable to update checklist item"
+msgstr "Checklistenelement kann nicht aktualisiert werden"
+
+#: src/views/card/components/Comment.tsx:63
 msgid "Unable to update comment"
 msgstr "Kommentar konnte nicht aktualisiert werden"
 
@@ -1433,7 +1598,7 @@ msgid "Unable to update labels"
 msgstr "Labels konnten nicht aktualisiert werden"
 
 #: src/views/card/components/ListSelector.tsx:52
-#: src/views/board/index.tsx:134
+#: src/views/board/index.tsx:133
 msgid "Unable to update list"
 msgstr "Liste konnte nicht aktualisiert werden"
 
@@ -1441,11 +1606,12 @@ msgstr "Liste konnte nicht aktualisiert werden"
 msgid "Unable to update members"
 msgstr "Mitglieder konnten nicht aktualisiert werden"
 
-#: src/views/card/components/ActivityList.tsx:102
+#. placeholder {0}: truncate(memberName)
-msgid "unassigned <0>{memberName}</0> from the card"
+#: src/views/card/components/ActivityList.tsx:121
-msgstr "<0>{memberName}</0> von der Karte entfernt"
+msgid "unassigned <0>{0}</0> from the card"
+msgstr "hat <0>{0}</0> von der Karte entfernt"
 
-#: src/views/card/components/ActivityList.tsx:99
+#: src/views/card/components/ActivityList.tsx:118
 msgid "unassigned themselves from the card"
 msgstr "hat sich selbst von der Karte entfernt"
 
@@ -1477,25 +1643,30 @@ msgstr "Unbegrenzte listen"
 #: src/views/settings/components/UpdateWorkspaceNameForm.tsx:82
 #: src/views/settings/components/UpdateWorkspaceDescriptionForm.tsx:90
 #: src/views/settings/components/UpdateDisplayNameForm.tsx:79
-#: src/views/board/components/UpdateBoardSlugForm.tsx:173
+#: src/views/board/components/UpdateBoardSlugForm.tsx:174
 msgid "Update"
 msgstr "Aktualisieren"
 
-#: src/components/LabelForm.tsx:233
+#: src/components/LabelForm.tsx:238
 msgid "Update label"
 msgstr "Label aktualisieren"
 
-#: src/views/card/components/ActivityList.tsx:54
+#: src/views/card/components/ActivityList.tsx:73
+msgid "updated a checklist item"
+msgstr "hat ein Checklistenelement aktualisiert"
+
+#: src/views/card/components/ActivityList.tsx:63
 msgid "updated the description"
 msgstr "hat die Beschreibung aktualisiert"
 
-#: src/views/card/components/ActivityList.tsx:53
+#: src/views/card/components/ActivityList.tsx:62
 msgid "updated the title"
 msgstr "hat den Titel aktualisiert"
 
-#: src/views/card/components/ActivityList.tsx:73
+#. placeholder {0}: truncate(toTitle)
-msgid "updated the title to <0>{toTitle}</0>"
+#: src/views/card/components/ActivityList.tsx:90
-msgstr "hat den Titel zu <0>{toTitle}</0> aktualisiert"
+msgid "updated the title to <0>{0}</0>"
+msgstr "hat den Titel in <0>{0}</0> geändert"
 
 #: src/views/settings/components/CustomURLConfirmation.tsx:52
 msgid "Upgrade"
@@ -1526,6 +1697,10 @@ msgstr "Vorlage verwenden"
 msgid "User"
 msgstr "Benutzer"
 
+#: src/views/members/components/InviteMemberForm.tsx:58
+msgid "User is already a member of this workspace"
+msgstr "Benutzer ist bereits Mitglied dieses Arbeitsbereichs"
+
 #: src/views/boards/components/TemplateBoards.tsx:37
 msgid "Video"
 msgstr "Video"
@@ -1542,10 +1717,18 @@ msgstr "Verwalte deine Abrechnung und dein Abonnement."
 msgid "View docs"
 msgstr "Dokumentation ansehen"
 
+#: src/views/public/board/index.tsx:120
+msgid "View only"
+msgstr "Nur ansehen"
+
 #: src/views/home/components/Features.tsx:147
 msgid "View our roadmap."
 msgstr "Sieh dir unsere roadmap an."
 
+#: src/views/public/board/index.tsx:149
+msgid "View workspace"
+msgstr "Workspace anzeigen"
+
 #: src/views/board/components/VisibilityButton.tsx:91
 msgid "Visibility"
 msgstr "Sichtbarkeit"
@@ -1578,7 +1761,7 @@ msgstr "Als Trello 2011 auf den markt kam, beeindruckte es alle mit seiner sorgf
 msgid "Why make an open source Trello?"
 msgstr "Warum ein open source Trello entwickeln?"
 
-#: src/views/board/index.tsx:241
+#: src/views/board/index.tsx:331
 msgid "Workspace"
 msgstr "Arbeitsbereich"
 

apps/web/src/locales/en/messages.po

@@ -13,7 +13,7 @@ msgstr ""
 "Language-Team: \n"
 "Plural-Forms: \n"
 
-#: src/views/card/components/Comment.tsx:121
+#: src/views/card/components/Comment.tsx:123
 msgid " (edited)"
 msgstr " (edited)"
 
@@ -23,12 +23,12 @@ msgstr ", or see our"
 
 #. placeholder {0}: card?.title ?? "Card"
 #. placeholder {1}: board?.name ?? "Board"
-#: src/views/card/index.tsx:189
+#: src/views/card/index.tsx:214
 msgid "{0} | {1}"
 msgstr "{0} | {1}"
 
 #. placeholder {0}: labelPublicIds.length
-#: src/views/board/components/NewCardForm.tsx:365
+#: src/views/board/components/NewCardForm.tsx:432
 msgid "{0} labels"
 msgstr "{0} labels"
 
@@ -60,8 +60,8 @@ msgstr "A powerful, flexible kanban app that helps you organise work, track prog
 msgid "Account deleted"
 msgstr "Account deleted"
 
-#: src/views/public/board/CardModal.tsx:104
+#: src/views/public/board/CardModal.tsx:140
-#: src/views/card/index.tsx:256
+#: src/views/card/index.tsx:288
 msgid "Activity"
 msgstr "Activity"
 
@@ -74,35 +74,74 @@ msgid "Add a card"
 msgstr "Add a card"
 
 #: src/views/card/components/NewCommentForm.tsx:57
-#: src/views/card/components/Comment.tsx:144
+#: src/views/card/components/Comment.tsx:146
 msgid "Add a comment..."
 msgstr "Add a comment..."
 
-#: src/components/Editor.tsx:302
+#: src/views/card/components/NewChecklistItemForm.tsx:140
-msgid "Add description... (type '/' to open commands)"
+msgid "Add an item..."
-msgstr "Add description... (type '/' to open commands)"
+msgstr "Add an item..."
+
+#: src/views/card/components/Dropdown.tsx:18
+msgid "Add checklist"
+msgstr "Add checklist"
+
+#: src/components/Editor.tsx:442
+msgid "Add description... (type '/' to open commands or '@' to mention)"
+msgstr "Add description... (type '/' to open commands or '@' to mention)"
+
+#: src/components/Editor.tsx:308
+#~ msgid "Add description... (type '/' to open commands)"
+#~ msgstr "Add description... (type '/' to open commands)"
+
+#: src/views/card/components/ChecklistItemRow.tsx:172
+msgid "Add details..."
+msgstr "Add details..."
 
 #: src/views/card/components/LabelSelector.tsx:110
 #: src/views/card/components/LabelSelector.tsx:118
 msgid "Add label"
 msgstr "Add label"
 
-#: src/views/members/components/InviteMemberForm.tsx:50
+#: src/views/members/components/InviteMemberForm.tsx:85
 #: src/views/card/components/MemberSelector.tsx:130
 msgid "Add member"
 msgstr "Add member"
 
-#: src/views/card/components/ActivityList.tsx:56
+#: src/views/card/components/ActivityList.tsx:69
+msgid "added a checklist"
+msgstr "added a checklist"
+
+#: src/views/card/components/ActivityList.tsx:72
+msgid "added a checklist item"
+msgstr "added a checklist item"
+
+#: src/views/card/components/ActivityList.tsx:65
 msgid "added a label to the card"
 msgstr "added a label to the card"
 
-#: src/views/card/components/ActivityList.tsx:58
+#: src/views/card/components/ActivityList.tsx:67
 msgid "added a member to the card"
 msgstr "added a member to the card"
 
+#. placeholder {0}: truncate(toTitle)
+#: src/views/card/components/ActivityList.tsx:146
+msgid "added checklist <0>{0}</0>"
+msgstr "added checklist <0>{0}</0>"
+
+#. placeholder {0}: truncate(toTitle)
+#: src/views/card/components/ActivityList.tsx:170
+msgid "added checklist item <0>{0}</0>"
+msgstr "added checklist item <0>{0}</0>"
+
+#. placeholder {0}: truncate(label)
+#: src/views/card/components/ActivityList.tsx:130
+msgid "added label <0>{0}</0>"
+msgstr "added label <0>{0}</0>"
+
 #: src/views/card/components/ActivityList.tsx:110
-msgid "added label <0>{label}</0>"
+#~ msgid "added label <0>{label}</0>"
-msgstr "added label <0>{label}</0>"
+#~ msgstr "added label <0>{label}</0>"
 
 #: src/views/home/components/Pricing.tsx:55
 msgid "Admin roles"
@@ -157,17 +196,30 @@ msgstr "Are you sure you want to delete the workspace {0}?"
 msgid "Are you sure you want to delete this card?"
 msgstr "Are you sure you want to delete this card?"
 
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:55
+msgid "Are you sure you want to delete this checklist?"
+msgstr "Are you sure you want to delete this checklist?"
+
 #: src/views/card/components/DeleteCommentConfirmation.tsx:65
 msgid "Are you sure you want to delete this comment?"
 msgstr "Are you sure you want to delete this comment?"
 
+#: src/components/DeleteLabelConfirmation.tsx:41
+msgid "Are you sure you want to delete this label?"
+msgstr "Are you sure you want to delete this label?"
+
 #: src/views/settings/components/DeleteAccountConfirmation.tsx:54
 msgid "Are you sure you want to delete your account?"
 msgstr "Are you sure you want to delete your account?"
 
+#. placeholder {0}: truncate(memberName)
+#: src/views/card/components/ActivityList.tsx:110
+msgid "assigned <0>{0}</0> to the card"
+msgstr "assigned <0>{0}</0> to the card"
+
 #: src/views/card/components/ActivityList.tsx:92
-msgid "assigned <0>{memberName}</0> to the card"
+#~ msgid "assigned <0>{memberName}</0> to the card"
-msgstr "assigned <0>{memberName}</0> to the card"
+#~ msgstr "assigned <0>{memberName}</0> to the card"
 
 #: src/views/boards/components/TemplateBoards.tsx:46
 msgid "Awaiting Customer"
@@ -198,7 +250,7 @@ msgstr "Billing portal"
 msgid "Blog Post"
 msgstr "Blog Post"
 
-#: src/views/board/index.tsx:241
+#: src/views/board/index.tsx:331
 msgid "Board"
 msgstr "Board"
 
@@ -214,7 +266,8 @@ msgstr "Board name cannot exceed 100 characters"
 msgid "Board name is required"
 msgstr "Board name is required"
 
-#: src/views/board/index.tsx:267
+#: src/views/public/board/index.tsx:143
+#: src/views/board/index.tsx:357
 msgid "Board not found"
 msgstr "Board not found"
 
@@ -226,7 +279,7 @@ msgstr "Board URL can only contain letters, numbers, and hyphens"
 msgid "Board URL cannot exceed 60 characters"
 msgstr "Board URL cannot exceed 60 characters"
 
-#: src/views/public/board/index.tsx:53
+#: src/views/public/board/index.tsx:59
 msgid "Board URL copied to clipboard"
 msgstr "Board URL copied to clipboard"
 
@@ -273,16 +326,18 @@ msgstr "Bug Report"
 #: src/views/settings/components/CustomURLConfirmation.tsx:50
 #: src/views/members/components/DeleteMemberConfirmation.tsx:55
 #: src/views/card/components/DeleteCommentConfirmation.tsx:76
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:63
 #: src/views/card/components/DeleteCardConfirmation.tsx:86
-#: src/views/card/components/Comment.tsx:156
+#: src/views/card/components/Comment.tsx:158
+#: src/components/DeleteLabelConfirmation.tsx:49
 msgid "Cancel"
 msgstr "Cancel"
 
-#: src/views/card/index.tsx:234
+#: src/views/card/index.tsx:259
 msgid "Card not found"
 msgstr "Card not found"
 
-#: src/views/board/components/NewCardForm.tsx:254
+#: src/views/board/components/NewCardForm.tsx:307
 msgid "Card title"
 msgstr "Card title"
 
@@ -295,6 +350,10 @@ msgstr "Change the language of the app."
 msgid "Check your inbox"
 msgstr "Check your inbox"
 
+#: src/views/card/components/NewChecklistForm.tsx:118
+msgid "Checklist name"
+msgstr "Checklist name"
+
 #: src/views/board/components/Filters.tsx:155
 msgid "Clear filters"
 msgstr "Clear filters"
@@ -332,6 +391,15 @@ msgstr "Complete"
 msgid "Complete control and ownership:"
 msgstr "Complete control and ownership:"
 
+#: src/views/card/components/ActivityList.tsx:74
+msgid "completed a checklist item"
+msgstr "completed a checklist item"
+
+#. placeholder {0}: truncate(toTitle)
+#: src/views/card/components/ActivityList.tsx:187
+msgid "completed checklist item <0>{0}</0>"
+msgstr "completed checklist item <0>{0}</0>"
+
 #: src/views/settings/components/CustomURLConfirmation.tsx:42
 msgid "Confirm URL change"
 msgstr "Confirm URL change"
@@ -375,8 +443,8 @@ msgid "Control who can view and edit your boards."
 msgstr "Control who can view and edit your boards."
 
 #: src/views/board/components/NewListForm.tsx:140
-#: src/views/board/components/NewCardForm.tsx:391
+#: src/views/board/components/NewCardForm.tsx:458
-#: src/components/LabelForm.tsx:212
+#: src/components/LabelForm.tsx:213
 msgid "Create another"
 msgstr "Create another"
 
@@ -392,15 +460,19 @@ msgstr "Create another"
 msgid "Create board"
 msgstr "Create board"
 
-#: src/views/board/components/NewCardForm.tsx:401
+#: src/views/board/components/NewCardForm.tsx:468
 msgid "Create card"
 msgstr "Create card"
 
-#: src/components/LabelForm.tsx:233
+#: src/views/card/components/NewChecklistForm.tsx:134
+msgid "Create checklist"
+msgstr "Create checklist"
+
+#: src/components/LabelForm.tsx:238
 msgid "Create label"
 msgstr "Create label"
 
-#: src/views/board/components/NewListForm.tsx:148
+#: src/views/board/components/NewListForm.tsx:152
 msgid "Create list"
 msgstr "Create list"
 
@@ -413,11 +485,11 @@ msgid "Create new key"
 msgstr "Create new key"
 
 #: src/views/card/components/LabelSelector.tsx:98
-#: src/views/board/components/NewCardForm.tsx:327
+#: src/views/board/components/NewCardForm.tsx:394
 msgid "Create new label"
 msgstr "Create new label"
 
-#: src/views/board/index.tsx:335
+#: src/views/board/index.tsx:425
 msgid "Create new list"
 msgstr "Create new list"
 
@@ -426,7 +498,7 @@ msgstr "Create new list"
 msgid "Create workspace"
 msgstr "Create workspace"
 
-#: src/views/card/components/ActivityList.tsx:52
+#: src/views/card/components/ActivityList.tsx:61
 msgid "created the card"
 msgstr "created the card"
 
@@ -451,8 +523,10 @@ msgid "Dark"
 msgstr "Dark"
 
 #: src/views/card/components/DeleteCommentConfirmation.tsx:82
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:66
 #: src/views/card/components/DeleteCardConfirmation.tsx:92
-#: src/components/LabelForm.tsx:226
+#: src/components/LabelForm.tsx:228
+#: src/components/DeleteLabelConfirmation.tsx:51
 msgid "Delete"
 msgstr "Delete"
 
@@ -466,11 +540,11 @@ msgstr "Delete account"
 msgid "Delete board"
 msgstr "Delete board"
 
-#: src/views/card/components/Dropdown.tsx:14
+#: src/views/card/components/Dropdown.tsx:25
 msgid "Delete card"
 msgstr "Delete card"
 
-#: src/views/card/components/Comment.tsx:89
+#: src/views/card/components/Comment.tsx:91
 msgid "Delete comment"
 msgstr "Delete comment"
 
@@ -484,6 +558,24 @@ msgstr "Delete list"
 msgid "Delete workspace"
 msgstr "Delete workspace"
 
+#: src/views/card/components/ActivityList.tsx:71
+msgid "deleted a checklist"
+msgstr "deleted a checklist"
+
+#: src/views/card/components/ActivityList.tsx:76
+msgid "deleted a checklist item"
+msgstr "deleted a checklist item"
+
+#. placeholder {0}: truncate(fromTitle)
+#: src/views/card/components/ActivityList.tsx:162
+msgid "deleted checklist <0>{0}</0>"
+msgstr "deleted checklist <0>{0}</0>"
+
+#. placeholder {0}: truncate(fromTitle)
+#: src/views/card/components/ActivityList.tsx:205
+msgid "deleted checklist item <0>{0}</0>"
+msgstr "deleted checklist item <0>{0}</0>"
+
 #: src/views/boards/components/TemplateBoards.tsx:32
 msgid "Design"
 msgstr "Design"
@@ -546,11 +638,11 @@ msgstr "Done"
 msgid "Edit board URL"
 msgstr "Edit board URL"
 
-#: src/views/card/components/Comment.tsx:80
+#: src/views/card/components/Comment.tsx:82
 msgid "Edit comment"
 msgstr "Edit comment"
 
-#: src/components/LabelForm.tsx:118
+#: src/components/LabelForm.tsx:119
 msgid "Edit label"
 msgstr "Edit label"
 
@@ -566,7 +658,7 @@ msgstr "Editing"
 msgid "email"
 msgstr "email"
 
-#: src/views/members/components/InviteMemberForm.tsx:64
+#: src/views/members/components/InviteMemberForm.tsx:99
 msgid "Email"
 msgstr "Email"
 
@@ -590,6 +682,10 @@ msgstr "Enter your password"
 msgid "Error deleting account"
 msgstr "Error deleting account"
 
+#: src/components/DeleteLabelConfirmation.tsx:25
+msgid "Error deleting label"
+msgstr "Error deleting label"
+
 #: src/views/settings/components/DeleteWorkspaceConfirmation.tsx:45
 msgid "Error deleting workspace"
 msgstr "Error deleting workspace"
@@ -598,6 +694,11 @@ msgstr "Error deleting workspace"
 msgid "Error disconnecting Trello"
 msgstr "Error disconnecting Trello"
 
+#: src/views/members/components/InviteMemberForm.tsx:57
+#: src/views/members/components/InviteMemberForm.tsx:63
+msgid "Error inviting member"
+msgstr "Error inviting member"
+
 #: src/views/settings/components/UpdateDisplayNameForm.tsx:54
 msgid "Error updating display name"
 msgstr "Error updating display name"
@@ -713,7 +814,7 @@ msgstr "Get Started"
 msgid "Get started by creating a new board"
 msgstr "Get started by creating a new board"
 
-#: src/views/board/index.tsx:327
+#: src/views/board/index.tsx:417
 msgid "Get started by creating a new list"
 msgstr "Get started by creating a new list"
 
@@ -840,11 +941,19 @@ msgstr "Integrations"
 msgid "Interviewing"
 msgstr "Interviewing"
 
+#: src/views/members/components/InviteMemberForm.tsx:26
+msgid "Invalid email address"
+msgstr "Invalid email address"
+
 #: src/views/members/index.tsx:169
 msgid "Invite"
 msgstr "Invite"
 
-#: src/views/members/components/InviteMemberForm.tsx:82
+#: src/views/members/components/InviteMemberForm.tsx:113
+msgid "Invite another"
+msgstr "Invite another"
+
+#: src/views/members/components/InviteMemberForm.tsx:123
 #: src/views/card/components/MemberSelector.tsx:112
 msgid "Invite member"
 msgstr "Invite member"
@@ -866,8 +975,8 @@ msgstr "Kanban reimagined"
 msgid "Keep in mind that this action is irreversible."
 msgstr "Keep in mind that this action is irreversible."
 
-#: src/views/card/index.tsx:113
+#: src/views/card/index.tsx:118
-#: src/views/board/components/NewCardForm.tsx:331
+#: src/views/board/components/NewCardForm.tsx:398
 #: src/views/board/components/Filters.tsx:101
 msgid "Labels"
 msgstr "Labels"
@@ -896,11 +1005,11 @@ msgstr "License"
 msgid "Light"
 msgstr "Light"
 
-#: src/views/public/board/index.tsx:51
+#: src/views/public/board/index.tsx:57
 msgid "Link copied"
 msgstr "Link copied"
 
-#: src/views/card/index.tsx:105
+#: src/views/card/index.tsx:110
 msgid "List"
 msgstr "List"
 
@@ -928,13 +1037,22 @@ msgstr "Low Priority"
 msgid "magic link"
 msgstr "magic link"
 
+#: src/views/card/components/ActivityList.tsx:75
+msgid "marked a checklist item as incomplete"
+msgstr "marked a checklist item as incomplete"
+
+#. placeholder {0}: truncate(toTitle)
+#: src/views/card/components/ActivityList.tsx:196
+msgid "marked checklist item <0>{0}</0> as incomplete"
+msgstr "marked checklist item <0>{0}</0> as incomplete"
+
 #: src/views/boards/components/TemplateBoards.tsx:17
 msgid "Medium Priority"
 msgstr "Medium Priority"
 
 #: src/views/members/index.tsx:161
-#: src/views/card/index.tsx:121
+#: src/views/card/index.tsx:126
-#: src/views/board/components/NewCardForm.tsx:290
+#: src/views/board/components/NewCardForm.tsx:357
 #: src/views/board/components/Filters.tsx:93
 #: src/components/SideNavigation.tsx:73
 msgid "Members"
@@ -949,16 +1067,22 @@ msgstr "Members | {0}"
 msgid "Monthly"
 msgstr "Monthly"
 
-#: src/views/card/components/ActivityList.tsx:81
+#. placeholder {0}: truncate(fromList)
-msgid "moved the card from <0>{fromList}</0> to<1>{toList}</1>"
+#. placeholder {1}: truncate(toList)
-msgstr "moved the card from <0>{fromList}</0> to<1>{toList}</1>"
+#: src/views/card/components/ActivityList.tsx:98
+msgid "moved the card from <0>{0}</0> to<1>{1}</1>"
+msgstr "moved the card from <0>{0}</0> to<1>{1}</1>"
 
-#: src/views/card/components/ActivityList.tsx:55
+#: src/views/card/components/ActivityList.tsx:81
+#~ msgid "moved the card from <0>{fromList}</0> to<1>{toList}</1>"
+#~ msgstr "moved the card from <0>{fromList}</0> to<1>{toList}</1>"
+
+#: src/views/card/components/ActivityList.tsx:64
 msgid "moved the card to another list"
 msgstr "moved the card to another list"
 
 #: src/views/boards/components/NewBoardForm.tsx:99
-#: src/components/LabelForm.tsx:134
+#: src/components/LabelForm.tsx:135
 msgid "Name"
 msgstr "Name"
 
@@ -974,19 +1098,23 @@ msgstr "New"
 msgid "New board"
 msgstr "New board"
 
-#: src/views/board/components/NewCardForm.tsx:237
+#: src/views/board/components/NewCardForm.tsx:290
 msgid "New card"
 msgstr "New card"
 
+#: src/views/card/components/NewChecklistForm.tsx:102
+msgid "New checklist"
+msgstr "New checklist"
+
 #: src/views/boards/components/ImportBoardsForm.tsx:322
 msgid "New import"
 msgstr "New import"
 
-#: src/components/LabelForm.tsx:118
+#: src/components/LabelForm.tsx:119
 msgid "New label"
 msgstr "New label"
 
-#: src/views/board/index.tsx:304
+#: src/views/board/index.tsx:394
 #: src/views/board/components/NewListForm.tsx:112
 msgid "New list"
 msgstr "New list"
@@ -1023,7 +1151,7 @@ msgstr "No boards found"
 msgid "No credit card required"
 msgstr "No credit card required"
 
-#: src/views/board/index.tsx:324
+#: src/views/board/index.tsx:414
 msgid "No lists"
 msgstr "No lists"
 
@@ -1104,24 +1232,32 @@ msgstr "Please select a file to upload."
 #: src/views/settings/components/DeleteAccountConfirmation.tsx:40
 #: src/views/settings/components/Avatar.tsx:40
 #: src/views/settings/components/Avatar.tsx:98
+#: src/views/members/components/InviteMemberForm.tsx:64
 #: src/views/members/components/DeleteMemberConfirmation.tsx:28
-#: src/views/card/index.tsx:159
+#: src/views/card/index.tsx:173
 #: src/views/card/components/NewCommentForm.tsx:31
+#: src/views/card/components/NewChecklistItemForm.tsx:89
+#: src/views/card/components/NewChecklistForm.tsx:70
 #: src/views/card/components/MemberSelector.tsx:80
 #: src/views/card/components/ListSelector.tsx:53
 #: src/views/card/components/LabelSelector.tsx:73
 #: src/views/card/components/DeleteCommentConfirmation.tsx:45
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:37
 #: src/views/card/components/DeleteCardConfirmation.tsx:52
-#: src/views/card/components/Comment.tsx:62
+#: src/views/card/components/Comment.tsx:64
+#: src/views/card/components/ChecklistNameInput.tsx:46
+#: src/views/card/components/ChecklistItemRow.tsx:60
+#: src/views/card/components/ChecklistItemRow.tsx:88
 #: src/views/boards/components/ImportBoardsForm.tsx:205
-#: src/views/board/index.tsx:135
+#: src/views/board/index.tsx:134
-#: src/views/board/index.tsx:191
+#: src/views/board/index.tsx:190
 #: src/views/board/components/VisibilityButton.tsx:53
 #: src/views/board/components/UpdateBoardSlugForm.tsx:72
 #: src/views/board/components/NewListForm.tsx:78
-#: src/views/board/components/NewCardForm.tsx:128
+#: src/views/board/components/NewCardForm.tsx:174
 #: src/components/NewWorkspaceForm.tsx:41
 #: src/components/FeedbackModal.tsx:41
+#: src/components/DeleteLabelConfirmation.tsx:26
 msgid "Please try again later, or contact customer support."
 msgstr "Please try again later, or contact customer support."
 
@@ -1187,17 +1323,36 @@ msgstr "Remove"
 msgid "Remove member"
 msgstr "Remove member"
 
-#: src/views/card/components/ActivityList.tsx:57
+#: src/views/card/components/ActivityList.tsx:66
 msgid "removed a label from the card"
 msgstr "removed a label from the card"
 
-#: src/views/card/components/ActivityList.tsx:59
+#: src/views/card/components/ActivityList.tsx:68
 msgid "removed a member from the card"
 msgstr "removed a member from the card"
 
+#. placeholder {0}: truncate(label)
+#: src/views/card/components/ActivityList.tsx:138
+msgid "removed label <0>{0}</0>"
+msgstr "removed label <0>{0}</0>"
+
 #: src/views/card/components/ActivityList.tsx:118
-msgid "removed label <0>{label}</0>"
+#~ msgid "removed label <0>{label}</0>"
-msgstr "removed label <0>{label}</0>"
+#~ msgstr "removed label <0>{label}</0>"
+
+#: src/views/card/components/ActivityList.tsx:70
+msgid "renamed a checklist"
+msgstr "renamed a checklist"
+
+#. placeholder {0}: truncate(toTitle)
+#: src/views/card/components/ActivityList.tsx:154
+msgid "renamed checklist <0>{0}</0>"
+msgstr "renamed checklist <0>{0}</0>"
+
+#. placeholder {0}: truncate(toTitle)
+#: src/views/card/components/ActivityList.tsx:178
+msgid "renamed checklist item to <0>{0}</0>"
+msgstr "renamed checklist item to <0>{0}</0>"
 
 #: src/views/boards/components/TemplateBoards.tsx:76
 msgid "Research"
@@ -1232,7 +1387,7 @@ msgstr "Role"
 msgid "Run on your own infrastructure"
 msgstr "Run on your own infrastructure"
 
-#: src/views/card/components/Comment.tsx:163
+#: src/views/card/components/Comment.tsx:165
 msgid "Save"
 msgstr "Save"
 
@@ -1260,7 +1415,7 @@ msgstr "Self Host"
 msgid "Self host with Github"
 msgstr "Self host with Github"
 
-#: src/views/card/components/ActivityList.tsx:89
+#: src/views/card/components/ActivityList.tsx:107
 msgid "self-assigned the card"
 msgstr "self-assigned the card"
 
@@ -1383,10 +1538,16 @@ msgid "They won't be able to access this workspace."
 msgstr "They won't be able to access this workspace."
 
 #: src/views/card/components/DeleteCommentConfirmation.tsx:68
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:58
 #: src/views/card/components/DeleteCardConfirmation.tsx:78
+#: src/components/DeleteLabelConfirmation.tsx:44
 msgid "This action can't be undone."
 msgstr "This action can't be undone."
 
+#: src/views/public/board/index.tsx:146
+msgid "This board is private or does not exist"
+msgstr "This board is private or does not exist"
+
 #: src/views/board/components/UpdateBoardSlugForm.tsx:135
 msgid "This board URL has already been taken"
 msgstr "This board URL has already been taken"
@@ -1432,14 +1593,22 @@ msgstr "Trello imports"
 msgid "Triaging"
 msgstr "Triaging"
 
+#: src/views/card/components/NewChecklistItemForm.tsx:88
+msgid "Unable to add checklist item"
+msgstr "Unable to add checklist item"
+
 #: src/views/card/components/NewCommentForm.tsx:30
 msgid "Unable to add comment"
 msgstr "Unable to add comment"
 
-#: src/views/board/components/NewCardForm.tsx:125
+#: src/views/board/components/NewCardForm.tsx:171
 msgid "Unable to create card"
 msgstr "Unable to create card"
 
+#: src/views/card/components/NewChecklistForm.tsx:69
+msgid "Unable to create checklist"
+msgstr "Unable to create checklist"
+
 #: src/views/board/components/NewListForm.tsx:77
 msgid "Unable to create list"
 msgstr "Unable to create list"
@@ -1452,6 +1621,14 @@ msgstr "Unable to create workspace"
 msgid "Unable to delete card"
 msgstr "Unable to delete card"
 
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:36
+msgid "Unable to delete checklist"
+msgstr "Unable to delete checklist"
+
+#: src/views/card/components/ChecklistItemRow.tsx:87
+msgid "Unable to delete checklist item"
+msgstr "Unable to delete checklist item"
+
 #: src/views/card/components/DeleteCommentConfirmation.tsx:44
 msgid "Unable to delete comment"
 msgstr "Unable to delete comment"
@@ -1472,12 +1649,20 @@ msgstr "Unable to update board URL"
 msgid "Unable to update board visibility"
 msgstr "Unable to update board visibility"
 
-#: src/views/card/index.tsx:158
+#: src/views/card/index.tsx:172
-#: src/views/board/index.tsx:190
+#: src/views/board/index.tsx:189
 msgid "Unable to update card"
 msgstr "Unable to update card"
 
-#: src/views/card/components/Comment.tsx:61
+#: src/views/card/components/ChecklistNameInput.tsx:45
+msgid "Unable to update checklist"
+msgstr "Unable to update checklist"
+
+#: src/views/card/components/ChecklistItemRow.tsx:59
+msgid "Unable to update checklist item"
+msgstr "Unable to update checklist item"
+
+#: src/views/card/components/Comment.tsx:63
 msgid "Unable to update comment"
 msgstr "Unable to update comment"
 
@@ -1486,7 +1671,7 @@ msgid "Unable to update labels"
 msgstr "Unable to update labels"
 
 #: src/views/card/components/ListSelector.tsx:52
-#: src/views/board/index.tsx:134
+#: src/views/board/index.tsx:133
 msgid "Unable to update list"
 msgstr "Unable to update list"
 
@@ -1494,11 +1679,16 @@ msgstr "Unable to update list"
 msgid "Unable to update members"
 msgstr "Unable to update members"
 
-#: src/views/card/components/ActivityList.tsx:102
+#. placeholder {0}: truncate(memberName)
-msgid "unassigned <0>{memberName}</0> from the card"
+#: src/views/card/components/ActivityList.tsx:121
-msgstr "unassigned <0>{memberName}</0> from the card"
+msgid "unassigned <0>{0}</0> from the card"
+msgstr "unassigned <0>{0}</0> from the card"
 
-#: src/views/card/components/ActivityList.tsx:99
+#: src/views/card/components/ActivityList.tsx:102
+#~ msgid "unassigned <0>{memberName}</0> from the card"
+#~ msgstr "unassigned <0>{memberName}</0> from the card"
+
+#: src/views/card/components/ActivityList.tsx:118
 msgid "unassigned themselves from the card"
 msgstr "unassigned themselves from the card"
 
@@ -1530,25 +1720,34 @@ msgstr "Unlimited lists"
 #: src/views/settings/components/UpdateWorkspaceNameForm.tsx:82
 #: src/views/settings/components/UpdateWorkspaceDescriptionForm.tsx:90
 #: src/views/settings/components/UpdateDisplayNameForm.tsx:79
-#: src/views/board/components/UpdateBoardSlugForm.tsx:173
+#: src/views/board/components/UpdateBoardSlugForm.tsx:174
 msgid "Update"
 msgstr "Update"
 
-#: src/components/LabelForm.tsx:233
+#: src/components/LabelForm.tsx:238
 msgid "Update label"
 msgstr "Update label"
 
-#: src/views/card/components/ActivityList.tsx:54
+#: src/views/card/components/ActivityList.tsx:73
+msgid "updated a checklist item"
+msgstr "updated a checklist item"
+
+#: src/views/card/components/ActivityList.tsx:63
 msgid "updated the description"
 msgstr "updated the description"
 
-#: src/views/card/components/ActivityList.tsx:53
+#: src/views/card/components/ActivityList.tsx:62
 msgid "updated the title"
 msgstr "updated the title"
 
+#. placeholder {0}: truncate(toTitle)
+#: src/views/card/components/ActivityList.tsx:90
+msgid "updated the title to <0>{0}</0>"
+msgstr "updated the title to <0>{0}</0>"
+
 #: src/views/card/components/ActivityList.tsx:73
-msgid "updated the title to <0>{toTitle}</0>"
+#~ msgid "updated the title to <0>{toTitle}</0>"
-msgstr "updated the title to <0>{toTitle}</0>"
+#~ msgstr "updated the title to <0>{toTitle}</0>"
 
 #: src/views/settings/components/CustomURLConfirmation.tsx:52
 msgid "Upgrade"
@@ -1579,6 +1778,10 @@ msgstr "Use template"
 msgid "User"
 msgstr "User"
 
+#: src/views/members/components/InviteMemberForm.tsx:58
+msgid "User is already a member of this workspace"
+msgstr "User is already a member of this workspace"
+
 #: src/views/boards/components/TemplateBoards.tsx:37
 msgid "Video"
 msgstr "Video"
@@ -1595,10 +1798,18 @@ msgstr "View and manage your billing and subscription."
 msgid "View docs"
 msgstr "View docs"
 
+#: src/views/public/board/index.tsx:120
+msgid "View only"
+msgstr "View only"
+
 #: src/views/home/components/Features.tsx:147
 msgid "View our roadmap."
 msgstr "View our roadmap."
 
+#: src/views/public/board/index.tsx:149
+msgid "View workspace"
+msgstr "View workspace"
+
 #: src/views/board/components/VisibilityButton.tsx:91
 msgid "Visibility"
 msgstr "Visibility"
@@ -1635,7 +1846,7 @@ msgstr "When Trello launched in 2011, it blew everyone away with its carefully d
 msgid "Why make an open source Trello?"
 msgstr "Why make an open source Trello?"
 
-#: src/views/board/index.tsx:241
+#: src/views/board/index.tsx:331
 msgid "Workspace"
 msgstr "Workspace"
 

apps/web/src/locales/es/messages.po

@@ -13,7 +13,7 @@ msgstr ""
 "Language-Team: \n"
 "Plural-Forms: \n"
 
-#: src/views/card/components/Comment.tsx:121
+#: src/views/card/components/Comment.tsx:123
 msgid " (edited)"
 msgstr " (editado)"
 
@@ -23,12 +23,12 @@ msgstr ", o consulta nuestra"
 
 #. placeholder {0}: card?.title ?? "Card"
 #. placeholder {1}: board?.name ?? "Board"
-#: src/views/card/index.tsx:189
+#: src/views/card/index.tsx:214
 msgid "{0} | {1}"
 msgstr "{0} | {1}"
 
 #. placeholder {0}: labelPublicIds.length
-#: src/views/board/components/NewCardForm.tsx:365
+#: src/views/board/components/NewCardForm.tsx:432
 msgid "{0} labels"
 msgstr "{0} etiquetas"
 
@@ -48,8 +48,8 @@ msgstr "Una aplicación kanban potente y flexible que te ayuda a organizar el tr
 msgid "Account deleted"
 msgstr "Cuenta eliminada"
 
-#: src/views/public/board/CardModal.tsx:104
+#: src/views/public/board/CardModal.tsx:140
-#: src/views/card/index.tsx:256
+#: src/views/card/index.tsx:288
 msgid "Activity"
 msgstr "Actividad"
 
@@ -62,35 +62,66 @@ msgid "Add a card"
 msgstr "Añadir una tarjeta"
 
 #: src/views/card/components/NewCommentForm.tsx:57
-#: src/views/card/components/Comment.tsx:144
+#: src/views/card/components/Comment.tsx:146
 msgid "Add a comment..."
 msgstr "Añadir un comentario..."
 
-#: src/components/Editor.tsx:302
+#: src/views/card/components/NewChecklistItemForm.tsx:140
-msgid "Add description... (type '/' to open commands)"
+msgid "Add an item..."
-msgstr "Añadir descripción... (escribe '/' para abrir comandos)"
+msgstr "Añadir un elemento..."
+
+#: src/views/card/components/Dropdown.tsx:18
+msgid "Add checklist"
+msgstr "Añadir lista de verificación"
+
+#: src/components/Editor.tsx:442
+msgid "Add description... (type '/' to open commands or '@' to mention)"
+msgstr "Añadir descripción... (escribe '/' para abrir comandos o '@' para mencionar)"
+
+#: src/views/card/components/ChecklistItemRow.tsx:172
+msgid "Add details..."
+msgstr "Añadir detalles..."
 
 #: src/views/card/components/LabelSelector.tsx:110
 #: src/views/card/components/LabelSelector.tsx:118
 msgid "Add label"
 msgstr "Añadir etiqueta"
 
-#: src/views/members/components/InviteMemberForm.tsx:50
+#: src/views/members/components/InviteMemberForm.tsx:85
 #: src/views/card/components/MemberSelector.tsx:130
 msgid "Add member"
 msgstr "Añadir miembro"
 
-#: src/views/card/components/ActivityList.tsx:56
+#: src/views/card/components/ActivityList.tsx:69
+msgid "added a checklist"
+msgstr "añadió una lista de verificación"
+
+#: src/views/card/components/ActivityList.tsx:72
+msgid "added a checklist item"
+msgstr "añadió un elemento a la lista de verificación"
+
+#: src/views/card/components/ActivityList.tsx:65
 msgid "added a label to the card"
 msgstr "añadió una etiqueta a la tarjeta"
 
-#: src/views/card/components/ActivityList.tsx:58
+#: src/views/card/components/ActivityList.tsx:67
 msgid "added a member to the card"
 msgstr "añadió un miembro a la tarjeta"
 
-#: src/views/card/components/ActivityList.tsx:110
+#. placeholder {0}: truncate(toTitle)
-msgid "added label <0>{label}</0>"
+#: src/views/card/components/ActivityList.tsx:146
-msgstr "añadió la etiqueta <0>{label}</0>"
+msgid "added checklist <0>{0}</0>"
+msgstr "añadió la lista de verificación <0>{0}</0>"
+
+#. placeholder {0}: truncate(toTitle)
+#: src/views/card/components/ActivityList.tsx:170
+msgid "added checklist item <0>{0}</0>"
+msgstr "añadió el elemento <0>{0}</0> a la lista de verificación"
+
+#. placeholder {0}: truncate(label)
+#: src/views/card/components/ActivityList.tsx:130
+msgid "added label <0>{0}</0>"
+msgstr "añadió la etiqueta <0>{0}</0>"
 
 #: src/views/home/components/Pricing.tsx:55
 msgid "Admin roles"
@@ -141,17 +172,26 @@ msgstr "¿Estás seguro de que quieres eliminar el espacio de trabajo {0}?"
 msgid "Are you sure you want to delete this card?"
 msgstr "¿Estás seguro de que quieres eliminar esta tarjeta?"
 
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:55
+msgid "Are you sure you want to delete this checklist?"
+msgstr "¿Estás seguro de que quieres eliminar esta lista de verificación?"
+
 #: src/views/card/components/DeleteCommentConfirmation.tsx:65
 msgid "Are you sure you want to delete this comment?"
 msgstr "¿Estás seguro de que quieres eliminar este comentario?"
 
+#: src/components/DeleteLabelConfirmation.tsx:41
+msgid "Are you sure you want to delete this label?"
+msgstr "¿Estás seguro de que quieres eliminar esta etiqueta?"
+
 #: src/views/settings/components/DeleteAccountConfirmation.tsx:54
 msgid "Are you sure you want to delete your account?"
 msgstr "¿Estás seguro de que quieres eliminar tu cuenta?"
 
-#: src/views/card/components/ActivityList.tsx:92
+#. placeholder {0}: truncate(memberName)
-msgid "assigned <0>{memberName}</0> to the card"
+#: src/views/card/components/ActivityList.tsx:110
-msgstr "asignó a <0>{memberName}</0> a la tarjeta"
+msgid "assigned <0>{0}</0> to the card"
+msgstr "asignó <0>{0}</0> a la tarjeta"
 
 #: src/views/boards/components/TemplateBoards.tsx:46
 msgid "Awaiting Customer"
@@ -178,7 +218,7 @@ msgstr "Portal de facturación"
 msgid "Blog Post"
 msgstr "Entrada de blog"
 
-#: src/views/board/index.tsx:241
+#: src/views/board/index.tsx:331
 msgid "Board"
 msgstr "Tablero"
 
@@ -190,7 +230,8 @@ msgstr "El nombre del tablero no puede exceder los 100 caracteres"
 msgid "Board name is required"
 msgstr "El nombre del tablero es obligatorio"
 
-#: src/views/board/index.tsx:267
+#: src/views/public/board/index.tsx:143
+#: src/views/board/index.tsx:357
 msgid "Board not found"
 msgstr "Tablero no encontrado"
 
@@ -202,7 +243,7 @@ msgstr "La URL del tablero solo puede contener letras, números y guiones"
 msgid "Board URL cannot exceed 60 characters"
 msgstr "La URL del tablero no puede exceder los 60 caracteres"
 
-#: src/views/public/board/index.tsx:53
+#: src/views/public/board/index.tsx:59
 msgid "Board URL copied to clipboard"
 msgstr "URL del tablero copiada al portapapeles"
 
@@ -245,16 +286,18 @@ msgstr "Informe de error"
 #: src/views/settings/components/CustomURLConfirmation.tsx:50
 #: src/views/members/components/DeleteMemberConfirmation.tsx:55
 #: src/views/card/components/DeleteCommentConfirmation.tsx:76
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:63
 #: src/views/card/components/DeleteCardConfirmation.tsx:86
-#: src/views/card/components/Comment.tsx:156
+#: src/views/card/components/Comment.tsx:158
+#: src/components/DeleteLabelConfirmation.tsx:49
 msgid "Cancel"
 msgstr "Cancelar"
 
-#: src/views/card/index.tsx:234
+#: src/views/card/index.tsx:259
 msgid "Card not found"
 msgstr "Tarjeta no encontrada"
 
-#: src/views/board/components/NewCardForm.tsx:254
+#: src/views/board/components/NewCardForm.tsx:307
 msgid "Card title"
 msgstr "Título de la tarjeta"
 
@@ -267,6 +310,10 @@ msgstr "Cambiar el idioma de la aplicación."
 msgid "Check your inbox"
 msgstr "Revisa tu bandeja de entrada"
 
+#: src/views/card/components/NewChecklistForm.tsx:118
+msgid "Checklist name"
+msgstr "Nombre de la lista de verificación"
+
 #: src/views/board/components/Filters.tsx:155
 msgid "Clear filters"
 msgstr "Borrar filtros"
@@ -304,6 +351,15 @@ msgstr "Completado"
 msgid "Complete control and ownership:"
 msgstr "Control y propiedad completos:"
 
+#: src/views/card/components/ActivityList.tsx:74
+msgid "completed a checklist item"
+msgstr "completó un elemento de la lista de verificación"
+
+#. placeholder {0}: truncate(toTitle)
+#: src/views/card/components/ActivityList.tsx:187
+msgid "completed checklist item <0>{0}</0>"
+msgstr "completó el elemento <0>{0}</0> de la lista de verificación"
+
 #: src/views/settings/components/CustomURLConfirmation.tsx:42
 msgid "Confirm URL change"
 msgstr "Confirmar cambio de URL"
@@ -347,8 +403,8 @@ msgid "Control who can view and edit your boards."
 msgstr "Controla quién puede ver y editar tus tableros."
 
 #: src/views/board/components/NewListForm.tsx:140
-#: src/views/board/components/NewCardForm.tsx:391
+#: src/views/board/components/NewCardForm.tsx:458
-#: src/components/LabelForm.tsx:212
+#: src/components/LabelForm.tsx:213
 msgid "Create another"
 msgstr "Crear otro"
 
@@ -356,15 +412,19 @@ msgstr "Crear otro"
 msgid "Create board"
 msgstr "Crear tablero"
 
-#: src/views/board/components/NewCardForm.tsx:401
+#: src/views/board/components/NewCardForm.tsx:468
 msgid "Create card"
 msgstr "Crear tarjeta"
 
-#: src/components/LabelForm.tsx:233
+#: src/views/card/components/NewChecklistForm.tsx:134
+msgid "Create checklist"
+msgstr "Crear lista de verificación"
+
+#: src/components/LabelForm.tsx:238
 msgid "Create label"
 msgstr "Crear etiqueta"
 
-#: src/views/board/components/NewListForm.tsx:148
+#: src/views/board/components/NewListForm.tsx:152
 msgid "Create list"
 msgstr "Crear lista"
 
@@ -377,11 +437,11 @@ msgid "Create new key"
 msgstr "Crear nueva clave"
 
 #: src/views/card/components/LabelSelector.tsx:98
-#: src/views/board/components/NewCardForm.tsx:327
+#: src/views/board/components/NewCardForm.tsx:394
 msgid "Create new label"
 msgstr "Crear nueva etiqueta"
 
-#: src/views/board/index.tsx:335
+#: src/views/board/index.tsx:425
 msgid "Create new list"
 msgstr "Crear nueva lista"
 
@@ -390,7 +450,7 @@ msgstr "Crear nueva lista"
 msgid "Create workspace"
 msgstr "Crear espacio de trabajo"
 
-#: src/views/card/components/ActivityList.tsx:52
+#: src/views/card/components/ActivityList.tsx:61
 msgid "created the card"
 msgstr "creó la tarjeta"
 
@@ -415,8 +475,10 @@ msgid "Dark"
 msgstr "Oscuro"
 
 #: src/views/card/components/DeleteCommentConfirmation.tsx:82
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:66
 #: src/views/card/components/DeleteCardConfirmation.tsx:92
-#: src/components/LabelForm.tsx:226
+#: src/components/LabelForm.tsx:228
+#: src/components/DeleteLabelConfirmation.tsx:51
 msgid "Delete"
 msgstr "Eliminar"
 
@@ -430,11 +492,11 @@ msgstr "Eliminar cuenta"
 msgid "Delete board"
 msgstr "Eliminar tablero"
 
-#: src/views/card/components/Dropdown.tsx:14
+#: src/views/card/components/Dropdown.tsx:25
 msgid "Delete card"
 msgstr "Eliminar tarjeta"
 
-#: src/views/card/components/Comment.tsx:89
+#: src/views/card/components/Comment.tsx:91
 msgid "Delete comment"
 msgstr "Eliminar comentario"
 
@@ -448,6 +510,24 @@ msgstr "Eliminar lista"
 msgid "Delete workspace"
 msgstr "Eliminar espacio de trabajo"
 
+#: src/views/card/components/ActivityList.tsx:71
+msgid "deleted a checklist"
+msgstr "eliminó una lista de verificación"
+
+#: src/views/card/components/ActivityList.tsx:76
+msgid "deleted a checklist item"
+msgstr "eliminó un elemento de la lista de verificación"
+
+#. placeholder {0}: truncate(fromTitle)
+#: src/views/card/components/ActivityList.tsx:162
+msgid "deleted checklist <0>{0}</0>"
+msgstr "eliminó la lista de verificación <0>{0}</0>"
+
+#. placeholder {0}: truncate(fromTitle)
+#: src/views/card/components/ActivityList.tsx:205
+msgid "deleted checklist item <0>{0}</0>"
+msgstr "eliminó el elemento <0>{0}</0> de la lista de verificación"
+
 #: src/views/boards/components/TemplateBoards.tsx:32
 msgid "Design"
 msgstr "Diseño"
@@ -510,11 +590,11 @@ msgstr "Terminado"
 msgid "Edit board URL"
 msgstr "Editar URL del tablero"
 
-#: src/views/card/components/Comment.tsx:80
+#: src/views/card/components/Comment.tsx:82
 msgid "Edit comment"
 msgstr "Editar comentario"
 
-#: src/components/LabelForm.tsx:118
+#: src/components/LabelForm.tsx:119
 msgid "Edit label"
 msgstr "Editar etiqueta"
 
@@ -530,7 +610,7 @@ msgstr "Editando"
 msgid "email"
 msgstr "correo electrónico"
 
-#: src/views/members/components/InviteMemberForm.tsx:64
+#: src/views/members/components/InviteMemberForm.tsx:99
 msgid "Email"
 msgstr "Correo electrónico"
 
@@ -554,6 +634,10 @@ msgstr "Introduce tu contraseña"
 msgid "Error deleting account"
 msgstr "Error al eliminar la cuenta"
 
+#: src/components/DeleteLabelConfirmation.tsx:25
+msgid "Error deleting label"
+msgstr "Error al eliminar la etiqueta"
+
 #: src/views/settings/components/DeleteWorkspaceConfirmation.tsx:45
 msgid "Error deleting workspace"
 msgstr "Error al eliminar el espacio de trabajo"
@@ -562,6 +646,11 @@ msgstr "Error al eliminar el espacio de trabajo"
 msgid "Error disconnecting Trello"
 msgstr "Error al desconectar Trello"
 
+#: src/views/members/components/InviteMemberForm.tsx:57
+#: src/views/members/components/InviteMemberForm.tsx:63
+msgid "Error inviting member"
+msgstr "Error al invitar al miembro"
+
 #: src/views/settings/components/UpdateDisplayNameForm.tsx:54
 msgid "Error updating display name"
 msgstr "Error al actualizar el nombre visible"
@@ -676,7 +765,7 @@ msgstr "Comenzar"
 msgid "Get started by creating a new board"
 msgstr "Comienza creando un nuevo tablero"
 
-#: src/views/board/index.tsx:327
+#: src/views/board/index.tsx:417
 msgid "Get started by creating a new list"
 msgstr "Comienza creando una nueva lista"
 
@@ -799,11 +888,19 @@ msgstr "Integraciones"
 msgid "Interviewing"
 msgstr "Entrevistando"
 
+#: src/views/members/components/InviteMemberForm.tsx:26
+msgid "Invalid email address"
+msgstr "Dirección de correo electrónico no válida"
+
 #: src/views/members/index.tsx:169
 msgid "Invite"
 msgstr "Invitar"
 
-#: src/views/members/components/InviteMemberForm.tsx:82
+#: src/views/members/components/InviteMemberForm.tsx:113
+msgid "Invite another"
+msgstr "Invitar a otro"
+
+#: src/views/members/components/InviteMemberForm.tsx:123
 #: src/views/card/components/MemberSelector.tsx:112
 msgid "Invite member"
 msgstr "Invitar miembro"
@@ -825,8 +922,8 @@ msgstr "Kanban reinventado"
 msgid "Keep in mind that this action is irreversible."
 msgstr "Ten en cuenta que esta acción es irreversible."
 
-#: src/views/card/index.tsx:113
+#: src/views/card/index.tsx:118
-#: src/views/board/components/NewCardForm.tsx:331
+#: src/views/board/components/NewCardForm.tsx:398
 #: src/views/board/components/Filters.tsx:101
 msgid "Labels"
 msgstr "Etiquetas"
@@ -855,11 +952,11 @@ msgstr "Licencia"
 msgid "Light"
 msgstr "Claro"
 
-#: src/views/public/board/index.tsx:51
+#: src/views/public/board/index.tsx:57
 msgid "Link copied"
 msgstr "Enlace copiado"
 
-#: src/views/card/index.tsx:105
+#: src/views/card/index.tsx:110
 msgid "List"
 msgstr "Lista"
 
@@ -887,13 +984,22 @@ msgstr "Prioridad baja"
 msgid "magic link"
 msgstr "enlace mágico"
 
+#: src/views/card/components/ActivityList.tsx:75
+msgid "marked a checklist item as incomplete"
+msgstr "marcó un elemento de la lista de verificación como incompleto"
+
+#. placeholder {0}: truncate(toTitle)
+#: src/views/card/components/ActivityList.tsx:196
+msgid "marked checklist item <0>{0}</0> as incomplete"
+msgstr "marcó el elemento <0>{0}</0> de la lista de verificación como incompleto"
+
 #: src/views/boards/components/TemplateBoards.tsx:17
 msgid "Medium Priority"
 msgstr "Prioridad media"
 
 #: src/views/members/index.tsx:161
-#: src/views/card/index.tsx:121
+#: src/views/card/index.tsx:126
-#: src/views/board/components/NewCardForm.tsx:290
+#: src/views/board/components/NewCardForm.tsx:357
 #: src/views/board/components/Filters.tsx:93
 #: src/components/SideNavigation.tsx:73
 msgid "Members"
@@ -908,16 +1014,18 @@ msgstr "Miembros | {0}"
 msgid "Monthly"
 msgstr "Mensual"
 
-#: src/views/card/components/ActivityList.tsx:81
+#. placeholder {0}: truncate(fromList)
-msgid "moved the card from <0>{fromList}</0> to<1>{toList}</1>"
+#. placeholder {1}: truncate(toList)
-msgstr "movió la tarjeta de <0>{fromList}</0> a<1>{toList}</1>"
+#: src/views/card/components/ActivityList.tsx:98
+msgid "moved the card from <0>{0}</0> to<1>{1}</1>"
+msgstr "movió la tarjeta de <0>{0}</0> a<1>{1}</1>"
 
-#: src/views/card/components/ActivityList.tsx:55
+#: src/views/card/components/ActivityList.tsx:64
 msgid "moved the card to another list"
 msgstr "movió la tarjeta a otra lista"
 
 #: src/views/boards/components/NewBoardForm.tsx:99
-#: src/components/LabelForm.tsx:134
+#: src/components/LabelForm.tsx:135
 msgid "Name"
 msgstr "Nombre"
 
@@ -933,19 +1041,23 @@ msgstr "Nuevo"
 msgid "New board"
 msgstr "Nuevo tablero"
 
-#: src/views/board/components/NewCardForm.tsx:237
+#: src/views/board/components/NewCardForm.tsx:290
 msgid "New card"
 msgstr "Nueva tarjeta"
 
+#: src/views/card/components/NewChecklistForm.tsx:102
+msgid "New checklist"
+msgstr "Nueva lista de verificación"
+
 #: src/views/boards/components/ImportBoardsForm.tsx:322
 msgid "New import"
 msgstr "Nueva importación"
 
-#: src/components/LabelForm.tsx:118
+#: src/components/LabelForm.tsx:119
 msgid "New label"
 msgstr "Nueva etiqueta"
 
-#: src/views/board/index.tsx:304
+#: src/views/board/index.tsx:394
 #: src/views/board/components/NewListForm.tsx:112
 msgid "New list"
 msgstr "Nueva lista"
@@ -978,7 +1090,7 @@ msgstr "No se encontraron tableros"
 msgid "No credit card required"
 msgstr "No se requiere tarjeta de crédito"
 
-#: src/views/board/index.tsx:324
+#: src/views/board/index.tsx:414
 msgid "No lists"
 msgstr "Sin listas"
 
@@ -1059,24 +1171,32 @@ msgstr "Por favor selecciona un archivo para subir."
 #: src/views/settings/components/DeleteAccountConfirmation.tsx:40
 #: src/views/settings/components/Avatar.tsx:40
 #: src/views/settings/components/Avatar.tsx:98
+#: src/views/members/components/InviteMemberForm.tsx:64
 #: src/views/members/components/DeleteMemberConfirmation.tsx:28
-#: src/views/card/index.tsx:159
+#: src/views/card/index.tsx:173
 #: src/views/card/components/NewCommentForm.tsx:31
+#: src/views/card/components/NewChecklistItemForm.tsx:89
+#: src/views/card/components/NewChecklistForm.tsx:70
 #: src/views/card/components/MemberSelector.tsx:80
 #: src/views/card/components/ListSelector.tsx:53
 #: src/views/card/components/LabelSelector.tsx:73
 #: src/views/card/components/DeleteCommentConfirmation.tsx:45
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:37
 #: src/views/card/components/DeleteCardConfirmation.tsx:52
-#: src/views/card/components/Comment.tsx:62
+#: src/views/card/components/Comment.tsx:64
+#: src/views/card/components/ChecklistNameInput.tsx:46
+#: src/views/card/components/ChecklistItemRow.tsx:60
+#: src/views/card/components/ChecklistItemRow.tsx:88
 #: src/views/boards/components/ImportBoardsForm.tsx:205
-#: src/views/board/index.tsx:135
+#: src/views/board/index.tsx:134
-#: src/views/board/index.tsx:191
+#: src/views/board/index.tsx:190
 #: src/views/board/components/VisibilityButton.tsx:53
 #: src/views/board/components/UpdateBoardSlugForm.tsx:72
 #: src/views/board/components/NewListForm.tsx:78
-#: src/views/board/components/NewCardForm.tsx:128
+#: src/views/board/components/NewCardForm.tsx:174
 #: src/components/NewWorkspaceForm.tsx:41
 #: src/components/FeedbackModal.tsx:41
+#: src/components/DeleteLabelConfirmation.tsx:26
 msgid "Please try again later, or contact customer support."
 msgstr "Por favor, inténtalo de nuevo más tarde o contacta con atención al cliente."
 
@@ -1142,17 +1262,32 @@ msgstr "Eliminar"
 msgid "Remove member"
 msgstr "Eliminar miembro"
 
-#: src/views/card/components/ActivityList.tsx:57
+#: src/views/card/components/ActivityList.tsx:66
 msgid "removed a label from the card"
 msgstr "eliminó una etiqueta de la tarjeta"
 
-#: src/views/card/components/ActivityList.tsx:59
+#: src/views/card/components/ActivityList.tsx:68
 msgid "removed a member from the card"
 msgstr "eliminó un miembro de la tarjeta"
 
-#: src/views/card/components/ActivityList.tsx:118
+#. placeholder {0}: truncate(label)
-msgid "removed label <0>{label}</0>"
+#: src/views/card/components/ActivityList.tsx:138
-msgstr "eliminó la etiqueta <0>{label}</0>"
+msgid "removed label <0>{0}</0>"
+msgstr "eliminó la etiqueta <0>{0}</0>"
+
+#: src/views/card/components/ActivityList.tsx:70
+msgid "renamed a checklist"
+msgstr "renombró una lista de verificación"
+
+#. placeholder {0}: truncate(toTitle)
+#: src/views/card/components/ActivityList.tsx:154
+msgid "renamed checklist <0>{0}</0>"
+msgstr "renombró la lista de verificación <0>{0}</0>"
+
+#. placeholder {0}: truncate(toTitle)
+#: src/views/card/components/ActivityList.tsx:178
+msgid "renamed checklist item to <0>{0}</0>"
+msgstr "renombró el elemento de la lista de verificación a <0>{0}</0>"
 
 #: src/views/boards/components/TemplateBoards.tsx:76
 msgid "Research"
@@ -1187,7 +1322,7 @@ msgstr "Rol"
 msgid "Run on your own infrastructure"
 msgstr "Ejecuta en tu propia infraestructura"
 
-#: src/views/card/components/Comment.tsx:163
+#: src/views/card/components/Comment.tsx:165
 msgid "Save"
 msgstr "Guardar"
 
@@ -1215,7 +1350,7 @@ msgstr "Autoalojamiento"
 msgid "Self host with Github"
 msgstr "Autoalojamiento con Github"
 
-#: src/views/card/components/ActivityList.tsx:89
+#: src/views/card/components/ActivityList.tsx:107
 msgid "self-assigned the card"
 msgstr "se autoasignó la tarjeta"
 
@@ -1334,10 +1469,16 @@ msgid "They won't be able to access this workspace."
 msgstr "No podrán acceder a este espacio de trabajo."
 
 #: src/views/card/components/DeleteCommentConfirmation.tsx:68
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:58
 #: src/views/card/components/DeleteCardConfirmation.tsx:78
+#: src/components/DeleteLabelConfirmation.tsx:44
 msgid "This action can't be undone."
 msgstr "Esta acción no se puede deshacer."
 
+#: src/views/public/board/index.tsx:146
+msgid "This board is private or does not exist"
+msgstr "Este tablero es privado o no existe"
+
 #: src/views/board/components/UpdateBoardSlugForm.tsx:135
 msgid "This board URL has already been taken"
 msgstr "Esta URL de tablero ya ha sido utilizada"
@@ -1379,14 +1520,22 @@ msgstr "Importaciones de Trello"
 msgid "Triaging"
 msgstr "Clasificación"
 
+#: src/views/card/components/NewChecklistItemForm.tsx:88
+msgid "Unable to add checklist item"
+msgstr "No se puede añadir el elemento a la lista de verificación"
+
 #: src/views/card/components/NewCommentForm.tsx:30
 msgid "Unable to add comment"
 msgstr "No se puede añadir el comentario"
 
-#: src/views/board/components/NewCardForm.tsx:125
+#: src/views/board/components/NewCardForm.tsx:171
 msgid "Unable to create card"
 msgstr "No se puede crear la tarjeta"
 
+#: src/views/card/components/NewChecklistForm.tsx:69
+msgid "Unable to create checklist"
+msgstr "No se puede crear la lista de verificación"
+
 #: src/views/board/components/NewListForm.tsx:77
 msgid "Unable to create list"
 msgstr "No se puede crear la lista"
@@ -1399,6 +1548,14 @@ msgstr "No se puede crear el espacio de trabajo"
 msgid "Unable to delete card"
 msgstr "No se puede eliminar la tarjeta"
 
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:36
+msgid "Unable to delete checklist"
+msgstr "No se puede eliminar la lista de verificación"
+
+#: src/views/card/components/ChecklistItemRow.tsx:87
+msgid "Unable to delete checklist item"
+msgstr "No se puede eliminar el elemento de la lista de verificación"
+
 #: src/views/card/components/DeleteCommentConfirmation.tsx:44
 msgid "Unable to delete comment"
 msgstr "No se puede eliminar el comentario"
@@ -1419,12 +1576,20 @@ msgstr "No se puede actualizar la URL del tablero"
 msgid "Unable to update board visibility"
 msgstr "No se puede actualizar la visibilidad del tablero"
 
-#: src/views/card/index.tsx:158
+#: src/views/card/index.tsx:172
-#: src/views/board/index.tsx:190
+#: src/views/board/index.tsx:189
 msgid "Unable to update card"
 msgstr "No se puede actualizar la tarjeta"
 
-#: src/views/card/components/Comment.tsx:61
+#: src/views/card/components/ChecklistNameInput.tsx:45
+msgid "Unable to update checklist"
+msgstr "No se puede actualizar la lista de verificación"
+
+#: src/views/card/components/ChecklistItemRow.tsx:59
+msgid "Unable to update checklist item"
+msgstr "No se puede actualizar el elemento de la lista de verificación"
+
+#: src/views/card/components/Comment.tsx:63
 msgid "Unable to update comment"
 msgstr "No se puede actualizar el comentario"
 
@@ -1433,7 +1598,7 @@ msgid "Unable to update labels"
 msgstr "No se pueden actualizar las etiquetas"
 
 #: src/views/card/components/ListSelector.tsx:52
-#: src/views/board/index.tsx:134
+#: src/views/board/index.tsx:133
 msgid "Unable to update list"
 msgstr "No se puede actualizar la lista"
 
@@ -1441,11 +1606,12 @@ msgstr "No se puede actualizar la lista"
 msgid "Unable to update members"
 msgstr "No se pueden actualizar los miembros"
 
-#: src/views/card/components/ActivityList.tsx:102
+#. placeholder {0}: truncate(memberName)
-msgid "unassigned <0>{memberName}</0> from the card"
+#: src/views/card/components/ActivityList.tsx:121
-msgstr "desasignó a <0>{memberName}</0> de la tarjeta"
+msgid "unassigned <0>{0}</0> from the card"
+msgstr "desasignó <0>{0}</0> de la tarjeta"
 
-#: src/views/card/components/ActivityList.tsx:99
+#: src/views/card/components/ActivityList.tsx:118
 msgid "unassigned themselves from the card"
 msgstr "se desasignó de la tarjeta"
 
@@ -1477,25 +1643,30 @@ msgstr "Listas ilimitadas"
 #: src/views/settings/components/UpdateWorkspaceNameForm.tsx:82
 #: src/views/settings/components/UpdateWorkspaceDescriptionForm.tsx:90
 #: src/views/settings/components/UpdateDisplayNameForm.tsx:79
-#: src/views/board/components/UpdateBoardSlugForm.tsx:173
+#: src/views/board/components/UpdateBoardSlugForm.tsx:174
 msgid "Update"
 msgstr "Actualizar"
 
-#: src/components/LabelForm.tsx:233
+#: src/components/LabelForm.tsx:238
 msgid "Update label"
 msgstr "Actualizar etiqueta"
 
-#: src/views/card/components/ActivityList.tsx:54
+#: src/views/card/components/ActivityList.tsx:73
+msgid "updated a checklist item"
+msgstr "actualizó un elemento de la lista de verificación"
+
+#: src/views/card/components/ActivityList.tsx:63
 msgid "updated the description"
 msgstr "actualizó la descripción"
 
-#: src/views/card/components/ActivityList.tsx:53
+#: src/views/card/components/ActivityList.tsx:62
 msgid "updated the title"
 msgstr "actualizó el título"
 
-#: src/views/card/components/ActivityList.tsx:73
+#. placeholder {0}: truncate(toTitle)
-msgid "updated the title to <0>{toTitle}</0>"
+#: src/views/card/components/ActivityList.tsx:90
-msgstr "actualizó el título a <0>{toTitle}</0>"
+msgid "updated the title to <0>{0}</0>"
+msgstr "actualizó el título a <0>{0}</0>"
 
 #: src/views/settings/components/CustomURLConfirmation.tsx:52
 msgid "Upgrade"
@@ -1526,6 +1697,10 @@ msgstr "Usar plantilla"
 msgid "User"
 msgstr "Usuario"
 
+#: src/views/members/components/InviteMemberForm.tsx:58
+msgid "User is already a member of this workspace"
+msgstr "El usuario ya es miembro de este espacio de trabajo"
+
 #: src/views/boards/components/TemplateBoards.tsx:37
 msgid "Video"
 msgstr "Video"
@@ -1542,10 +1717,18 @@ msgstr "Ver y gestionar tu facturación y suscripción."
 msgid "View docs"
 msgstr "Ver documentación"
 
+#: src/views/public/board/index.tsx:120
+msgid "View only"
+msgstr "Solo visualización"
+
 #: src/views/home/components/Features.tsx:147
 msgid "View our roadmap."
 msgstr "Ver nuestra hoja de ruta."
 
+#: src/views/public/board/index.tsx:149
+msgid "View workspace"
+msgstr "Ver espacio de trabajo"
+
 #: src/views/board/components/VisibilityButton.tsx:91
 msgid "Visibility"
 msgstr "Visibilidad"
@@ -1578,7 +1761,7 @@ msgstr "Cuando Trello se lanzó en 2011, impresionó a todos con su simplicidad
 msgid "Why make an open source Trello?"
 msgstr "¿Por qué crear un Trello de código abierto?"
 
-#: src/views/board/index.tsx:241
+#: src/views/board/index.tsx:331
 msgid "Workspace"
 msgstr "Espacio de trabajo"
 

apps/web/src/locales/fr/messages.po

@@ -13,7 +13,7 @@ msgstr ""
 "Language-Team: \n"
 "Plural-Forms: \n"
 
-#: src/views/card/components/Comment.tsx:121
+#: src/views/card/components/Comment.tsx:123
 msgid " (edited)"
 msgstr " (modifié)"
 
@@ -23,12 +23,12 @@ msgstr ", ou consultez notre"
 
 #. placeholder {0}: card?.title ?? "Card"
 #. placeholder {1}: board?.name ?? "Board"
-#: src/views/card/index.tsx:189
+#: src/views/card/index.tsx:214
 msgid "{0} | {1}"
 msgstr "{0} | {1}"
 
 #. placeholder {0}: labelPublicIds.length
-#: src/views/board/components/NewCardForm.tsx:365
+#: src/views/board/components/NewCardForm.tsx:432
 msgid "{0} labels"
 msgstr "{0} étiquettes"
 
@@ -48,8 +48,8 @@ msgstr "Une application kanban puissante et flexible qui vous aide à organiser
 msgid "Account deleted"
 msgstr "Compte supprimé"
 
-#: src/views/public/board/CardModal.tsx:104
+#: src/views/public/board/CardModal.tsx:140
-#: src/views/card/index.tsx:256
+#: src/views/card/index.tsx:288
 msgid "Activity"
 msgstr "Activité"
 
@@ -62,35 +62,66 @@ msgid "Add a card"
 msgstr "Ajouter une carte"
 
 #: src/views/card/components/NewCommentForm.tsx:57
-#: src/views/card/components/Comment.tsx:144
+#: src/views/card/components/Comment.tsx:146
 msgid "Add a comment..."
 msgstr "Ajouter un commentaire..."
 
-#: src/components/Editor.tsx:302
+#: src/views/card/components/NewChecklistItemForm.tsx:140
-msgid "Add description... (type '/' to open commands)"
+msgid "Add an item..."
-msgstr "Ajouter une description... (tapez '/' pour ouvrir les commandes)"
+msgstr "Ajouter un élément..."
+
+#: src/views/card/components/Dropdown.tsx:18
+msgid "Add checklist"
+msgstr "Ajouter une checklist"
+
+#: src/components/Editor.tsx:442
+msgid "Add description... (type '/' to open commands or '@' to mention)"
+msgstr "Ajouter une description... (tapez '/' pour ouvrir les commandes ou '@' pour mentionner)"
+
+#: src/views/card/components/ChecklistItemRow.tsx:172
+msgid "Add details..."
+msgstr "Ajouter des détails..."
 
 #: src/views/card/components/LabelSelector.tsx:110
 #: src/views/card/components/LabelSelector.tsx:118
 msgid "Add label"
 msgstr "Ajouter une étiquette"
 
-#: src/views/members/components/InviteMemberForm.tsx:50
+#: src/views/members/components/InviteMemberForm.tsx:85
 #: src/views/card/components/MemberSelector.tsx:130
 msgid "Add member"
 msgstr "Ajouter un membre"
 
-#: src/views/card/components/ActivityList.tsx:56
+#: src/views/card/components/ActivityList.tsx:69
+msgid "added a checklist"
+msgstr "a ajouté une checklist"
+
+#: src/views/card/components/ActivityList.tsx:72
+msgid "added a checklist item"
+msgstr "a ajouté un élément à la checklist"
+
+#: src/views/card/components/ActivityList.tsx:65
 msgid "added a label to the card"
 msgstr "a ajouté une étiquette à la carte"
 
-#: src/views/card/components/ActivityList.tsx:58
+#: src/views/card/components/ActivityList.tsx:67
 msgid "added a member to the card"
 msgstr "a ajouté un membre à la carte"
 
-#: src/views/card/components/ActivityList.tsx:110
+#. placeholder {0}: truncate(toTitle)
-msgid "added label <0>{label}</0>"
+#: src/views/card/components/ActivityList.tsx:146
-msgstr "a ajouté l'étiquette <0>{label}</0>"
+msgid "added checklist <0>{0}</0>"
+msgstr "a ajouté la checklist <0>{0}</0>"
+
+#. placeholder {0}: truncate(toTitle)
+#: src/views/card/components/ActivityList.tsx:170
+msgid "added checklist item <0>{0}</0>"
+msgstr "a ajouté l'élément <0>{0}</0> à la checklist"
+
+#. placeholder {0}: truncate(label)
+#: src/views/card/components/ActivityList.tsx:130
+msgid "added label <0>{0}</0>"
+msgstr "a ajouté l'étiquette <0>{0}</0>"
 
 #: src/views/home/components/Pricing.tsx:55
 msgid "Admin roles"
@@ -141,17 +172,26 @@ msgstr "Êtes-vous sûr de vouloir supprimer l'espace de travail {0} ?"
 msgid "Are you sure you want to delete this card?"
 msgstr "Êtes-vous sûr de vouloir supprimer cette carte ?"
 
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:55
+msgid "Are you sure you want to delete this checklist?"
+msgstr "Êtes-vous sûr de vouloir supprimer cette checklist ?"
+
 #: src/views/card/components/DeleteCommentConfirmation.tsx:65
 msgid "Are you sure you want to delete this comment?"
 msgstr "Êtes-vous sûr de vouloir supprimer ce commentaire ?"
 
+#: src/components/DeleteLabelConfirmation.tsx:41
+msgid "Are you sure you want to delete this label?"
+msgstr "Êtes-vous sûr de vouloir supprimer cette étiquette ?"
+
 #: src/views/settings/components/DeleteAccountConfirmation.tsx:54
 msgid "Are you sure you want to delete your account?"
 msgstr "Êtes-vous sûr de vouloir supprimer votre compte ?"
 
-#: src/views/card/components/ActivityList.tsx:92
+#. placeholder {0}: truncate(memberName)
-msgid "assigned <0>{memberName}</0> to the card"
+#: src/views/card/components/ActivityList.tsx:110
-msgstr "a assigné <0>{memberName}</0> à la carte"
+msgid "assigned <0>{0}</0> to the card"
+msgstr "a assigné <0>{0}</0> à la carte"
 
 #: src/views/boards/components/TemplateBoards.tsx:46
 msgid "Awaiting Customer"
@@ -178,7 +218,7 @@ msgstr "Portail de facturation"
 msgid "Blog Post"
 msgstr "Article de blog"
 
-#: src/views/board/index.tsx:241
+#: src/views/board/index.tsx:331
 msgid "Board"
 msgstr "Tableau"
 
@@ -190,7 +230,8 @@ msgstr "Le nom du tableau ne peut pas dépasser 100 caractères"
 msgid "Board name is required"
 msgstr "Le nom du tableau est requis"
 
-#: src/views/board/index.tsx:267
+#: src/views/public/board/index.tsx:143
+#: src/views/board/index.tsx:357
 msgid "Board not found"
 msgstr "Tableau introuvable"
 
@@ -202,7 +243,7 @@ msgstr "L'URL du tableau ne peut contenir que des lettres, des chiffres et des t
 msgid "Board URL cannot exceed 60 characters"
 msgstr "L'URL du tableau ne peut pas dépasser 60 caractères"
 
-#: src/views/public/board/index.tsx:53
+#: src/views/public/board/index.tsx:59
 msgid "Board URL copied to clipboard"
 msgstr "URL du tableau copiée dans le presse-papiers"
 
@@ -245,16 +286,18 @@ msgstr "Rapport de bug"
 #: src/views/settings/components/CustomURLConfirmation.tsx:50
 #: src/views/members/components/DeleteMemberConfirmation.tsx:55
 #: src/views/card/components/DeleteCommentConfirmation.tsx:76
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:63
 #: src/views/card/components/DeleteCardConfirmation.tsx:86
-#: src/views/card/components/Comment.tsx:156
+#: src/views/card/components/Comment.tsx:158
+#: src/components/DeleteLabelConfirmation.tsx:49
 msgid "Cancel"
 msgstr "Annuler"
 
-#: src/views/card/index.tsx:234
+#: src/views/card/index.tsx:259
 msgid "Card not found"
 msgstr "Carte introuvable"
 
-#: src/views/board/components/NewCardForm.tsx:254
+#: src/views/board/components/NewCardForm.tsx:307
 msgid "Card title"
 msgstr "Titre de la carte"
 
@@ -267,6 +310,10 @@ msgstr "Changer la langue de l'application."
 msgid "Check your inbox"
 msgstr "Vérifiez votre boîte de réception"
 
+#: src/views/card/components/NewChecklistForm.tsx:118
+msgid "Checklist name"
+msgstr "Nom de la checklist"
+
 #: src/views/board/components/Filters.tsx:155
 msgid "Clear filters"
 msgstr "Effacer les filtres"
@@ -304,6 +351,15 @@ msgstr "Terminé"
 msgid "Complete control and ownership:"
 msgstr "Contrôle et propriété complets :"
 
+#: src/views/card/components/ActivityList.tsx:74
+msgid "completed a checklist item"
+msgstr "a terminé un élément de la checklist"
+
+#. placeholder {0}: truncate(toTitle)
+#: src/views/card/components/ActivityList.tsx:187
+msgid "completed checklist item <0>{0}</0>"
+msgstr "a terminé l'élément <0>{0}</0> de la checklist"
+
 #: src/views/settings/components/CustomURLConfirmation.tsx:42
 msgid "Confirm URL change"
 msgstr "Confirmer le changement d'URL"
@@ -347,8 +403,8 @@ msgid "Control who can view and edit your boards."
 msgstr "Contrôlez qui peut voir et modifier vos tableaux."
 
 #: src/views/board/components/NewListForm.tsx:140
-#: src/views/board/components/NewCardForm.tsx:391
+#: src/views/board/components/NewCardForm.tsx:458
-#: src/components/LabelForm.tsx:212
+#: src/components/LabelForm.tsx:213
 msgid "Create another"
 msgstr "Créer un autre"
 
@@ -356,15 +412,19 @@ msgstr "Créer un autre"
 msgid "Create board"
 msgstr "Créer un tableau"
 
-#: src/views/board/components/NewCardForm.tsx:401
+#: src/views/board/components/NewCardForm.tsx:468
 msgid "Create card"
 msgstr "Créer une carte"
 
-#: src/components/LabelForm.tsx:233
+#: src/views/card/components/NewChecklistForm.tsx:134
+msgid "Create checklist"
+msgstr "Créer une checklist"
+
+#: src/components/LabelForm.tsx:238
 msgid "Create label"
 msgstr "Créer une étiquette"
 
-#: src/views/board/components/NewListForm.tsx:148
+#: src/views/board/components/NewListForm.tsx:152
 msgid "Create list"
 msgstr "Créer une liste"
 
@@ -377,11 +437,11 @@ msgid "Create new key"
 msgstr "Créer une nouvelle clé"
 
 #: src/views/card/components/LabelSelector.tsx:98
-#: src/views/board/components/NewCardForm.tsx:327
+#: src/views/board/components/NewCardForm.tsx:394
 msgid "Create new label"
 msgstr "Créer une nouvelle étiquette"
 
-#: src/views/board/index.tsx:335
+#: src/views/board/index.tsx:425
 msgid "Create new list"
 msgstr "Créer une nouvelle liste"
 
@@ -390,7 +450,7 @@ msgstr "Créer une nouvelle liste"
 msgid "Create workspace"
 msgstr "Créer un espace de travail"
 
-#: src/views/card/components/ActivityList.tsx:52
+#: src/views/card/components/ActivityList.tsx:61
 msgid "created the card"
 msgstr "a créé la carte"
 
@@ -415,8 +475,10 @@ msgid "Dark"
 msgstr "Sombre"
 
 #: src/views/card/components/DeleteCommentConfirmation.tsx:82
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:66
 #: src/views/card/components/DeleteCardConfirmation.tsx:92
-#: src/components/LabelForm.tsx:226
+#: src/components/LabelForm.tsx:228
+#: src/components/DeleteLabelConfirmation.tsx:51
 msgid "Delete"
 msgstr "Supprimer"
 
@@ -430,11 +492,11 @@ msgstr "Supprimer le compte"
 msgid "Delete board"
 msgstr "Supprimer le tableau"
 
-#: src/views/card/components/Dropdown.tsx:14
+#: src/views/card/components/Dropdown.tsx:25
 msgid "Delete card"
 msgstr "Supprimer la carte"
 
-#: src/views/card/components/Comment.tsx:89
+#: src/views/card/components/Comment.tsx:91
 msgid "Delete comment"
 msgstr "Supprimer le commentaire"
 
@@ -448,6 +510,24 @@ msgstr "Supprimer la liste"
 msgid "Delete workspace"
 msgstr "Supprimer l'espace de travail"
 
+#: src/views/card/components/ActivityList.tsx:71
+msgid "deleted a checklist"
+msgstr "a supprimé une checklist"
+
+#: src/views/card/components/ActivityList.tsx:76
+msgid "deleted a checklist item"
+msgstr "a supprimé un élément de la checklist"
+
+#. placeholder {0}: truncate(fromTitle)
+#: src/views/card/components/ActivityList.tsx:162
+msgid "deleted checklist <0>{0}</0>"
+msgstr "a supprimé la checklist <0>{0}</0>"
+
+#. placeholder {0}: truncate(fromTitle)
+#: src/views/card/components/ActivityList.tsx:205
+msgid "deleted checklist item <0>{0}</0>"
+msgstr "a supprimé l'élément <0>{0}</0> de la checklist"
+
 #: src/views/boards/components/TemplateBoards.tsx:32
 msgid "Design"
 msgstr "Design"
@@ -510,11 +590,11 @@ msgstr "Fait"
 msgid "Edit board URL"
 msgstr "Modifier l'URL du tableau"
 
-#: src/views/card/components/Comment.tsx:80
+#: src/views/card/components/Comment.tsx:82
 msgid "Edit comment"
 msgstr "Modifier le commentaire"
 
-#: src/components/LabelForm.tsx:118
+#: src/components/LabelForm.tsx:119
 msgid "Edit label"
 msgstr "Modifier l'étiquette"
 
@@ -530,7 +610,7 @@ msgstr "Édition"
 msgid "email"
 msgstr "e-mail"
 
-#: src/views/members/components/InviteMemberForm.tsx:64
+#: src/views/members/components/InviteMemberForm.tsx:99
 msgid "Email"
 msgstr "E-mail"
 
@@ -554,6 +634,10 @@ msgstr "Saisissez votre mot de passe"
 msgid "Error deleting account"
 msgstr "Erreur lors de la suppression du compte"
 
+#: src/components/DeleteLabelConfirmation.tsx:25
+msgid "Error deleting label"
+msgstr "Erreur lors de la suppression de l'étiquette"
+
 #: src/views/settings/components/DeleteWorkspaceConfirmation.tsx:45
 msgid "Error deleting workspace"
 msgstr "Erreur lors de la suppression de l'espace de travail"
@@ -562,6 +646,11 @@ msgstr "Erreur lors de la suppression de l'espace de travail"
 msgid "Error disconnecting Trello"
 msgstr "Erreur lors de la déconnexion de Trello"
 
+#: src/views/members/components/InviteMemberForm.tsx:57
+#: src/views/members/components/InviteMemberForm.tsx:63
+msgid "Error inviting member"
+msgstr "Erreur lors de l'invitation du membre"
+
 #: src/views/settings/components/UpdateDisplayNameForm.tsx:54
 msgid "Error updating display name"
 msgstr "Erreur lors de la mise à jour du nom d'affichage"
@@ -676,7 +765,7 @@ msgstr "Commencer"
 msgid "Get started by creating a new board"
 msgstr "Commencez par créer un nouveau tableau"
 
-#: src/views/board/index.tsx:327
+#: src/views/board/index.tsx:417
 msgid "Get started by creating a new list"
 msgstr "Commencez par créer une nouvelle liste"
 
@@ -799,11 +888,19 @@ msgstr "Intégrations"
 msgid "Interviewing"
 msgstr "Entretien"
 
+#: src/views/members/components/InviteMemberForm.tsx:26
+msgid "Invalid email address"
+msgstr "Adresse e-mail invalide"
+
 #: src/views/members/index.tsx:169
 msgid "Invite"
 msgstr "Inviter"
 
-#: src/views/members/components/InviteMemberForm.tsx:82
+#: src/views/members/components/InviteMemberForm.tsx:113
+msgid "Invite another"
+msgstr "Inviter un autre"
+
+#: src/views/members/components/InviteMemberForm.tsx:123
 #: src/views/card/components/MemberSelector.tsx:112
 msgid "Invite member"
 msgstr "Inviter un membre"
@@ -825,8 +922,8 @@ msgstr "Kanban réinventé"
 msgid "Keep in mind that this action is irreversible."
 msgstr "Gardez à l'esprit que cette action est irréversible."
 
-#: src/views/card/index.tsx:113
+#: src/views/card/index.tsx:118
-#: src/views/board/components/NewCardForm.tsx:331
+#: src/views/board/components/NewCardForm.tsx:398
 #: src/views/board/components/Filters.tsx:101
 msgid "Labels"
 msgstr "Étiquettes"
@@ -855,11 +952,11 @@ msgstr "Licence"
 msgid "Light"
 msgstr "Clair"
 
-#: src/views/public/board/index.tsx:51
+#: src/views/public/board/index.tsx:57
 msgid "Link copied"
 msgstr "Lien copié"
 
-#: src/views/card/index.tsx:105
+#: src/views/card/index.tsx:110
 msgid "List"
 msgstr "Liste"
 
@@ -887,13 +984,22 @@ msgstr "Priorité basse"
 msgid "magic link"
 msgstr "lien magique"
 
+#: src/views/card/components/ActivityList.tsx:75
+msgid "marked a checklist item as incomplete"
+msgstr "a marqué un élément de la checklist comme incomplet"
+
+#. placeholder {0}: truncate(toTitle)
+#: src/views/card/components/ActivityList.tsx:196
+msgid "marked checklist item <0>{0}</0> as incomplete"
+msgstr "a marqué l'élément <0>{0}</0> de la checklist comme incomplet"
+
 #: src/views/boards/components/TemplateBoards.tsx:17
 msgid "Medium Priority"
 msgstr "Priorité moyenne"
 
 #: src/views/members/index.tsx:161
-#: src/views/card/index.tsx:121
+#: src/views/card/index.tsx:126
-#: src/views/board/components/NewCardForm.tsx:290
+#: src/views/board/components/NewCardForm.tsx:357
 #: src/views/board/components/Filters.tsx:93
 #: src/components/SideNavigation.tsx:73
 msgid "Members"
@@ -908,16 +1014,18 @@ msgstr "Membres | {0}"
 msgid "Monthly"
 msgstr "Mensuel"
 
-#: src/views/card/components/ActivityList.tsx:81
+#. placeholder {0}: truncate(fromList)
-msgid "moved the card from <0>{fromList}</0> to<1>{toList}</1>"
+#. placeholder {1}: truncate(toList)
-msgstr "a déplacé la carte de <0>{fromList}</0> vers<1>{toList}</1>"
+#: src/views/card/components/ActivityList.tsx:98
+msgid "moved the card from <0>{0}</0> to<1>{1}</1>"
+msgstr "a déplacé la carte de <0>{0}</0> vers <1>{1}</1>"
 
-#: src/views/card/components/ActivityList.tsx:55
+#: src/views/card/components/ActivityList.tsx:64
 msgid "moved the card to another list"
 msgstr "a déplacé la carte vers une autre liste"
 
 #: src/views/boards/components/NewBoardForm.tsx:99
-#: src/components/LabelForm.tsx:134
+#: src/components/LabelForm.tsx:135
 msgid "Name"
 msgstr "Nom"
 
@@ -933,19 +1041,23 @@ msgstr "Nouveau"
 msgid "New board"
 msgstr "Nouveau tableau"
 
-#: src/views/board/components/NewCardForm.tsx:237
+#: src/views/board/components/NewCardForm.tsx:290
 msgid "New card"
 msgstr "Nouvelle carte"
 
+#: src/views/card/components/NewChecklistForm.tsx:102
+msgid "New checklist"
+msgstr "Nouvelle checklist"
+
 #: src/views/boards/components/ImportBoardsForm.tsx:322
 msgid "New import"
 msgstr "Nouvel import"
 
-#: src/components/LabelForm.tsx:118
+#: src/components/LabelForm.tsx:119
 msgid "New label"
 msgstr "Nouvelle étiquette"
 
-#: src/views/board/index.tsx:304
+#: src/views/board/index.tsx:394
 #: src/views/board/components/NewListForm.tsx:112
 msgid "New list"
 msgstr "Nouvelle liste"
@@ -978,7 +1090,7 @@ msgstr "Aucun tableau trouvé"
 msgid "No credit card required"
 msgstr "Aucune carte de crédit requise"
 
-#: src/views/board/index.tsx:324
+#: src/views/board/index.tsx:414
 msgid "No lists"
 msgstr "Aucune liste"
 
@@ -1059,24 +1171,32 @@ msgstr "Veuillez sélectionner un fichier à télécharger."
 #: src/views/settings/components/DeleteAccountConfirmation.tsx:40
 #: src/views/settings/components/Avatar.tsx:40
 #: src/views/settings/components/Avatar.tsx:98
+#: src/views/members/components/InviteMemberForm.tsx:64
 #: src/views/members/components/DeleteMemberConfirmation.tsx:28
-#: src/views/card/index.tsx:159
+#: src/views/card/index.tsx:173
 #: src/views/card/components/NewCommentForm.tsx:31
+#: src/views/card/components/NewChecklistItemForm.tsx:89
+#: src/views/card/components/NewChecklistForm.tsx:70
 #: src/views/card/components/MemberSelector.tsx:80
 #: src/views/card/components/ListSelector.tsx:53
 #: src/views/card/components/LabelSelector.tsx:73
 #: src/views/card/components/DeleteCommentConfirmation.tsx:45
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:37
 #: src/views/card/components/DeleteCardConfirmation.tsx:52
-#: src/views/card/components/Comment.tsx:62
+#: src/views/card/components/Comment.tsx:64
+#: src/views/card/components/ChecklistNameInput.tsx:46
+#: src/views/card/components/ChecklistItemRow.tsx:60
+#: src/views/card/components/ChecklistItemRow.tsx:88
 #: src/views/boards/components/ImportBoardsForm.tsx:205
-#: src/views/board/index.tsx:135
+#: src/views/board/index.tsx:134
-#: src/views/board/index.tsx:191
+#: src/views/board/index.tsx:190
 #: src/views/board/components/VisibilityButton.tsx:53
 #: src/views/board/components/UpdateBoardSlugForm.tsx:72
 #: src/views/board/components/NewListForm.tsx:78
-#: src/views/board/components/NewCardForm.tsx:128
+#: src/views/board/components/NewCardForm.tsx:174
 #: src/components/NewWorkspaceForm.tsx:41
 #: src/components/FeedbackModal.tsx:41
+#: src/components/DeleteLabelConfirmation.tsx:26
 msgid "Please try again later, or contact customer support."
 msgstr "Veuillez réessayer plus tard ou contacter le service client."
 
@@ -1142,17 +1262,32 @@ msgstr "Supprimer"
 msgid "Remove member"
 msgstr "Supprimer le membre"
 
-#: src/views/card/components/ActivityList.tsx:57
+#: src/views/card/components/ActivityList.tsx:66
 msgid "removed a label from the card"
 msgstr "a supprimé une étiquette de la carte"
 
-#: src/views/card/components/ActivityList.tsx:59
+#: src/views/card/components/ActivityList.tsx:68
 msgid "removed a member from the card"
 msgstr "a retiré un membre de la carte"
 
-#: src/views/card/components/ActivityList.tsx:118
+#. placeholder {0}: truncate(label)
-msgid "removed label <0>{label}</0>"
+#: src/views/card/components/ActivityList.tsx:138
-msgstr "a supprimé l'étiquette <0>{label}</0>"
+msgid "removed label <0>{0}</0>"
+msgstr "a supprimé l'étiquette <0>{0}</0>"
+
+#: src/views/card/components/ActivityList.tsx:70
+msgid "renamed a checklist"
+msgstr "a renommé une checklist"
+
+#. placeholder {0}: truncate(toTitle)
+#: src/views/card/components/ActivityList.tsx:154
+msgid "renamed checklist <0>{0}</0>"
+msgstr "a renommé la checklist <0>{0}</0>"
+
+#. placeholder {0}: truncate(toTitle)
+#: src/views/card/components/ActivityList.tsx:178
+msgid "renamed checklist item to <0>{0}</0>"
+msgstr "a renommé l'élément de la liste de contrôle en <0>{0}</0>"
 
 #: src/views/boards/components/TemplateBoards.tsx:76
 msgid "Research"
@@ -1187,7 +1322,7 @@ msgstr "Rôle"
 msgid "Run on your own infrastructure"
 msgstr "Exécutez sur votre propre infrastructure"
 
-#: src/views/card/components/Comment.tsx:163
+#: src/views/card/components/Comment.tsx:165
 msgid "Save"
 msgstr "Enregistrer"
 
@@ -1215,7 +1350,7 @@ msgstr "Auto-hébergement"
 msgid "Self host with Github"
 msgstr "Auto-hébergement avec Github"
 
-#: src/views/card/components/ActivityList.tsx:89
+#: src/views/card/components/ActivityList.tsx:107
 msgid "self-assigned the card"
 msgstr "s'est auto-assigné la carte"
 
@@ -1334,10 +1469,16 @@ msgid "They won't be able to access this workspace."
 msgstr "Ils ne pourront plus accéder à cet espace de travail."
 
 #: src/views/card/components/DeleteCommentConfirmation.tsx:68
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:58
 #: src/views/card/components/DeleteCardConfirmation.tsx:78
+#: src/components/DeleteLabelConfirmation.tsx:44
 msgid "This action can't be undone."
 msgstr "Cette action ne peut pas être annulée."
 
+#: src/views/public/board/index.tsx:146
+msgid "This board is private or does not exist"
+msgstr "Ce tableau est privé ou n'existe pas"
+
 #: src/views/board/components/UpdateBoardSlugForm.tsx:135
 msgid "This board URL has already been taken"
 msgstr "Cette URL de tableau est déjà utilisée"
@@ -1379,14 +1520,22 @@ msgstr "Importations Trello"
 msgid "Triaging"
 msgstr "Triage"
 
+#: src/views/card/components/NewChecklistItemForm.tsx:88
+msgid "Unable to add checklist item"
+msgstr "Impossible d'ajouter l'élément à la liste de contrôle"
+
 #: src/views/card/components/NewCommentForm.tsx:30
 msgid "Unable to add comment"
 msgstr "Impossible d'ajouter un commentaire"
 
-#: src/views/board/components/NewCardForm.tsx:125
+#: src/views/board/components/NewCardForm.tsx:171
 msgid "Unable to create card"
 msgstr "Impossible de créer la carte"
 
+#: src/views/card/components/NewChecklistForm.tsx:69
+msgid "Unable to create checklist"
+msgstr "Impossible de créer la liste de contrôle"
+
 #: src/views/board/components/NewListForm.tsx:77
 msgid "Unable to create list"
 msgstr "Impossible de créer une liste"
@@ -1399,6 +1548,14 @@ msgstr "Impossible de créer l'espace de travail"
 msgid "Unable to delete card"
 msgstr "Impossible de supprimer la carte"
 
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:36
+msgid "Unable to delete checklist"
+msgstr "Impossible de supprimer la liste de contrôle"
+
+#: src/views/card/components/ChecklistItemRow.tsx:87
+msgid "Unable to delete checklist item"
+msgstr "Impossible de supprimer l'élément de la liste de contrôle"
+
 #: src/views/card/components/DeleteCommentConfirmation.tsx:44
 msgid "Unable to delete comment"
 msgstr "Impossible de supprimer le commentaire"
@@ -1419,12 +1576,20 @@ msgstr "Impossible de mettre à jour l'URL du tableau"
 msgid "Unable to update board visibility"
 msgstr "Impossible de mettre à jour la visibilité du tableau"
 
-#: src/views/card/index.tsx:158
+#: src/views/card/index.tsx:172
-#: src/views/board/index.tsx:190
+#: src/views/board/index.tsx:189
 msgid "Unable to update card"
 msgstr "Impossible de mettre à jour la carte"
 
-#: src/views/card/components/Comment.tsx:61
+#: src/views/card/components/ChecklistNameInput.tsx:45
+msgid "Unable to update checklist"
+msgstr "Impossible de mettre à jour la liste de contrôle"
+
+#: src/views/card/components/ChecklistItemRow.tsx:59
+msgid "Unable to update checklist item"
+msgstr "Impossible de mettre à jour l'élément de la liste de contrôle"
+
+#: src/views/card/components/Comment.tsx:63
 msgid "Unable to update comment"
 msgstr "Impossible de mettre à jour le commentaire"
 
@@ -1433,7 +1598,7 @@ msgid "Unable to update labels"
 msgstr "Impossible de mettre à jour les étiquettes"
 
 #: src/views/card/components/ListSelector.tsx:52
-#: src/views/board/index.tsx:134
+#: src/views/board/index.tsx:133
 msgid "Unable to update list"
 msgstr "Impossible de mettre à jour la liste"
 
@@ -1441,11 +1606,12 @@ msgstr "Impossible de mettre à jour la liste"
 msgid "Unable to update members"
 msgstr "Impossible de mettre à jour les membres"
 
-#: src/views/card/components/ActivityList.tsx:102
+#. placeholder {0}: truncate(memberName)
-msgid "unassigned <0>{memberName}</0> from the card"
+#: src/views/card/components/ActivityList.tsx:121
-msgstr "a retiré <0>{memberName}</0> de la carte"
+msgid "unassigned <0>{0}</0> from the card"
+msgstr "a désassigné <0>{0}</0> de la carte"
 
-#: src/views/card/components/ActivityList.tsx:99
+#: src/views/card/components/ActivityList.tsx:118
 msgid "unassigned themselves from the card"
 msgstr "s'est retiré de la carte"
 
@@ -1477,25 +1643,30 @@ msgstr "Listes illimitées"
 #: src/views/settings/components/UpdateWorkspaceNameForm.tsx:82
 #: src/views/settings/components/UpdateWorkspaceDescriptionForm.tsx:90
 #: src/views/settings/components/UpdateDisplayNameForm.tsx:79
-#: src/views/board/components/UpdateBoardSlugForm.tsx:173
+#: src/views/board/components/UpdateBoardSlugForm.tsx:174
 msgid "Update"
 msgstr "Mettre à jour"
 
-#: src/components/LabelForm.tsx:233
+#: src/components/LabelForm.tsx:238
 msgid "Update label"
 msgstr "Mettre à jour l'étiquette"
 
-#: src/views/card/components/ActivityList.tsx:54
+#: src/views/card/components/ActivityList.tsx:73
+msgid "updated a checklist item"
+msgstr "a mis à jour un élément de la liste de contrôle"
+
+#: src/views/card/components/ActivityList.tsx:63
 msgid "updated the description"
 msgstr "a mis à jour la description"
 
-#: src/views/card/components/ActivityList.tsx:53
+#: src/views/card/components/ActivityList.tsx:62
 msgid "updated the title"
 msgstr "a mis à jour le titre"
 
-#: src/views/card/components/ActivityList.tsx:73
+#. placeholder {0}: truncate(toTitle)
-msgid "updated the title to <0>{toTitle}</0>"
+#: src/views/card/components/ActivityList.tsx:90
-msgstr "a mis à jour le titre en <0>{toTitle}</0>"
+msgid "updated the title to <0>{0}</0>"
+msgstr "a mis à jour le titre en <0>{0}</0>"
 
 #: src/views/settings/components/CustomURLConfirmation.tsx:52
 msgid "Upgrade"
@@ -1526,6 +1697,10 @@ msgstr "Utiliser le modèle"
 msgid "User"
 msgstr "Utilisateur"
 
+#: src/views/members/components/InviteMemberForm.tsx:58
+msgid "User is already a member of this workspace"
+msgstr "L'utilisateur est déjà membre de cet espace de travail"
+
 #: src/views/boards/components/TemplateBoards.tsx:37
 msgid "Video"
 msgstr "Vidéo"
@@ -1542,10 +1717,18 @@ msgstr "Consultez et gérez votre facturation et votre abonnement."
 msgid "View docs"
 msgstr "Voir la documentation"
 
+#: src/views/public/board/index.tsx:120
+msgid "View only"
+msgstr "Affichage uniquement"
+
 #: src/views/home/components/Features.tsx:147
 msgid "View our roadmap."
 msgstr "Consultez notre feuille de route."
 
+#: src/views/public/board/index.tsx:149
+msgid "View workspace"
+msgstr "Voir l'espace de travail"
+
 #: src/views/board/components/VisibilityButton.tsx:91
 msgid "Visibility"
 msgstr "Visibilité"
@@ -1578,7 +1761,7 @@ msgstr "Quand Trello a été lancé en 2011, il a impressionné tout le monde pa
 msgid "Why make an open source Trello?"
 msgstr "Pourquoi créer un Trello open source ?"
 
-#: src/views/board/index.tsx:241
+#: src/views/board/index.tsx:331
 msgid "Workspace"
 msgstr "Espace de travail"
 

apps/web/src/locales/it/messages.po

@@ -13,7 +13,7 @@ msgstr ""
 "Language-Team: \n"
 "Plural-Forms: \n"
 
-#: src/views/card/components/Comment.tsx:121
+#: src/views/card/components/Comment.tsx:123
 msgid " (edited)"
 msgstr " (modificato)"
 
@@ -23,12 +23,12 @@ msgstr ", o consulta i nostri"
 
 #. placeholder {0}: card?.title ?? "Card"
 #. placeholder {1}: board?.name ?? "Board"
-#: src/views/card/index.tsx:189
+#: src/views/card/index.tsx:214
 msgid "{0} | {1}"
 msgstr "{0} | {1}"
 
 #. placeholder {0}: labelPublicIds.length
-#: src/views/board/components/NewCardForm.tsx:365
+#: src/views/board/components/NewCardForm.tsx:432
 msgid "{0} labels"
 msgstr "{0} etichette"
 
@@ -48,8 +48,8 @@ msgstr "Un'app kanban potente e flessibile che ti aiuta a organizzare il lavoro,
 msgid "Account deleted"
 msgstr "Account eliminato"
 
-#: src/views/public/board/CardModal.tsx:104
+#: src/views/public/board/CardModal.tsx:140
-#: src/views/card/index.tsx:256
+#: src/views/card/index.tsx:288
 msgid "Activity"
 msgstr "Attività"
 
@@ -62,35 +62,66 @@ msgid "Add a card"
 msgstr "Aggiungi una carta"
 
 #: src/views/card/components/NewCommentForm.tsx:57
-#: src/views/card/components/Comment.tsx:144
+#: src/views/card/components/Comment.tsx:146
 msgid "Add a comment..."
 msgstr "Aggiungi un commento..."
 
-#: src/components/Editor.tsx:302
+#: src/views/card/components/NewChecklistItemForm.tsx:140
-msgid "Add description... (type '/' to open commands)"
+msgid "Add an item..."
-msgstr "Aggiungi descrizione... (digita '/' per aprire i comandi)"
+msgstr "Aggiungi un elemento..."
+
+#: src/views/card/components/Dropdown.tsx:18
+msgid "Add checklist"
+msgstr "Aggiungi checklist"
+
+#: src/components/Editor.tsx:442
+msgid "Add description... (type '/' to open commands or '@' to mention)"
+msgstr "Aggiungi descrizione... (digita '/' per aprire i comandi o '@' per menzionare)"
+
+#: src/views/card/components/ChecklistItemRow.tsx:172
+msgid "Add details..."
+msgstr "Aggiungi dettagli..."
 
 #: src/views/card/components/LabelSelector.tsx:110
 #: src/views/card/components/LabelSelector.tsx:118
 msgid "Add label"
 msgstr "Aggiungi etichetta"
 
-#: src/views/members/components/InviteMemberForm.tsx:50
+#: src/views/members/components/InviteMemberForm.tsx:85
 #: src/views/card/components/MemberSelector.tsx:130
 msgid "Add member"
 msgstr "Aggiungi membro"
 
-#: src/views/card/components/ActivityList.tsx:56
+#: src/views/card/components/ActivityList.tsx:69
+msgid "added a checklist"
+msgstr "ha aggiunto una checklist"
+
+#: src/views/card/components/ActivityList.tsx:72
+msgid "added a checklist item"
+msgstr "ha aggiunto un elemento alla checklist"
+
+#: src/views/card/components/ActivityList.tsx:65
 msgid "added a label to the card"
 msgstr "ha aggiunto un'etichetta alla carta"
 
-#: src/views/card/components/ActivityList.tsx:58
+#: src/views/card/components/ActivityList.tsx:67
 msgid "added a member to the card"
 msgstr "ha aggiunto un membro alla carta"
 
-#: src/views/card/components/ActivityList.tsx:110
+#. placeholder {0}: truncate(toTitle)
-msgid "added label <0>{label}</0>"
+#: src/views/card/components/ActivityList.tsx:146
-msgstr "ha aggiunto l'etichetta <0>{label}</0>"
+msgid "added checklist <0>{0}</0>"
+msgstr "ha aggiunto la checklist <0>{0}</0>"
+
+#. placeholder {0}: truncate(toTitle)
+#: src/views/card/components/ActivityList.tsx:170
+msgid "added checklist item <0>{0}</0>"
+msgstr "ha aggiunto l'elemento <0>{0}</0> alla checklist"
+
+#. placeholder {0}: truncate(label)
+#: src/views/card/components/ActivityList.tsx:130
+msgid "added label <0>{0}</0>"
+msgstr "ha aggiunto l'etichetta <0>{0}</0>"
 
 #: src/views/home/components/Pricing.tsx:55
 msgid "Admin roles"
@@ -141,17 +172,26 @@ msgstr "Sei sicuro di voler eliminare lo spazio di lavoro {0}?"
 msgid "Are you sure you want to delete this card?"
 msgstr "Sei sicuro di voler eliminare questa carta?"
 
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:55
+msgid "Are you sure you want to delete this checklist?"
+msgstr "Sei sicuro di voler eliminare questa checklist?"
+
 #: src/views/card/components/DeleteCommentConfirmation.tsx:65
 msgid "Are you sure you want to delete this comment?"
 msgstr "Sei sicuro di voler eliminare questo commento?"
 
+#: src/components/DeleteLabelConfirmation.tsx:41
+msgid "Are you sure you want to delete this label?"
+msgstr "Sei sicuro di voler eliminare questa etichetta?"
+
 #: src/views/settings/components/DeleteAccountConfirmation.tsx:54
 msgid "Are you sure you want to delete your account?"
 msgstr "Sei sicuro di voler eliminare il tuo account?"
 
-#: src/views/card/components/ActivityList.tsx:92
+#. placeholder {0}: truncate(memberName)
-msgid "assigned <0>{memberName}</0> to the card"
+#: src/views/card/components/ActivityList.tsx:110
-msgstr "ha assegnato <0>{memberName}</0> alla carta"
+msgid "assigned <0>{0}</0> to the card"
+msgstr "ha assegnato <0>{0}</0> alla scheda"
 
 #: src/views/boards/components/TemplateBoards.tsx:46
 msgid "Awaiting Customer"
@@ -178,7 +218,7 @@ msgstr "Portale di fatturazione"
 msgid "Blog Post"
 msgstr "Post del blog"
 
-#: src/views/board/index.tsx:241
+#: src/views/board/index.tsx:331
 msgid "Board"
 msgstr "Bacheca"
 
@@ -190,7 +230,8 @@ msgstr "Il nome della bacheca non può superare i 100 caratteri"
 msgid "Board name is required"
 msgstr "Il nome della bacheca è obbligatorio"
 
-#: src/views/board/index.tsx:267
+#: src/views/public/board/index.tsx:143
+#: src/views/board/index.tsx:357
 msgid "Board not found"
 msgstr "Bacheca non trovata"
 
@@ -202,7 +243,7 @@ msgstr "L'URL della bacheca può contenere solo lettere, numeri e trattini"
 msgid "Board URL cannot exceed 60 characters"
 msgstr "L'URL della bacheca non può superare i 60 caratteri"
 
-#: src/views/public/board/index.tsx:53
+#: src/views/public/board/index.tsx:59
 msgid "Board URL copied to clipboard"
 msgstr "URL della bacheca copiato negli appunti"
 
@@ -245,16 +286,18 @@ msgstr "Segnalazione bug"
 #: src/views/settings/components/CustomURLConfirmation.tsx:50
 #: src/views/members/components/DeleteMemberConfirmation.tsx:55
 #: src/views/card/components/DeleteCommentConfirmation.tsx:76
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:63
 #: src/views/card/components/DeleteCardConfirmation.tsx:86
-#: src/views/card/components/Comment.tsx:156
+#: src/views/card/components/Comment.tsx:158
+#: src/components/DeleteLabelConfirmation.tsx:49
 msgid "Cancel"
 msgstr "Annulla"
 
-#: src/views/card/index.tsx:234
+#: src/views/card/index.tsx:259
 msgid "Card not found"
 msgstr "Carta non trovata"
 
-#: src/views/board/components/NewCardForm.tsx:254
+#: src/views/board/components/NewCardForm.tsx:307
 msgid "Card title"
 msgstr "Titolo della carta"
 
@@ -267,6 +310,10 @@ msgstr "Cambia la lingua dell'app."
 msgid "Check your inbox"
 msgstr "Controlla la tua casella di posta"
 
+#: src/views/card/components/NewChecklistForm.tsx:118
+msgid "Checklist name"
+msgstr "Nome della checklist"
+
 #: src/views/board/components/Filters.tsx:155
 msgid "Clear filters"
 msgstr "Cancella filtri"
@@ -304,6 +351,15 @@ msgstr "Completato"
 msgid "Complete control and ownership:"
 msgstr "Controllo e proprietà completi:"
 
+#: src/views/card/components/ActivityList.tsx:74
+msgid "completed a checklist item"
+msgstr "ha completato un elemento della checklist"
+
+#. placeholder {0}: truncate(toTitle)
+#: src/views/card/components/ActivityList.tsx:187
+msgid "completed checklist item <0>{0}</0>"
+msgstr "ha completato l'elemento <0>{0}</0> della checklist"
+
 #: src/views/settings/components/CustomURLConfirmation.tsx:42
 msgid "Confirm URL change"
 msgstr "Conferma modifica URL"
@@ -347,8 +403,8 @@ msgid "Control who can view and edit your boards."
 msgstr "Controlla chi può visualizzare e modificare le tue bacheche."
 
 #: src/views/board/components/NewListForm.tsx:140
-#: src/views/board/components/NewCardForm.tsx:391
+#: src/views/board/components/NewCardForm.tsx:458
-#: src/components/LabelForm.tsx:212
+#: src/components/LabelForm.tsx:213
 msgid "Create another"
 msgstr "Crea un altro"
 
@@ -356,15 +412,19 @@ msgstr "Crea un altro"
 msgid "Create board"
 msgstr "Crea bacheca"
 
-#: src/views/board/components/NewCardForm.tsx:401
+#: src/views/board/components/NewCardForm.tsx:468
 msgid "Create card"
 msgstr "Crea carta"
 
-#: src/components/LabelForm.tsx:233
+#: src/views/card/components/NewChecklistForm.tsx:134
+msgid "Create checklist"
+msgstr "Crea checklist"
+
+#: src/components/LabelForm.tsx:238
 msgid "Create label"
 msgstr "Crea etichetta"
 
-#: src/views/board/components/NewListForm.tsx:148
+#: src/views/board/components/NewListForm.tsx:152
 msgid "Create list"
 msgstr "Crea lista"
 
@@ -377,11 +437,11 @@ msgid "Create new key"
 msgstr "Crea nuova chiave"
 
 #: src/views/card/components/LabelSelector.tsx:98
-#: src/views/board/components/NewCardForm.tsx:327
+#: src/views/board/components/NewCardForm.tsx:394
 msgid "Create new label"
 msgstr "Crea nuova etichetta"
 
-#: src/views/board/index.tsx:335
+#: src/views/board/index.tsx:425
 msgid "Create new list"
 msgstr "Crea nuova lista"
 
@@ -390,7 +450,7 @@ msgstr "Crea nuova lista"
 msgid "Create workspace"
 msgstr "Crea spazio di lavoro"
 
-#: src/views/card/components/ActivityList.tsx:52
+#: src/views/card/components/ActivityList.tsx:61
 msgid "created the card"
 msgstr "ha creato la carta"
 
@@ -415,8 +475,10 @@ msgid "Dark"
 msgstr "Scuro"
 
 #: src/views/card/components/DeleteCommentConfirmation.tsx:82
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:66
 #: src/views/card/components/DeleteCardConfirmation.tsx:92
-#: src/components/LabelForm.tsx:226
+#: src/components/LabelForm.tsx:228
+#: src/components/DeleteLabelConfirmation.tsx:51
 msgid "Delete"
 msgstr "Elimina"
 
@@ -430,11 +492,11 @@ msgstr "Elimina account"
 msgid "Delete board"
 msgstr "Elimina bacheca"
 
-#: src/views/card/components/Dropdown.tsx:14
+#: src/views/card/components/Dropdown.tsx:25
 msgid "Delete card"
 msgstr "Elimina carta"
 
-#: src/views/card/components/Comment.tsx:89
+#: src/views/card/components/Comment.tsx:91
 msgid "Delete comment"
 msgstr "Elimina commento"
 
@@ -448,6 +510,24 @@ msgstr "Elimina lista"
 msgid "Delete workspace"
 msgstr "Elimina spazio di lavoro"
 
+#: src/views/card/components/ActivityList.tsx:71
+msgid "deleted a checklist"
+msgstr "ha eliminato una checklist"
+
+#: src/views/card/components/ActivityList.tsx:76
+msgid "deleted a checklist item"
+msgstr "ha eliminato un elemento della checklist"
+
+#. placeholder {0}: truncate(fromTitle)
+#: src/views/card/components/ActivityList.tsx:162
+msgid "deleted checklist <0>{0}</0>"
+msgstr "ha eliminato la checklist <0>{0}</0>"
+
+#. placeholder {0}: truncate(fromTitle)
+#: src/views/card/components/ActivityList.tsx:205
+msgid "deleted checklist item <0>{0}</0>"
+msgstr "ha eliminato l'elemento <0>{0}</0> della checklist"
+
 #: src/views/boards/components/TemplateBoards.tsx:32
 msgid "Design"
 msgstr "Design"
@@ -510,11 +590,11 @@ msgstr "Fatto"
 msgid "Edit board URL"
 msgstr "Modifica URL della bacheca"
 
-#: src/views/card/components/Comment.tsx:80
+#: src/views/card/components/Comment.tsx:82
 msgid "Edit comment"
 msgstr "Modifica commento"
 
-#: src/components/LabelForm.tsx:118
+#: src/components/LabelForm.tsx:119
 msgid "Edit label"
 msgstr "Modifica etichetta"
 
@@ -530,7 +610,7 @@ msgstr "Modifica"
 msgid "email"
 msgstr "email"
 
-#: src/views/members/components/InviteMemberForm.tsx:64
+#: src/views/members/components/InviteMemberForm.tsx:99
 msgid "Email"
 msgstr "Email"
 
@@ -554,6 +634,10 @@ msgstr "Inserisci la tua password"
 msgid "Error deleting account"
 msgstr "Errore durante l'eliminazione dell'account"
 
+#: src/components/DeleteLabelConfirmation.tsx:25
+msgid "Error deleting label"
+msgstr "Errore durante l'eliminazione dell'etichetta"
+
 #: src/views/settings/components/DeleteWorkspaceConfirmation.tsx:45
 msgid "Error deleting workspace"
 msgstr "Errore durante l'eliminazione dell'area di lavoro"
@@ -562,6 +646,11 @@ msgstr "Errore durante l'eliminazione dell'area di lavoro"
 msgid "Error disconnecting Trello"
 msgstr "Errore durante la disconnessione da Trello"
 
+#: src/views/members/components/InviteMemberForm.tsx:57
+#: src/views/members/components/InviteMemberForm.tsx:63
+msgid "Error inviting member"
+msgstr "Errore durante l'invito del membro"
+
 #: src/views/settings/components/UpdateDisplayNameForm.tsx:54
 msgid "Error updating display name"
 msgstr "Errore durante l'aggiornamento del nome visualizzato"
@@ -676,7 +765,7 @@ msgstr "Inizia ora"
 msgid "Get started by creating a new board"
 msgstr "Inizia creando una nuova bacheca"
 
-#: src/views/board/index.tsx:327
+#: src/views/board/index.tsx:417
 msgid "Get started by creating a new list"
 msgstr "Inizia creando una nuova lista"
 
@@ -799,11 +888,19 @@ msgstr "Integrazioni"
 msgid "Interviewing"
 msgstr "Colloquio"
 
+#: src/views/members/components/InviteMemberForm.tsx:26
+msgid "Invalid email address"
+msgstr "Indirizzo email non valido"
+
 #: src/views/members/index.tsx:169
 msgid "Invite"
 msgstr "Invita"
 
-#: src/views/members/components/InviteMemberForm.tsx:82
+#: src/views/members/components/InviteMemberForm.tsx:113
+msgid "Invite another"
+msgstr "Invita un altro"
+
+#: src/views/members/components/InviteMemberForm.tsx:123
 #: src/views/card/components/MemberSelector.tsx:112
 msgid "Invite member"
 msgstr "Invita membro"
@@ -825,8 +922,8 @@ msgstr "Kanban reinventato"
 msgid "Keep in mind that this action is irreversible."
 msgstr "Tieni presente che questa azione è irreversibile."
 
-#: src/views/card/index.tsx:113
+#: src/views/card/index.tsx:118
-#: src/views/board/components/NewCardForm.tsx:331
+#: src/views/board/components/NewCardForm.tsx:398
 #: src/views/board/components/Filters.tsx:101
 msgid "Labels"
 msgstr "Etichette"
@@ -855,11 +952,11 @@ msgstr "Licenza"
 msgid "Light"
 msgstr "Chiaro"
 
-#: src/views/public/board/index.tsx:51
+#: src/views/public/board/index.tsx:57
 msgid "Link copied"
 msgstr "Link copiato"
 
-#: src/views/card/index.tsx:105
+#: src/views/card/index.tsx:110
 msgid "List"
 msgstr "Lista"
 
@@ -887,13 +984,22 @@ msgstr "Bassa priorità"
 msgid "magic link"
 msgstr "link magico"
 
+#: src/views/card/components/ActivityList.tsx:75
+msgid "marked a checklist item as incomplete"
+msgstr "ha segnato un elemento della checklist come incompleto"
+
+#. placeholder {0}: truncate(toTitle)
+#: src/views/card/components/ActivityList.tsx:196
+msgid "marked checklist item <0>{0}</0> as incomplete"
+msgstr "ha segnato l'elemento <0>{0}</0> della checklist come incompleto"
+
 #: src/views/boards/components/TemplateBoards.tsx:17
 msgid "Medium Priority"
 msgstr "Media priorità"
 
 #: src/views/members/index.tsx:161
-#: src/views/card/index.tsx:121
+#: src/views/card/index.tsx:126
-#: src/views/board/components/NewCardForm.tsx:290
+#: src/views/board/components/NewCardForm.tsx:357
 #: src/views/board/components/Filters.tsx:93
 #: src/components/SideNavigation.tsx:73
 msgid "Members"
@@ -908,16 +1014,18 @@ msgstr "Membri | {0}"
 msgid "Monthly"
 msgstr "Mensile"
 
-#: src/views/card/components/ActivityList.tsx:81
+#. placeholder {0}: truncate(fromList)
-msgid "moved the card from <0>{fromList}</0> to<1>{toList}</1>"
+#. placeholder {1}: truncate(toList)
-msgstr "ha spostato la scheda da <0>{fromList}</0> a<1>{toList}</1>"
+#: src/views/card/components/ActivityList.tsx:98
+msgid "moved the card from <0>{0}</0> to<1>{1}</1>"
+msgstr "ha spostato la scheda da <0>{0}</0> a<1>{1}</1>"
 
-#: src/views/card/components/ActivityList.tsx:55
+#: src/views/card/components/ActivityList.tsx:64
 msgid "moved the card to another list"
 msgstr "ha spostato la scheda in un'altra lista"
 
 #: src/views/boards/components/NewBoardForm.tsx:99
-#: src/components/LabelForm.tsx:134
+#: src/components/LabelForm.tsx:135
 msgid "Name"
 msgstr "Nome"
 
@@ -933,19 +1041,23 @@ msgstr "Nuovo"
 msgid "New board"
 msgstr "Nuova bacheca"
 
-#: src/views/board/components/NewCardForm.tsx:237
+#: src/views/board/components/NewCardForm.tsx:290
 msgid "New card"
 msgstr "Nuova carta"
 
+#: src/views/card/components/NewChecklistForm.tsx:102
+msgid "New checklist"
+msgstr "Nuova checklist"
+
 #: src/views/boards/components/ImportBoardsForm.tsx:322
 msgid "New import"
 msgstr "Nuova importazione"
 
-#: src/components/LabelForm.tsx:118
+#: src/components/LabelForm.tsx:119
 msgid "New label"
 msgstr "Nuova etichetta"
 
-#: src/views/board/index.tsx:304
+#: src/views/board/index.tsx:394
 #: src/views/board/components/NewListForm.tsx:112
 msgid "New list"
 msgstr "Nuova lista"
@@ -978,7 +1090,7 @@ msgstr "Nessuna bacheca trovata"
 msgid "No credit card required"
 msgstr "Nessuna carta di credito richiesta"
 
-#: src/views/board/index.tsx:324
+#: src/views/board/index.tsx:414
 msgid "No lists"
 msgstr "Nessuna lista"
 
@@ -1059,24 +1171,32 @@ msgstr "Seleziona un file da caricare."
 #: src/views/settings/components/DeleteAccountConfirmation.tsx:40
 #: src/views/settings/components/Avatar.tsx:40
 #: src/views/settings/components/Avatar.tsx:98
+#: src/views/members/components/InviteMemberForm.tsx:64
 #: src/views/members/components/DeleteMemberConfirmation.tsx:28
-#: src/views/card/index.tsx:159
+#: src/views/card/index.tsx:173
 #: src/views/card/components/NewCommentForm.tsx:31
+#: src/views/card/components/NewChecklistItemForm.tsx:89
+#: src/views/card/components/NewChecklistForm.tsx:70
 #: src/views/card/components/MemberSelector.tsx:80
 #: src/views/card/components/ListSelector.tsx:53
 #: src/views/card/components/LabelSelector.tsx:73
 #: src/views/card/components/DeleteCommentConfirmation.tsx:45
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:37
 #: src/views/card/components/DeleteCardConfirmation.tsx:52
-#: src/views/card/components/Comment.tsx:62
+#: src/views/card/components/Comment.tsx:64
+#: src/views/card/components/ChecklistNameInput.tsx:46
+#: src/views/card/components/ChecklistItemRow.tsx:60
+#: src/views/card/components/ChecklistItemRow.tsx:88
 #: src/views/boards/components/ImportBoardsForm.tsx:205
-#: src/views/board/index.tsx:135
+#: src/views/board/index.tsx:134
-#: src/views/board/index.tsx:191
+#: src/views/board/index.tsx:190
 #: src/views/board/components/VisibilityButton.tsx:53
 #: src/views/board/components/UpdateBoardSlugForm.tsx:72
 #: src/views/board/components/NewListForm.tsx:78
-#: src/views/board/components/NewCardForm.tsx:128
+#: src/views/board/components/NewCardForm.tsx:174
 #: src/components/NewWorkspaceForm.tsx:41
 #: src/components/FeedbackModal.tsx:41
+#: src/components/DeleteLabelConfirmation.tsx:26
 msgid "Please try again later, or contact customer support."
 msgstr "Riprova più tardi o contatta l'assistenza clienti."
 
@@ -1142,17 +1262,32 @@ msgstr "Rimuovi"
 msgid "Remove member"
 msgstr "Rimuovi membro"
 
-#: src/views/card/components/ActivityList.tsx:57
+#: src/views/card/components/ActivityList.tsx:66
 msgid "removed a label from the card"
 msgstr "ha rimosso un'etichetta dalla scheda"
 
-#: src/views/card/components/ActivityList.tsx:59
+#: src/views/card/components/ActivityList.tsx:68
 msgid "removed a member from the card"
 msgstr "ha rimosso un membro dalla scheda"
 
-#: src/views/card/components/ActivityList.tsx:118
+#. placeholder {0}: truncate(label)
-msgid "removed label <0>{label}</0>"
+#: src/views/card/components/ActivityList.tsx:138
-msgstr "ha rimosso l'etichetta <0>{label}</0>"
+msgid "removed label <0>{0}</0>"
+msgstr "ha rimosso l'etichetta <0>{0}</0>"
+
+#: src/views/card/components/ActivityList.tsx:70
+msgid "renamed a checklist"
+msgstr "ha rinominato una checklist"
+
+#. placeholder {0}: truncate(toTitle)
+#: src/views/card/components/ActivityList.tsx:154
+msgid "renamed checklist <0>{0}</0>"
+msgstr "ha rinominato la checklist <0>{0}</0>"
+
+#. placeholder {0}: truncate(toTitle)
+#: src/views/card/components/ActivityList.tsx:178
+msgid "renamed checklist item to <0>{0}</0>"
+msgstr "ha rinominato l'elemento della checklist in <0>{0}</0>"
 
 #: src/views/boards/components/TemplateBoards.tsx:76
 msgid "Research"
@@ -1187,7 +1322,7 @@ msgstr "Ruolo"
 msgid "Run on your own infrastructure"
 msgstr "Esegui sulla tua infrastruttura"
 
-#: src/views/card/components/Comment.tsx:163
+#: src/views/card/components/Comment.tsx:165
 msgid "Save"
 msgstr "Salva"
 
@@ -1215,7 +1350,7 @@ msgstr "Self Host"
 msgid "Self host with Github"
 msgstr "Self host con Github"
 
-#: src/views/card/components/ActivityList.tsx:89
+#: src/views/card/components/ActivityList.tsx:107
 msgid "self-assigned the card"
 msgstr "si è auto-assegnato la scheda"
 
@@ -1334,10 +1469,16 @@ msgid "They won't be able to access this workspace."
 msgstr "Non potranno accedere a questo spazio di lavoro."
 
 #: src/views/card/components/DeleteCommentConfirmation.tsx:68
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:58
 #: src/views/card/components/DeleteCardConfirmation.tsx:78
+#: src/components/DeleteLabelConfirmation.tsx:44
 msgid "This action can't be undone."
 msgstr "Questa azione non può essere annullata."
 
+#: src/views/public/board/index.tsx:146
+msgid "This board is private or does not exist"
+msgstr "Questa bacheca è privata o non esiste"
+
 #: src/views/board/components/UpdateBoardSlugForm.tsx:135
 msgid "This board URL has already been taken"
 msgstr "Questo URL della bacheca è già stato utilizzato"
@@ -1379,14 +1520,22 @@ msgstr "Importazioni da Trello"
 msgid "Triaging"
 msgstr "Smistamento"
 
+#: src/views/card/components/NewChecklistItemForm.tsx:88
+msgid "Unable to add checklist item"
+msgstr "Impossibile aggiungere l'elemento della checklist"
+
 #: src/views/card/components/NewCommentForm.tsx:30
 msgid "Unable to add comment"
 msgstr "Impossibile aggiungere il commento"
 
-#: src/views/board/components/NewCardForm.tsx:125
+#: src/views/board/components/NewCardForm.tsx:171
 msgid "Unable to create card"
 msgstr "Impossibile creare la scheda"
 
+#: src/views/card/components/NewChecklistForm.tsx:69
+msgid "Unable to create checklist"
+msgstr "Impossibile creare la checklist"
+
 #: src/views/board/components/NewListForm.tsx:77
 msgid "Unable to create list"
 msgstr "Impossibile creare la lista"
@@ -1399,6 +1548,14 @@ msgstr "Impossibile creare lo spazio di lavoro"
 msgid "Unable to delete card"
 msgstr "Impossibile eliminare la scheda"
 
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:36
+msgid "Unable to delete checklist"
+msgstr "Impossibile eliminare la checklist"
+
+#: src/views/card/components/ChecklistItemRow.tsx:87
+msgid "Unable to delete checklist item"
+msgstr "Impossibile eliminare l'elemento della checklist"
+
 #: src/views/card/components/DeleteCommentConfirmation.tsx:44
 msgid "Unable to delete comment"
 msgstr "Impossibile eliminare il commento"
@@ -1419,12 +1576,20 @@ msgstr "Impossibile aggiornare l'URL della bacheca"
 msgid "Unable to update board visibility"
 msgstr "Impossibile aggiornare la visibilità della bacheca"
 
-#: src/views/card/index.tsx:158
+#: src/views/card/index.tsx:172
-#: src/views/board/index.tsx:190
+#: src/views/board/index.tsx:189
 msgid "Unable to update card"
 msgstr "Impossibile aggiornare la scheda"
 
-#: src/views/card/components/Comment.tsx:61
+#: src/views/card/components/ChecklistNameInput.tsx:45
+msgid "Unable to update checklist"
+msgstr "Impossibile aggiornare la checklist"
+
+#: src/views/card/components/ChecklistItemRow.tsx:59
+msgid "Unable to update checklist item"
+msgstr "Impossibile aggiornare l'elemento della checklist"
+
+#: src/views/card/components/Comment.tsx:63
 msgid "Unable to update comment"
 msgstr "Impossibile aggiornare il commento"
 
@@ -1433,7 +1598,7 @@ msgid "Unable to update labels"
 msgstr "Impossibile aggiornare le etichette"
 
 #: src/views/card/components/ListSelector.tsx:52
-#: src/views/board/index.tsx:134
+#: src/views/board/index.tsx:133
 msgid "Unable to update list"
 msgstr "Impossibile aggiornare la lista"
 
@@ -1441,11 +1606,12 @@ msgstr "Impossibile aggiornare la lista"
 msgid "Unable to update members"
 msgstr "Impossibile aggiornare i membri"
 
-#: src/views/card/components/ActivityList.tsx:102
+#. placeholder {0}: truncate(memberName)
-msgid "unassigned <0>{memberName}</0> from the card"
+#: src/views/card/components/ActivityList.tsx:121
-msgstr "ha rimosso l'assegnazione di <0>{memberName}</0> dalla scheda"
+msgid "unassigned <0>{0}</0> from the card"
+msgstr "ha rimosso l'assegnazione di <0>{0}</0> dalla scheda"
 
-#: src/views/card/components/ActivityList.tsx:99
+#: src/views/card/components/ActivityList.tsx:118
 msgid "unassigned themselves from the card"
 msgstr "si è rimosso dall'assegnazione della scheda"
 
@@ -1477,25 +1643,30 @@ msgstr "Liste illimitate"
 #: src/views/settings/components/UpdateWorkspaceNameForm.tsx:82
 #: src/views/settings/components/UpdateWorkspaceDescriptionForm.tsx:90
 #: src/views/settings/components/UpdateDisplayNameForm.tsx:79
-#: src/views/board/components/UpdateBoardSlugForm.tsx:173
+#: src/views/board/components/UpdateBoardSlugForm.tsx:174
 msgid "Update"
 msgstr "Aggiorna"
 
-#: src/components/LabelForm.tsx:233
+#: src/components/LabelForm.tsx:238
 msgid "Update label"
 msgstr "Aggiorna etichetta"
 
-#: src/views/card/components/ActivityList.tsx:54
+#: src/views/card/components/ActivityList.tsx:73
+msgid "updated a checklist item"
+msgstr "ha aggiornato un elemento della checklist"
+
+#: src/views/card/components/ActivityList.tsx:63
 msgid "updated the description"
 msgstr "ha aggiornato la descrizione"
 
-#: src/views/card/components/ActivityList.tsx:53
+#: src/views/card/components/ActivityList.tsx:62
 msgid "updated the title"
 msgstr "ha aggiornato il titolo"
 
-#: src/views/card/components/ActivityList.tsx:73
+#. placeholder {0}: truncate(toTitle)
-msgid "updated the title to <0>{toTitle}</0>"
+#: src/views/card/components/ActivityList.tsx:90
-msgstr "ha aggiornato il titolo in <0>{toTitle}</0>"
+msgid "updated the title to <0>{0}</0>"
+msgstr "ha aggiornato il titolo in <0>{0}</0>"
 
 #: src/views/settings/components/CustomURLConfirmation.tsx:52
 msgid "Upgrade"
@@ -1526,6 +1697,10 @@ msgstr "Usa template"
 msgid "User"
 msgstr "Utente"
 
+#: src/views/members/components/InviteMemberForm.tsx:58
+msgid "User is already a member of this workspace"
+msgstr "L'utente è già membro di questo spazio di lavoro"
+
 #: src/views/boards/components/TemplateBoards.tsx:37
 msgid "Video"
 msgstr "Video"
@@ -1542,10 +1717,18 @@ msgstr "Visualizza e gestisci la tua fatturazione e abbonamento."
 msgid "View docs"
 msgstr "Visualizza documenti"
 
+#: src/views/public/board/index.tsx:120
+msgid "View only"
+msgstr "Solo visualizzazione"
+
 #: src/views/home/components/Features.tsx:147
 msgid "View our roadmap."
 msgstr "Visualizza la nostra roadmap."
 
+#: src/views/public/board/index.tsx:149
+msgid "View workspace"
+msgstr "Visualizza spazio di lavoro"
+
 #: src/views/board/components/VisibilityButton.tsx:91
 msgid "Visibility"
 msgstr "Visibilità"
@@ -1578,7 +1761,7 @@ msgstr "Quando Trello fu lanciato nel 2011, stupì tutti con la sua semplicità
 msgid "Why make an open source Trello?"
 msgstr "Perché creare un Trello open source?"
 
-#: src/views/board/index.tsx:241
+#: src/views/board/index.tsx:331
 msgid "Workspace"
 msgstr "Spazio di lavoro"
 

apps/web/src/locales/nl/messages.po

@@ -13,7 +13,7 @@ msgstr ""
 "Language-Team: \n"
 "Plural-Forms: \n"
 
-#: src/views/card/components/Comment.tsx:121
+#: src/views/card/components/Comment.tsx:123
 msgid " (edited)"
 msgstr " (bewerkt)"
 
@@ -23,12 +23,12 @@ msgstr ", of bekijk onze"
 
 #. placeholder {0}: card?.title ?? "Card"
 #. placeholder {1}: board?.name ?? "Board"
-#: src/views/card/index.tsx:189
+#: src/views/card/index.tsx:214
 msgid "{0} | {1}"
 msgstr "{0} | {1}"
 
 #. placeholder {0}: labelPublicIds.length
-#: src/views/board/components/NewCardForm.tsx:365
+#: src/views/board/components/NewCardForm.tsx:432
 msgid "{0} labels"
 msgstr "{0} labels"
 
@@ -48,8 +48,8 @@ msgstr "Een krachtige, flexibele kanban-app die je helpt werk te organiseren, vo
 msgid "Account deleted"
 msgstr "Account verwijderd"
 
-#: src/views/public/board/CardModal.tsx:104
+#: src/views/public/board/CardModal.tsx:140
-#: src/views/card/index.tsx:256
+#: src/views/card/index.tsx:288
 msgid "Activity"
 msgstr "Activiteit"
 
@@ -62,35 +62,66 @@ msgid "Add a card"
 msgstr "Voeg een kaart toe"
 
 #: src/views/card/components/NewCommentForm.tsx:57
-#: src/views/card/components/Comment.tsx:144
+#: src/views/card/components/Comment.tsx:146
 msgid "Add a comment..."
 msgstr "Voeg een reactie toe..."
 
-#: src/components/Editor.tsx:302
+#: src/views/card/components/NewChecklistItemForm.tsx:140
-msgid "Add description... (type '/' to open commands)"
+msgid "Add an item..."
-msgstr "Voeg beschrijving toe... (typ '/' om commando's te openen)"
+msgstr "Voeg een item toe..."
+
+#: src/views/card/components/Dropdown.tsx:18
+msgid "Add checklist"
+msgstr "Checklist toevoegen"
+
+#: src/components/Editor.tsx:442
+msgid "Add description... (type '/' to open commands or '@' to mention)"
+msgstr "Beschrijving toevoegen... (typ '/' om commando's te openen of '@' om te vermelden)"
+
+#: src/views/card/components/ChecklistItemRow.tsx:172
+msgid "Add details..."
+msgstr "Details toevoegen..."
 
 #: src/views/card/components/LabelSelector.tsx:110
 #: src/views/card/components/LabelSelector.tsx:118
 msgid "Add label"
 msgstr "Label toevoegen"
 
-#: src/views/members/components/InviteMemberForm.tsx:50
+#: src/views/members/components/InviteMemberForm.tsx:85
 #: src/views/card/components/MemberSelector.tsx:130
 msgid "Add member"
 msgstr "Lid toevoegen"
 
-#: src/views/card/components/ActivityList.tsx:56
+#: src/views/card/components/ActivityList.tsx:69
+msgid "added a checklist"
+msgstr "heeft een checklist toegevoegd"
+
+#: src/views/card/components/ActivityList.tsx:72
+msgid "added a checklist item"
+msgstr "heeft een checklistitem toegevoegd"
+
+#: src/views/card/components/ActivityList.tsx:65
 msgid "added a label to the card"
 msgstr "heeft een label aan de kaart toegevoegd"
 
-#: src/views/card/components/ActivityList.tsx:58
+#: src/views/card/components/ActivityList.tsx:67
 msgid "added a member to the card"
 msgstr "heeft een lid aan de kaart toegevoegd"
 
-#: src/views/card/components/ActivityList.tsx:110
+#. placeholder {0}: truncate(toTitle)
-msgid "added label <0>{label}</0>"
+#: src/views/card/components/ActivityList.tsx:146
-msgstr "heeft label <0>{label}</0> toegevoegd"
+msgid "added checklist <0>{0}</0>"
+msgstr "heeft checklist <0>{0}</0> toegevoegd"
+
+#. placeholder {0}: truncate(toTitle)
+#: src/views/card/components/ActivityList.tsx:170
+msgid "added checklist item <0>{0}</0>"
+msgstr "heeft checklistitem <0>{0}</0> toegevoegd"
+
+#. placeholder {0}: truncate(label)
+#: src/views/card/components/ActivityList.tsx:130
+msgid "added label <0>{0}</0>"
+msgstr "heeft label <0>{0}</0> toegevoegd"
 
 #: src/views/home/components/Pricing.tsx:55
 msgid "Admin roles"
@@ -141,17 +172,26 @@ msgstr "Weet je zeker dat je de werkruimte {0} wilt verwijderen?"
 msgid "Are you sure you want to delete this card?"
 msgstr "Weet je zeker dat je deze kaart wilt verwijderen?"
 
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:55
+msgid "Are you sure you want to delete this checklist?"
+msgstr "Weet je zeker dat je deze checklist wilt verwijderen?"
+
 #: src/views/card/components/DeleteCommentConfirmation.tsx:65
 msgid "Are you sure you want to delete this comment?"
 msgstr "Weet je zeker dat je deze opmerking wilt verwijderen?"
 
+#: src/components/DeleteLabelConfirmation.tsx:41
+msgid "Are you sure you want to delete this label?"
+msgstr "Weet je zeker dat je dit label wilt verwijderen?"
+
 #: src/views/settings/components/DeleteAccountConfirmation.tsx:54
 msgid "Are you sure you want to delete your account?"
 msgstr "Weet je zeker dat je je account wilt verwijderen?"
 
-#: src/views/card/components/ActivityList.tsx:92
+#. placeholder {0}: truncate(memberName)
-msgid "assigned <0>{memberName}</0> to the card"
+#: src/views/card/components/ActivityList.tsx:110
-msgstr "heeft <0>{memberName}</0> aan de kaart toegewezen"
+msgid "assigned <0>{0}</0> to the card"
+msgstr "heeft <0>{0}</0> aan de kaart toegewezen"
 
 #: src/views/boards/components/TemplateBoards.tsx:46
 msgid "Awaiting Customer"
@@ -178,7 +218,7 @@ msgstr "Factureringsportaal"
 msgid "Blog Post"
 msgstr "Blogbericht"
 
-#: src/views/board/index.tsx:241
+#: src/views/board/index.tsx:331
 msgid "Board"
 msgstr "Bord"
 
@@ -190,7 +230,8 @@ msgstr "Bordnaam mag niet langer zijn dan 100 tekens"
 msgid "Board name is required"
 msgstr "Bordnaam is verplicht"
 
-#: src/views/board/index.tsx:267
+#: src/views/public/board/index.tsx:143
+#: src/views/board/index.tsx:357
 msgid "Board not found"
 msgstr "Bord niet gevonden"
 
@@ -202,7 +243,7 @@ msgstr "Board URL kan alleen letters, cijfers en koppeltekens bevatten"
 msgid "Board URL cannot exceed 60 characters"
 msgstr "Board URL mag niet langer zijn dan 60 tekens"
 
-#: src/views/public/board/index.tsx:53
+#: src/views/public/board/index.tsx:59
 msgid "Board URL copied to clipboard"
 msgstr "Board URL gekopieerd naar klembord"
 
@@ -245,16 +286,18 @@ msgstr "Bugrapport"
 #: src/views/settings/components/CustomURLConfirmation.tsx:50
 #: src/views/members/components/DeleteMemberConfirmation.tsx:55
 #: src/views/card/components/DeleteCommentConfirmation.tsx:76
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:63
 #: src/views/card/components/DeleteCardConfirmation.tsx:86
-#: src/views/card/components/Comment.tsx:156
+#: src/views/card/components/Comment.tsx:158
+#: src/components/DeleteLabelConfirmation.tsx:49
 msgid "Cancel"
 msgstr "Annuleren"
 
-#: src/views/card/index.tsx:234
+#: src/views/card/index.tsx:259
 msgid "Card not found"
 msgstr "Kaart niet gevonden"
 
-#: src/views/board/components/NewCardForm.tsx:254
+#: src/views/board/components/NewCardForm.tsx:307
 msgid "Card title"
 msgstr "Kaarttitel"
 
@@ -267,6 +310,10 @@ msgstr "Wijzig de taal van de app."
 msgid "Check your inbox"
 msgstr "Controleer je inbox"
 
+#: src/views/card/components/NewChecklistForm.tsx:118
+msgid "Checklist name"
+msgstr "Naam checklist"
+
 #: src/views/board/components/Filters.tsx:155
 msgid "Clear filters"
 msgstr "Filters wissen"
@@ -304,6 +351,15 @@ msgstr "Voltooid"
 msgid "Complete control and ownership:"
 msgstr "Volledige controle en eigendom:"
 
+#: src/views/card/components/ActivityList.tsx:74
+msgid "completed a checklist item"
+msgstr "heeft een checklistitem voltooid"
+
+#. placeholder {0}: truncate(toTitle)
+#: src/views/card/components/ActivityList.tsx:187
+msgid "completed checklist item <0>{0}</0>"
+msgstr "heeft checklistitem <0>{0}</0> voltooid"
+
 #: src/views/settings/components/CustomURLConfirmation.tsx:42
 msgid "Confirm URL change"
 msgstr "URL-wijziging bevestigen"
@@ -347,8 +403,8 @@ msgid "Control who can view and edit your boards."
 msgstr "Bepaal wie je borden kan bekijken en bewerken."
 
 #: src/views/board/components/NewListForm.tsx:140
-#: src/views/board/components/NewCardForm.tsx:391
+#: src/views/board/components/NewCardForm.tsx:458
-#: src/components/LabelForm.tsx:212
+#: src/components/LabelForm.tsx:213
 msgid "Create another"
 msgstr "Maak nog een"
 
@@ -356,15 +412,19 @@ msgstr "Maak nog een"
 msgid "Create board"
 msgstr "Maak bord"
 
-#: src/views/board/components/NewCardForm.tsx:401
+#: src/views/board/components/NewCardForm.tsx:468
 msgid "Create card"
 msgstr "Maak kaart"
 
-#: src/components/LabelForm.tsx:233
+#: src/views/card/components/NewChecklistForm.tsx:134
+msgid "Create checklist"
+msgstr "Checklist maken"
+
+#: src/components/LabelForm.tsx:238
 msgid "Create label"
 msgstr "Maak label"
 
-#: src/views/board/components/NewListForm.tsx:148
+#: src/views/board/components/NewListForm.tsx:152
 msgid "Create list"
 msgstr "Lijst maken"
 
@@ -377,11 +437,11 @@ msgid "Create new key"
 msgstr "Nieuwe sleutel aanmaken"
 
 #: src/views/card/components/LabelSelector.tsx:98
-#: src/views/board/components/NewCardForm.tsx:327
+#: src/views/board/components/NewCardForm.tsx:394
 msgid "Create new label"
 msgstr "Maak nieuw label"
 
-#: src/views/board/index.tsx:335
+#: src/views/board/index.tsx:425
 msgid "Create new list"
 msgstr "Maak nieuwe lijst"
 
@@ -390,7 +450,7 @@ msgstr "Maak nieuwe lijst"
 msgid "Create workspace"
 msgstr "Werkruimte maken"
 
-#: src/views/card/components/ActivityList.tsx:52
+#: src/views/card/components/ActivityList.tsx:61
 msgid "created the card"
 msgstr "heeft de kaart aangemaakt"
 
@@ -415,8 +475,10 @@ msgid "Dark"
 msgstr "Donker"
 
 #: src/views/card/components/DeleteCommentConfirmation.tsx:82
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:66
 #: src/views/card/components/DeleteCardConfirmation.tsx:92
-#: src/components/LabelForm.tsx:226
+#: src/components/LabelForm.tsx:228
+#: src/components/DeleteLabelConfirmation.tsx:51
 msgid "Delete"
 msgstr "Verwijderen"
 
@@ -430,11 +492,11 @@ msgstr "Account verwijderen"
 msgid "Delete board"
 msgstr "Board verwijderen"
 
-#: src/views/card/components/Dropdown.tsx:14
+#: src/views/card/components/Dropdown.tsx:25
 msgid "Delete card"
 msgstr "Kaart verwijderen"
 
-#: src/views/card/components/Comment.tsx:89
+#: src/views/card/components/Comment.tsx:91
 msgid "Delete comment"
 msgstr "Reactie verwijderen"
 
@@ -448,6 +510,24 @@ msgstr "Lijst verwijderen"
 msgid "Delete workspace"
 msgstr "Werkruimte verwijderen"
 
+#: src/views/card/components/ActivityList.tsx:71
+msgid "deleted a checklist"
+msgstr "heeft een checklist verwijderd"
+
+#: src/views/card/components/ActivityList.tsx:76
+msgid "deleted a checklist item"
+msgstr "heeft een checklistitem verwijderd"
+
+#. placeholder {0}: truncate(fromTitle)
+#: src/views/card/components/ActivityList.tsx:162
+msgid "deleted checklist <0>{0}</0>"
+msgstr "heeft checklist <0>{0}</0> verwijderd"
+
+#. placeholder {0}: truncate(fromTitle)
+#: src/views/card/components/ActivityList.tsx:205
+msgid "deleted checklist item <0>{0}</0>"
+msgstr "heeft checklistitem <0>{0}</0> verwijderd"
+
 #: src/views/boards/components/TemplateBoards.tsx:32
 msgid "Design"
 msgstr "Ontwerp"
@@ -510,11 +590,11 @@ msgstr "Klaar"
 msgid "Edit board URL"
 msgstr "Board URL bewerken"
 
-#: src/views/card/components/Comment.tsx:80
+#: src/views/card/components/Comment.tsx:82
 msgid "Edit comment"
 msgstr "Reactie bewerken"
 
-#: src/components/LabelForm.tsx:118
+#: src/components/LabelForm.tsx:119
 msgid "Edit label"
 msgstr "Label bewerken"
 
@@ -530,7 +610,7 @@ msgstr "Bewerken"
 msgid "email"
 msgstr "e-mail"
 
-#: src/views/members/components/InviteMemberForm.tsx:64
+#: src/views/members/components/InviteMemberForm.tsx:99
 msgid "Email"
 msgstr "E-mail"
 
@@ -554,6 +634,10 @@ msgstr "Voer je wachtwoord in"
 msgid "Error deleting account"
 msgstr "Fout bij verwijderen account"
 
+#: src/components/DeleteLabelConfirmation.tsx:25
+msgid "Error deleting label"
+msgstr "Fout bij het verwijderen van label"
+
 #: src/views/settings/components/DeleteWorkspaceConfirmation.tsx:45
 msgid "Error deleting workspace"
 msgstr "Fout bij verwijderen werkruimte"
@@ -562,6 +646,11 @@ msgstr "Fout bij verwijderen werkruimte"
 msgid "Error disconnecting Trello"
 msgstr "Fout bij ontkoppelen van Trello"
 
+#: src/views/members/components/InviteMemberForm.tsx:57
+#: src/views/members/components/InviteMemberForm.tsx:63
+msgid "Error inviting member"
+msgstr "Fout bij het uitnodigen van lid"
+
 #: src/views/settings/components/UpdateDisplayNameForm.tsx:54
 msgid "Error updating display name"
 msgstr "Fout bij bijwerken weergavenaam"
@@ -676,7 +765,7 @@ msgstr "Aan de slag"
 msgid "Get started by creating a new board"
 msgstr "Begin door een nieuw bord te maken"
 
-#: src/views/board/index.tsx:327
+#: src/views/board/index.tsx:417
 msgid "Get started by creating a new list"
 msgstr "Begin door een nieuwe lijst te maken"
 
@@ -799,11 +888,19 @@ msgstr "Integraties"
 msgid "Interviewing"
 msgstr "Interviewen"
 
+#: src/views/members/components/InviteMemberForm.tsx:26
+msgid "Invalid email address"
+msgstr "Ongeldig e-mailadres"
+
 #: src/views/members/index.tsx:169
 msgid "Invite"
 msgstr "Uitnodigen"
 
-#: src/views/members/components/InviteMemberForm.tsx:82
+#: src/views/members/components/InviteMemberForm.tsx:113
+msgid "Invite another"
+msgstr "Nog iemand uitnodigen"
+
+#: src/views/members/components/InviteMemberForm.tsx:123
 #: src/views/card/components/MemberSelector.tsx:112
 msgid "Invite member"
 msgstr "Lid uitnodigen"
@@ -825,8 +922,8 @@ msgstr "Kanban opnieuw uitgevonden"
 msgid "Keep in mind that this action is irreversible."
 msgstr "Houd er rekening mee dat deze actie onomkeerbaar is."
 
-#: src/views/card/index.tsx:113
+#: src/views/card/index.tsx:118
-#: src/views/board/components/NewCardForm.tsx:331
+#: src/views/board/components/NewCardForm.tsx:398
 #: src/views/board/components/Filters.tsx:101
 msgid "Labels"
 msgstr "Labels"
@@ -855,11 +952,11 @@ msgstr "Licentie"
 msgid "Light"
 msgstr "Licht"
 
-#: src/views/public/board/index.tsx:51
+#: src/views/public/board/index.tsx:57
 msgid "Link copied"
 msgstr "Link gekopieerd"
 
-#: src/views/card/index.tsx:105
+#: src/views/card/index.tsx:110
 msgid "List"
 msgstr "Lijst"
 
@@ -887,13 +984,22 @@ msgstr "Lage prioriteit"
 msgid "magic link"
 msgstr "magische link"
 
+#: src/views/card/components/ActivityList.tsx:75
+msgid "marked a checklist item as incomplete"
+msgstr "heeft een checklistitem als onvoltooid gemarkeerd"
+
+#. placeholder {0}: truncate(toTitle)
+#: src/views/card/components/ActivityList.tsx:196
+msgid "marked checklist item <0>{0}</0> as incomplete"
+msgstr "heeft checklistitem <0>{0}</0> als onvoltooid gemarkeerd"
+
 #: src/views/boards/components/TemplateBoards.tsx:17
 msgid "Medium Priority"
 msgstr "Gemiddelde prioriteit"
 
 #: src/views/members/index.tsx:161
-#: src/views/card/index.tsx:121
+#: src/views/card/index.tsx:126
-#: src/views/board/components/NewCardForm.tsx:290
+#: src/views/board/components/NewCardForm.tsx:357
 #: src/views/board/components/Filters.tsx:93
 #: src/components/SideNavigation.tsx:73
 msgid "Members"
@@ -908,16 +1014,18 @@ msgstr "Leden | {0}"
 msgid "Monthly"
 msgstr "Maandelijks"
 
-#: src/views/card/components/ActivityList.tsx:81
+#. placeholder {0}: truncate(fromList)
-msgid "moved the card from <0>{fromList}</0> to<1>{toList}</1>"
+#. placeholder {1}: truncate(toList)
-msgstr "heeft de kaart verplaatst van <0>{fromList}</0> naar<1>{toList}</1>"
+#: src/views/card/components/ActivityList.tsx:98
+msgid "moved the card from <0>{0}</0> to<1>{1}</1>"
+msgstr "heeft de kaart verplaatst van <0>{0}</0> naar<1>{1}</1>"
 
-#: src/views/card/components/ActivityList.tsx:55
+#: src/views/card/components/ActivityList.tsx:64
 msgid "moved the card to another list"
 msgstr "heeft de kaart naar een andere lijst verplaatst"
 
 #: src/views/boards/components/NewBoardForm.tsx:99
-#: src/components/LabelForm.tsx:134
+#: src/components/LabelForm.tsx:135
 msgid "Name"
 msgstr "Naam"
 
@@ -933,19 +1041,23 @@ msgstr "Nieuw"
 msgid "New board"
 msgstr "Nieuw bord"
 
-#: src/views/board/components/NewCardForm.tsx:237
+#: src/views/board/components/NewCardForm.tsx:290
 msgid "New card"
 msgstr "Nieuwe kaart"
 
+#: src/views/card/components/NewChecklistForm.tsx:102
+msgid "New checklist"
+msgstr "Nieuwe checklist"
+
 #: src/views/boards/components/ImportBoardsForm.tsx:322
 msgid "New import"
 msgstr "Nieuwe import"
 
-#: src/components/LabelForm.tsx:118
+#: src/components/LabelForm.tsx:119
 msgid "New label"
 msgstr "Nieuw label"
 
-#: src/views/board/index.tsx:304
+#: src/views/board/index.tsx:394
 #: src/views/board/components/NewListForm.tsx:112
 msgid "New list"
 msgstr "Nieuwe lijst"
@@ -978,7 +1090,7 @@ msgstr "Geen borden gevonden"
 msgid "No credit card required"
 msgstr "Geen creditcard vereist"
 
-#: src/views/board/index.tsx:324
+#: src/views/board/index.tsx:414
 msgid "No lists"
 msgstr "Geen lijsten"
 
@@ -1059,24 +1171,32 @@ msgstr "Selecteer een bestand om te uploaden."
 #: src/views/settings/components/DeleteAccountConfirmation.tsx:40
 #: src/views/settings/components/Avatar.tsx:40
 #: src/views/settings/components/Avatar.tsx:98
+#: src/views/members/components/InviteMemberForm.tsx:64
 #: src/views/members/components/DeleteMemberConfirmation.tsx:28
-#: src/views/card/index.tsx:159
+#: src/views/card/index.tsx:173
 #: src/views/card/components/NewCommentForm.tsx:31
+#: src/views/card/components/NewChecklistItemForm.tsx:89
+#: src/views/card/components/NewChecklistForm.tsx:70
 #: src/views/card/components/MemberSelector.tsx:80
 #: src/views/card/components/ListSelector.tsx:53
 #: src/views/card/components/LabelSelector.tsx:73
 #: src/views/card/components/DeleteCommentConfirmation.tsx:45
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:37
 #: src/views/card/components/DeleteCardConfirmation.tsx:52
-#: src/views/card/components/Comment.tsx:62
+#: src/views/card/components/Comment.tsx:64
+#: src/views/card/components/ChecklistNameInput.tsx:46
+#: src/views/card/components/ChecklistItemRow.tsx:60
+#: src/views/card/components/ChecklistItemRow.tsx:88
 #: src/views/boards/components/ImportBoardsForm.tsx:205
-#: src/views/board/index.tsx:135
+#: src/views/board/index.tsx:134
-#: src/views/board/index.tsx:191
+#: src/views/board/index.tsx:190
 #: src/views/board/components/VisibilityButton.tsx:53
 #: src/views/board/components/UpdateBoardSlugForm.tsx:72
 #: src/views/board/components/NewListForm.tsx:78
-#: src/views/board/components/NewCardForm.tsx:128
+#: src/views/board/components/NewCardForm.tsx:174
 #: src/components/NewWorkspaceForm.tsx:41
 #: src/components/FeedbackModal.tsx:41
+#: src/components/DeleteLabelConfirmation.tsx:26
 msgid "Please try again later, or contact customer support."
 msgstr "Probeer het later opnieuw of neem contact op met de klantenservice."
 
@@ -1142,17 +1262,32 @@ msgstr "Verwijderen"
 msgid "Remove member"
 msgstr "Lid verwijderen"
 
-#: src/views/card/components/ActivityList.tsx:57
+#: src/views/card/components/ActivityList.tsx:66
 msgid "removed a label from the card"
 msgstr "heeft een label van de kaart verwijderd"
 
-#: src/views/card/components/ActivityList.tsx:59
+#: src/views/card/components/ActivityList.tsx:68
 msgid "removed a member from the card"
 msgstr "heeft een lid van de kaart verwijderd"
 
-#: src/views/card/components/ActivityList.tsx:118
+#. placeholder {0}: truncate(label)
-msgid "removed label <0>{label}</0>"
+#: src/views/card/components/ActivityList.tsx:138
-msgstr "heeft label <0>{label}</0> verwijderd"
+msgid "removed label <0>{0}</0>"
+msgstr "heeft label <0>{0}</0> verwijderd"
+
+#: src/views/card/components/ActivityList.tsx:70
+msgid "renamed a checklist"
+msgstr "heeft een checklist hernoemd"
+
+#. placeholder {0}: truncate(toTitle)
+#: src/views/card/components/ActivityList.tsx:154
+msgid "renamed checklist <0>{0}</0>"
+msgstr "heeft checklist <0>{0}</0> hernoemd"
+
+#. placeholder {0}: truncate(toTitle)
+#: src/views/card/components/ActivityList.tsx:178
+msgid "renamed checklist item to <0>{0}</0>"
+msgstr "checklistitem hernoemd naar <0>{0}</0>"
 
 #: src/views/boards/components/TemplateBoards.tsx:76
 msgid "Research"
@@ -1187,7 +1322,7 @@ msgstr "Rol"
 msgid "Run on your own infrastructure"
 msgstr "Draai op je eigen infrastructuur"
 
-#: src/views/card/components/Comment.tsx:163
+#: src/views/card/components/Comment.tsx:165
 msgid "Save"
 msgstr "Opslaan"
 
@@ -1215,7 +1350,7 @@ msgstr "Zelf hosten"
 msgid "Self host with Github"
 msgstr "Zelf hosten met Github"
 
-#: src/views/card/components/ActivityList.tsx:89
+#: src/views/card/components/ActivityList.tsx:107
 msgid "self-assigned the card"
 msgstr "heeft de kaart aan zichzelf toegewezen"
 
@@ -1334,10 +1469,16 @@ msgid "They won't be able to access this workspace."
 msgstr "Ze zullen geen toegang meer hebben tot deze werkruimte."
 
 #: src/views/card/components/DeleteCommentConfirmation.tsx:68
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:58
 #: src/views/card/components/DeleteCardConfirmation.tsx:78
+#: src/components/DeleteLabelConfirmation.tsx:44
 msgid "This action can't be undone."
 msgstr "Deze actie kan niet ongedaan worden gemaakt."
 
+#: src/views/public/board/index.tsx:146
+msgid "This board is private or does not exist"
+msgstr "Dit bord is privé of bestaat niet"
+
 #: src/views/board/components/UpdateBoardSlugForm.tsx:135
 msgid "This board URL has already been taken"
 msgstr "Deze board URL is al in gebruik"
@@ -1379,14 +1520,22 @@ msgstr "Trello-imports"
 msgid "Triaging"
 msgstr "Triage"
 
+#: src/views/card/components/NewChecklistItemForm.tsx:88
+msgid "Unable to add checklist item"
+msgstr "Kan checklistitem niet toevoegen"
+
 #: src/views/card/components/NewCommentForm.tsx:30
 msgid "Unable to add comment"
 msgstr "Kan geen reactie toevoegen"
 
-#: src/views/board/components/NewCardForm.tsx:125
+#: src/views/board/components/NewCardForm.tsx:171
 msgid "Unable to create card"
 msgstr "Kan kaart niet aanmaken"
 
+#: src/views/card/components/NewChecklistForm.tsx:69
+msgid "Unable to create checklist"
+msgstr "Kan checklist niet maken"
+
 #: src/views/board/components/NewListForm.tsx:77
 msgid "Unable to create list"
 msgstr "Kan geen lijst maken"
@@ -1399,6 +1548,14 @@ msgstr "Kan werkruimte niet aanmaken"
 msgid "Unable to delete card"
 msgstr "Kan kaart niet verwijderen"
 
+#: src/views/card/components/DeleteChecklistConfirmation.tsx:36
+msgid "Unable to delete checklist"
+msgstr "Kan checklist niet verwijderen"
+
+#: src/views/card/components/ChecklistItemRow.tsx:87
+msgid "Unable to delete checklist item"
+msgstr "Kan checklistitem niet verwijderen"
+
 #: src/views/card/components/DeleteCommentConfirmation.tsx:44
 msgid "Unable to delete comment"
 msgstr "Kan opmerking niet verwijderen"
@@ -1419,12 +1576,20 @@ msgstr "Kan board URL niet bijwerken"
 msgid "Unable to update board visibility"
 msgstr "Kan bordzichtbaarheid niet bijwerken"
 
-#: src/views/card/index.tsx:158
+#: src/views/card/index.tsx:172
-#: src/views/board/index.tsx:190
+#: src/views/board/index.tsx:189
 msgid "Unable to update card"
 msgstr "Kan kaart niet bijwerken"
 
-#: src/views/card/components/Comment.tsx:61
+#: src/views/card/components/ChecklistNameInput.tsx:45
+msgid "Unable to update checklist"
+msgstr "Kan checklist niet bijwerken"
+
+#: src/views/card/components/ChecklistItemRow.tsx:59
+msgid "Unable to update checklist item"
+msgstr "Kan checklistitem niet bijwerken"
+
+#: src/views/card/components/Comment.tsx:63
 msgid "Unable to update comment"
 msgstr "Kan reactie niet bijwerken"
 
@@ -1433,7 +1598,7 @@ msgid "Unable to update labels"
 msgstr "Kan labels niet bijwerken"
 
 #: src/views/card/components/ListSelector.tsx:52
-#: src/views/board/index.tsx:134
+#: src/views/board/index.tsx:133
 msgid "Unable to update list"
 msgstr "Kan lijst niet bijwerken"
 
@@ -1441,11 +1606,12 @@ msgstr "Kan lijst niet bijwerken"
 msgid "Unable to update members"
 msgstr "Kan leden niet bijwerken"
 
-#: src/views/card/components/ActivityList.tsx:102
+#. placeholder {0}: truncate(memberName)
-msgid "unassigned <0>{memberName}</0> from the card"
+#: src/views/card/components/ActivityList.tsx:121
-msgstr "<0>{memberName}</0> van de kaart verwijderd"
+msgid "unassigned <0>{0}</0> from the card"
+msgstr "<0>{0}</0> van de kaart verwijderd"
 
-#: src/views/card/components/ActivityList.tsx:99
+#: src/views/card/components/ActivityList.tsx:118
 msgid "unassigned themselves from the card"
 msgstr "zichzelf van de kaart verwijderd"
 
@@ -1477,25 +1643,30 @@ msgstr "Onbeperkt aantal lijsten"
 #: src/views/settings/components/UpdateWorkspaceNameForm.tsx:82
 #: src/views/settings/components/UpdateWorkspaceDescriptionForm.tsx:90
 #: src/views/settings/components/UpdateDisplayNameForm.tsx:79
-#: src/views/board/components/UpdateBoardSlugForm.tsx:173
+#: src/views/board/components/UpdateBoardSlugForm.tsx:174
 msgid "Update"
 msgstr "Bijwerken"
 
-#: src/components/LabelForm.tsx:233
+#: src/components/LabelForm.tsx:238
 msgid "Update label"
 msgstr "Label bijwerken"
 
-#: src/views/card/components/ActivityList.tsx:54
+#: src/views/card/components/ActivityList.tsx:73
+msgid "updated a checklist item"
+msgstr "een checklistitem bijgewerkt"
+
+#: src/views/card/components/ActivityList.tsx:63
 msgid "updated the description"
 msgstr "beschrijving bijgewerkt"
 
-#: src/views/card/components/ActivityList.tsx:53
+#: src/views/card/components/ActivityList.tsx:62
 msgid "updated the title"
 msgstr "titel bijgewerkt"
 
-#: src/views/card/components/ActivityList.tsx:73
+#. placeholder {0}: truncate(toTitle)
-msgid "updated the title to <0>{toTitle}</0>"
+#: src/views/card/components/ActivityList.tsx:90
-msgstr "titel bijgewerkt naar <0>{toTitle}</0>"
+msgid "updated the title to <0>{0}</0>"
+msgstr "titel bijgewerkt naar <0>{0}</0>"
 
 #: src/views/settings/components/CustomURLConfirmation.tsx:52
 msgid "Upgrade"
@@ -1526,6 +1697,10 @@ msgstr "Sjabloon gebruiken"
 msgid "User"
 msgstr "Gebruiker"
 
+#: src/views/members/components/InviteMemberForm.tsx:58
+msgid "User is already a member of this workspace"
+msgstr "Gebruiker is al lid van deze werkruimte"
+
 #: src/views/boards/components/TemplateBoards.tsx:37
 msgid "Video"
 msgstr "Video"
@@ -1542,10 +1717,18 @@ msgstr "Bekijk en beheer je facturering en abonnement."
 msgid "View docs"
 msgstr "Bekijk documentatie"
 
+#: src/views/public/board/index.tsx:120
+msgid "View only"
+msgstr "Alleen bekijken"
+
 #: src/views/home/components/Features.tsx:147
 msgid "View our roadmap."
 msgstr "Bekijk onze roadmap."
 
+#: src/views/public/board/index.tsx:149
+msgid "View workspace"
+msgstr "Werkruimte bekijken"
+
 #: src/views/board/components/VisibilityButton.tsx:91
 msgid "Visibility"
 msgstr "Zichtbaarheid"
@@ -1578,7 +1761,7 @@ msgstr "Toen Trello in 2011 werd gelanceerd, blies het iedereen omver met zijn z
 msgid "Why make an open source Trello?"
 msgstr "Waarom een open source Trello maken?"
 
-#: src/views/board/index.tsx:241
+#: src/views/board/index.tsx:331
 msgid "Workspace"
 msgstr "Werkruimte"
 

apps/web/src/providers/modal.tsx

@@ -1,6 +1,16 @@
 import { createContext, useContext, useState } from "react";
 
-type ModalContextType = {
+interface ModalState {
+  contentType: string;
+  entityId?: string;
+  entityLabel?: string;
+}
+
+interface Props {
+  children: React.ReactNode;
+}
+
+interface ModalContextType {
   isOpen: boolean;
   openModal: (
     contentType: string,
@@ -8,36 +18,80 @@ type ModalContextType = {
     entityLabel?: string,
   ) => void;
   closeModal: () => void;
+  closeModals: (count: number) => void;
+  clearAllModals: () => void;
   modalContentType: string;
   entityId: string;
   entityLabel: string;
-};
+  modalStates: Record<string, any>;
-
+  setModalState: (modalType: string, state: any) => void;
-interface Props {
+  getModalState: (modalType: string) => any;
-  children: React.ReactNode;
+  clearModalState: (modalType: string) => void;
+  clearAllModalStates: () => void;
 }
 
 const ModalContext = createContext<ModalContextType | undefined>(undefined);
 
 export const ModalProvider: React.FC<Props> = ({ children }) => {
-  const [isOpen, setIsOpen] = useState(false);
+  const [modalStack, setModalStack] = useState<ModalState[]>([]);
-  const [entityId, setEntityId] = useState("");
+  const [modalStates, setModalStates] = useState<Record<string, any>>({});
-  const [entityLabel, setEntityLabel] = useState("");
+
-  const [modalContentType, setModalContentType] = useState("");
+  const isOpen = modalStack.length > 0;
+  const currentModal = modalStack[modalStack.length - 1];
+  const modalContentType = currentModal?.contentType || "";
+  const entityId = currentModal?.entityId || "";
+  const entityLabel = currentModal?.entityLabel || "";
 
   const openModal = (
     contentType: string,
     entityId?: string,
     entityLabel?: string,
   ) => {
-    setIsOpen(true);
+    const newModal: ModalState = { contentType, entityId, entityLabel };
-    setModalContentType(contentType);
+    setModalStack((prev) => [...prev, newModal]);
-    if (entityId) setEntityId(entityId);
-    if (entityLabel) setEntityLabel(entityLabel);
   };
 
   const closeModal = () => {
-    setIsOpen(false);
+    setModalStack((prev) => {
+      if (prev.length <= 1) {
+        return [];
+      }
+      return prev.slice(0, -1);
+    });
+  };
+
+  const closeModals = (count: number) => {
+    setModalStack(prev => {
+      const newLength = Math.max(0, prev.length - count);
+      return prev.slice(0, newLength);
+    });
+  };
+
+  const clearAllModals = () => {
+    setModalStack([]);
+  };
+
+  const setModalState = (modalType: string, state: any) => {
+    setModalStates((prev) => ({
+      ...prev,
+      [modalType]: state,
+    }));
+  };
+
+  const getModalState = (modalType: string) => {
+    return modalStates[modalType];
+  };
+
+  const clearModalState = (modalType: string) => {
+    setModalStates((prev) => {
+      const newStates = { ...prev };
+      delete newStates[modalType];
+      return newStates;
+    });
+  };
+
+  const clearAllModalStates = () => {
+    setModalStates({});
   };
 
   return (
@@ -46,9 +100,16 @@ export const ModalProvider: React.FC<Props> = ({ children }) => {
         isOpen,
         openModal,
         closeModal,
+        closeModals,
+        clearAllModals,
         modalContentType,
         entityId,
         entityLabel,
+        modalStates,
+        setModalState,
+        getModalState,
+        clearModalState,
+        clearAllModalStates,
       }}
     >
       {children}

apps/web/src/utils/helpers.ts

@@ -45,10 +45,12 @@ export const formatMemberDisplayName = (
   return localPart.replace(/[_-]/g, ".");
 };
 
-export const getAvatarUrl = (imageOrKey: string) => {
+export const getAvatarUrl = (imageOrKey: string | null) => {
+  if (!imageOrKey) return "";
+
   if (imageOrKey.startsWith("http://") || imageOrKey.startsWith("https://")) {
     return imageOrKey;
   }
-  
+
   return `${env("NEXT_PUBLIC_STORAGE_URL")}/${env("NEXT_PUBLIC_AVATAR_BUCKET_NAME")}/${imageOrKey}`;
 };

apps/web/src/views/board/components/Card.tsx

@@ -1,5 +1,6 @@
 import Avatar from "~/components/Avatar";
 import Badge from "~/components/Badge";
+import CircularProgress from "~/components/CircularProgress";
 import LabelIcon from "~/components/LabelIcon";
 import { getAvatarUrl } from "~/utils/helpers";
 
@@ -7,6 +8,7 @@ const Card = ({
   title,
   labels,
   members,
+  checklists,
 }: {
   title: string;
   labels: { name: string; colourCode: string | null }[];
@@ -15,7 +17,28 @@ const Card = ({
     email: string;
     user: { name: string | null; email: string; image: string | null } | null;
   }[];
+  checklists: {
+    publicId: string;
+    name: string;
+    items: {
+      publicId: string;
+      title: string;
+      completed: boolean;
+      index: number;
+    }[];
+  }[];
 }) => {
+  const completedItems = checklists.reduce((acc, checklist) => {
+    return acc + checklist.items.filter((item) => item.completed).length;
+  }, 0);
+
+  const totalItems = checklists.reduce((acc, checklist) => {
+    return acc + checklist.items.length;
+  }, 0);
+
+  const progress =
+    totalItems > 0 ? Math.round((completedItems / totalItems) * 100) : 0;
+
   return (
     <div className="flex flex-col rounded-md border border-light-200 bg-light-50 px-3 py-2 text-sm text-neutral-900 dark:border-dark-200 dark:bg-dark-200 dark:text-dark-1000 dark:hover:bg-dark-300">
       <span>{title}</span>
@@ -29,21 +52,37 @@ const Card = ({
               />
             ))}
           </div>
-          <div className="isolate flex justify-end -space-x-1 overflow-hidden">
+          <div className="flex items-center justify-end gap-1">
-            {members.map(({ user, email }) => {
+            {checklists.length > 0 && (
-              const avatarUrl = user?.image
+              <div className="flex items-center gap-1 rounded-full border-[1px] border-light-300 px-2 py-1 dark:border-dark-600">
-                ? getAvatarUrl(user.image)
+                <CircularProgress
-                : undefined;
+                  progress={progress || 2}
-
-              return (
-                <Avatar
-                  name={user?.name ?? ""}
-                  email={user?.email ?? email}
-                  imageUrl={avatarUrl}
                   size="sm"
+                  className="flex-shrink-0"
                 />
-              );
+                <span className="text-[10px] text-light-900 dark:text-dark-950">
-            })}
+                  {completedItems}/{totalItems}
+                </span>
+              </div>
+            )}
+            {members.length > 0 && (
+              <div className="isolate flex justify-end -space-x-1 overflow-hidden">
+                {members.map(({ user, email }) => {
+                  const avatarUrl = user?.image
+                    ? getAvatarUrl(user.image)
+                    : undefined;
+
+                  return (
+                    <Avatar
+                      name={user?.name ?? ""}
+                      email={user?.email ?? email}
+                      imageUrl={avatarUrl}
+                      size="sm"
+                    />
+                  );
+                })}
+              </div>
+            )}
           </div>
         </div>
       ) : null}

apps/web/src/views/board/components/NewCardForm.tsx

@@ -14,10 +14,11 @@ import { generateUID } from "@kan/shared/utils";
 import Avatar from "~/components/Avatar";
 import Button from "~/components/Button";
 import CheckboxDropdown from "~/components/CheckboxDropdown";
-import Editor from "~/components/Editor";
+import Editor, { WorkspaceMember } from "~/components/Editor";
 import Input from "~/components/Input";
 import LabelIcon from "~/components/LabelIcon";
 import Toggle from "~/components/Toggle";
+import { useModalFormState } from "~/hooks/useModalFormState";
 import { useModal } from "~/providers/modal";
 import { usePopup } from "~/providers/popup";
 import { api } from "~/utils/api";
@@ -45,21 +46,28 @@ export function NewCardForm({
   queryParams,
 }: NewCardFormProps) {
   const { showPopup } = usePopup();
-  const { closeModal, openModal } = useModal();
+  const { closeModal, openModal, modalStates, clearModalState } = useModal();
 
   const utils = api.useUtils();
 
+  // persists the form values
+  const { formState, saveFormState } = useModalFormState<NewCardFormInput>({
+    modalType: "NEW_CARD",
+    initialValues: {
+      title: "",
+      description: "",
+      listPublicId,
+      labelPublicIds: [],
+      memberPublicIds: [],
+      isCreateAnotherEnabled: false,
+      position: "start",
+    },
+    resetOnClose: true,
+  });
+
   const { register, handleSubmit, reset, setValue, watch } =
     useForm<NewCardFormInput>({
-      defaultValues: {
+      values: formState,
-        title: "",
-        description: "",
-        listPublicId,
-        labelPublicIds: [],
-        memberPublicIds: [],
-        isCreateAnotherEnabled: false,
-        position: "start",
-      },
     });
 
   const labelPublicIds = watch("labelPublicIds") || [];
@@ -67,11 +75,49 @@ export function NewCardForm({
   const isCreateAnotherEnabled = watch("isCreateAnotherEnabled");
   const position = watch("position");
   const title = watch("title");
+  const description = watch("description");
 
+  // saving form state whenever form values change
+  useEffect(() => {
+    const subscription = watch((data) => {
+      saveFormState(data as NewCardFormInput);
+    });
+    return () => subscription.unsubscribe();
+  }, [watch, saveFormState]);
+
+  
   const { data: boardData } = api.board.byId.useQuery(queryParams, {
     enabled: !!boardPublicId,
   });
 
+  // this adds the new created label to selected labels
+  useEffect(() => {
+    const newLabelId = modalStates["NEW_LABEL_CREATED"];
+    if (newLabelId !== undefined && !labelPublicIds.includes(newLabelId)) {
+      setValue("labelPublicIds", [...labelPublicIds, newLabelId]);
+    }
+  }, [modalStates, labelPublicIds]);
+
+  // this removes the deleted label from selected labels if it is selected
+  useEffect(() => {
+    if (boardData?.labels) {
+      const availableLabelIds = boardData.labels.map(label => label.publicId);
+      const newLabelId = modalStates["NEW_LABEL_CREATED"];
+    
+      if (newLabelId && availableLabelIds.includes(newLabelId)) {
+        clearModalState("NEW_LABEL_CREATED");
+      }
+      
+      const validLabelIds = labelPublicIds.filter(id => 
+        availableLabelIds.includes(id) || id === newLabelId
+      );
+      
+      if (validLabelIds.length !== labelPublicIds.length) {
+        setValue("labelPublicIds", validLabelIds);
+      }
+    }
+  }, [boardData?.labels, labelPublicIds, modalStates["NEW_LABEL_CREATED"]]);
+  
   const createCard = api.card.create.useMutation({
     onMutate: async (args) => {
       await utils.board.byId.cancel();
@@ -131,17 +177,24 @@ export function NewCardForm({
     },
     onSuccess: async () => {
       const isCreateAnotherEnabled = watch("isCreateAnotherEnabled");
-      if (!isCreateAnotherEnabled) closeModal();
+      if (!isCreateAnotherEnabled) {
+        // close modal (state will auto-clear due to resetOnClose: true)
+        closeModal();
+      } else {
+        // reset form for creating another card
+        const newFormState = {
+          title: "",
+          description: "",
+          listPublicId: watch("listPublicId"),
+          labelPublicIds: [],
+          memberPublicIds: [],
+          isCreateAnotherEnabled,
+          position,
+        };
+        reset(newFormState);
+        saveFormState(newFormState);
+      }
       await utils.board.byId.invalidate(queryParams);
-      reset({
-        title: "",
-        description: "",
-        listPublicId: watch("listPublicId"),
-        labelPublicIds: [],
-        memberPublicIds: [],
-        isCreateAnotherEnabled,
-        position,
-      });
     },
   });
 
@@ -264,8 +317,22 @@ export function NewCardForm({
         <div className="mt-2">
           <div className="block max-h-48 min-h-24 w-full overflow-y-auto rounded-md border-0 bg-dark-300 bg-white/5 px-3 py-2 text-sm shadow-sm ring-1 ring-inset ring-light-600 focus-within:ring-2 focus-within:ring-inset focus-within:ring-light-700 dark:ring-dark-700 dark:focus-within:ring-dark-700 sm:leading-6">
             <Editor
-              content=""
+              content={description}
-              onChange={(value) => setValue("description", value)}
+              onChange={(value) => {
+                setValue("description", value);
+                saveFormState({ ...formState, description: value });
+              }}
+              workspaceMembers={
+                boardData?.workspace.members?.map((member): WorkspaceMember => ({
+                  publicId: member.publicId,
+                  email: member.email,
+                  user: member.user ? {
+                    id: member.publicId,
+                    name: member.user.name,
+                    image: member.user.image ?? null,
+                  } : null,
+                })) ?? []
+              }
             />
           </div>
         </div>

apps/web/src/views/board/components/NewListForm.tsx

@@ -145,7 +145,12 @@ export function NewListForm({
         />
 
         <div>
-          <Button type="submit">{t`Create list`}</Button>
+          <Button
+            type="submit"
+            disabled={createList.isPending || !watch("name")}
+          >
+            {t`Create list`}
+          </Button>
         </div>
       </div>
     </form>

apps/web/src/views/board/index.tsx

@@ -13,7 +13,6 @@ import type { UpdateBoardInput } from "@kan/api/types";
 
 import Button from "~/components/Button";
 import { DeleteLabelConfirmation } from "~/components/DeleteLabelConfirmation";
-import FeedbackModal from "~/components/FeedbackModal";
 import { LabelForm } from "~/components/LabelForm";
 import Modal from "~/components/modal";
 import { NewWorkspaceForm } from "~/components/NewWorkspaceForm";
@@ -45,7 +44,7 @@ export default function BoardPage() {
   const utils = api.useUtils();
   const { showPopup } = usePopup();
   const { workspace } = useWorkspace();
-  const { openModal, modalContentType, entityId } = useModal();
+  const { openModal, modalContentType, entityId, isOpen } = useModal();
   const [selectedPublicListId, setSelectedPublicListId] =
     useState<PublicListId>("");
   const [isInitialLoading, setIsInitialLoading] = useState(true);
@@ -235,6 +234,97 @@ export default function BoardPage() {
     }
   };
 
+  const renderModalContent = () => {
+    return (
+      <>
+        <Modal
+          modalSize="sm"
+          isVisible={isOpen && modalContentType === "DELETE_BOARD"}
+        >
+          <DeleteBoardConfirmation boardPublicId={boardId ?? ""} />
+        </Modal>
+
+        <Modal
+          modalSize="sm"
+          isVisible={isOpen && modalContentType === "DELETE_LIST"}
+        >
+          <DeleteListConfirmation
+            listPublicId={selectedPublicListId}
+            queryParams={queryParams}
+          />
+        </Modal>
+
+        <Modal
+          modalSize="md"
+          isVisible={isOpen && modalContentType === "NEW_CARD"}
+        >
+          <NewCardForm
+            boardPublicId={boardId ?? ""}
+            listPublicId={selectedPublicListId}
+            queryParams={queryParams}
+          />
+        </Modal>
+
+        <Modal
+          modalSize="sm"
+          isVisible={isOpen && modalContentType === "NEW_LIST"}
+        >
+          <NewListForm
+            boardPublicId={boardId ?? ""}
+            queryParams={queryParams}
+          />
+        </Modal>
+
+        <Modal
+          modalSize="sm"
+          isVisible={isOpen && modalContentType === "NEW_WORKSPACE"}
+        >
+          <NewWorkspaceForm />
+        </Modal>
+
+        <Modal
+          modalSize="sm"
+          isVisible={isOpen && modalContentType === "NEW_LABEL"}
+        >
+          <LabelForm boardPublicId={boardId ?? ""} refetch={refetchBoard} />
+        </Modal>
+
+        <Modal
+          modalSize="sm"
+          isVisible={isOpen && modalContentType === "EDIT_LABEL"}
+        >
+          <LabelForm
+            boardPublicId={boardId ?? ""}
+            refetch={refetchBoard}
+            isEdit
+          />
+        </Modal>
+
+        <Modal
+          modalSize="sm"
+          isVisible={isOpen && modalContentType === "DELETE_LABEL"}
+        >
+          <DeleteLabelConfirmation
+            refetch={refetchBoard}
+            labelPublicId={entityId}
+          />
+        </Modal>
+
+        <Modal
+          modalSize="sm"
+          isVisible={isOpen && modalContentType === "UPDATE_BOARD_SLUG"}
+        >
+          <UpdateBoardSlugForm
+            boardPublicId={boardId ?? ""}
+            workspaceSlug={workspace.slug ?? ""}
+            boardSlug={boardData?.slug ?? ""}
+            queryParams={queryParams}
+          />
+        </Modal>
+      </>
+    );
+  };
+
   return (
     <>
       <PageHead
@@ -401,6 +491,7 @@ export default function BoardPage() {
                                             title={card.title}
                                             labels={card.labels}
                                             members={card.members}
+                                            checklists={card.checklists ?? []}
                                           />
                                         </Link>
                                       )}
@@ -422,63 +513,7 @@ export default function BoardPage() {
             </>
           ) : null}
         </div>
-        <Modal
+        {renderModalContent()}
-          modalSize={
-            modalContentType === "NEW_CARD" ||
-            modalContentType === "NEW_FEEDBACK"
-              ? "md"
-              : "sm"
-          }
-        >
-          {modalContentType === "NEW_FEEDBACK" && <FeedbackModal />}
-          {modalContentType === "DELETE_BOARD" && (
-            <DeleteBoardConfirmation boardPublicId={boardId ?? ""} />
-          )}
-          {modalContentType === "DELETE_LIST" && (
-            <DeleteListConfirmation
-              listPublicId={selectedPublicListId}
-              queryParams={queryParams}
-            />
-          )}
-          {modalContentType === "NEW_CARD" && (
-            <NewCardForm
-              boardPublicId={boardId ?? ""}
-              listPublicId={selectedPublicListId}
-              queryParams={queryParams}
-            />
-          )}
-          {modalContentType === "NEW_LIST" && (
-            <NewListForm
-              boardPublicId={boardId ?? ""}
-              queryParams={queryParams}
-            />
-          )}
-          {modalContentType === "NEW_WORKSPACE" && <NewWorkspaceForm />}
-          {modalContentType === "NEW_LABEL" && (
-            <LabelForm boardPublicId={boardId ?? ""} refetch={refetchBoard} />
-          )}
-          {modalContentType === "EDIT_LABEL" && (
-            <LabelForm
-              boardPublicId={boardId ?? ""}
-              refetch={refetchBoard}
-              isEdit
-            />
-          )}
-          {modalContentType === "DELETE_LABEL" && (
-            <DeleteLabelConfirmation
-              refetch={refetchBoard}
-              labelPublicId={entityId}
-            />
-          )}
-          {modalContentType === "UPDATE_BOARD_SLUG" && (
-            <UpdateBoardSlugForm
-              boardPublicId={boardId ?? ""}
-              workspaceSlug={workspace.slug ?? ""}
-              boardSlug={boardData?.slug ?? ""}
-              queryParams={queryParams}
-            />
-          )}
-        </Modal>
       </div>
     </>
   );

apps/web/src/views/card/components/ActivityList.tsx

@@ -5,9 +5,11 @@ import { de, enGB, es, fr, it, nl } from "date-fns/locale";
 import {
   HiOutlineArrowLeft,
   HiOutlineArrowRight,
+  HiOutlineCheckCircle,
   HiOutlinePencil,
   HiOutlinePlus,
   HiOutlineTag,
+  HiOutlineTrash,
   HiOutlineUserMinus,
   HiOutlineUserPlus,
 } from "react-icons/hi2";
@@ -31,6 +33,11 @@ const dateLocaleMap = {
   nl: nl,
 } as const;
 
+const truncate = (value: string | null, maxLength = 50) => {
+  if (!value) return value;
+  return value.length > maxLength ? `${value.slice(0, maxLength - 1)}…` : value;
+};
+
 const getActivityText = ({
   type,
   toTitle,
@@ -39,6 +46,7 @@ const getActivityText = ({
   memberName,
   isSelf,
   label,
+  fromTitle,
 }: {
   type: ActivityType;
   toTitle: string | null;
@@ -47,6 +55,7 @@ const getActivityText = ({
   memberName: string | null;
   isSelf: boolean;
   label: string | null;
+  fromTitle?: string | null;
 }) => {
   const ACTIVITY_TYPE_MAP = {
     "card.created": t`created the card`,
@@ -57,6 +66,14 @@ const getActivityText = ({
     "card.updated.label.removed": t`removed a label from the card`,
     "card.updated.member.added": t`added a member to the card`,
     "card.updated.member.removed": t`removed a member from the card`,
+    "card.updated.checklist.added": t`added a checklist`,
+    "card.updated.checklist.renamed": t`renamed a checklist`,
+    "card.updated.checklist.deleted": t`deleted a checklist`,
+    "card.updated.checklist.item.added": t`added a checklist item`,
+    "card.updated.checklist.item.updated": t`updated a checklist item`,
+    "card.updated.checklist.item.completed": t`completed a checklist item`,
+    "card.updated.checklist.item.uncompleted": t`marked a checklist item as incomplete`,
+    "card.updated.checklist.item.deleted": t`deleted a checklist item`,
   } as const;
 
   if (!(type in ACTIVITY_TYPE_MAP)) return null;
@@ -71,7 +88,7 @@ const getActivityText = ({
   if (type === "card.updated.title" && toTitle) {
     return (
       <Trans>
-        updated the title to <TextHighlight>{toTitle}</TextHighlight>
+        updated the title to <TextHighlight>{truncate(toTitle)}</TextHighlight>
       </Trans>
     );
   }
@@ -79,8 +96,9 @@ const getActivityText = ({
   if (type === "card.updated.list" && fromList && toList) {
     return (
       <Trans>
-        moved the card from <TextHighlight>{fromList}</TextHighlight> to
+        moved the card from <TextHighlight>{truncate(fromList)}</TextHighlight>{" "}
-        <TextHighlight>{toList}</TextHighlight>
+        to
+        <TextHighlight>{truncate(toList)}</TextHighlight>
       </Trans>
     );
   }
@@ -90,7 +108,8 @@ const getActivityText = ({
 
     return (
       <Trans>
-        assigned <TextHighlight>{memberName}</TextHighlight> to the card
+        assigned <TextHighlight>{truncate(memberName)}</TextHighlight> to the
+        card
       </Trans>
     );
   }
@@ -100,7 +119,8 @@ const getActivityText = ({
 
     return (
       <Trans>
-        unassigned <TextHighlight>{memberName}</TextHighlight> from the card
+        unassigned <TextHighlight>{truncate(memberName)}</TextHighlight> from
+        the card
       </Trans>
     );
   }
@@ -108,7 +128,7 @@ const getActivityText = ({
   if (type === "card.updated.label.added" && label) {
     return (
       <Trans>
-        added label <TextHighlight>{label}</TextHighlight>
+        added label <TextHighlight>{truncate(label)}</TextHighlight>
       </Trans>
     );
   }
@@ -116,7 +136,75 @@ const getActivityText = ({
   if (type === "card.updated.label.removed" && label) {
     return (
       <Trans>
-        removed label <TextHighlight>{label}</TextHighlight>
+        removed label <TextHighlight>{truncate(label)}</TextHighlight>
+      </Trans>
+    );
+  }
+
+  if (type === "card.updated.checklist.added" && toTitle) {
+    return (
+      <Trans>
+        added checklist <TextHighlight>{truncate(toTitle)}</TextHighlight>
+      </Trans>
+    );
+  }
+
+  if (type === "card.updated.checklist.renamed" && toTitle) {
+    return (
+      <Trans>
+        renamed checklist <TextHighlight>{truncate(toTitle)}</TextHighlight>
+      </Trans>
+    );
+  }
+
+  if (type === "card.updated.checklist.deleted" && fromTitle) {
+    return (
+      <Trans>
+        deleted checklist <TextHighlight>{truncate(fromTitle)}</TextHighlight>
+      </Trans>
+    );
+  }
+
+  if (type === "card.updated.checklist.item.added" && toTitle) {
+    return (
+      <Trans>
+        added checklist item <TextHighlight>{truncate(toTitle)}</TextHighlight>
+      </Trans>
+    );
+  }
+
+  if (type === "card.updated.checklist.item.updated" && toTitle) {
+    return (
+      <Trans>
+        renamed checklist item to{" "}
+        <TextHighlight>{truncate(toTitle)}</TextHighlight>
+      </Trans>
+    );
+  }
+
+  if (type === "card.updated.checklist.item.completed" && toTitle) {
+    return (
+      <Trans>
+        completed checklist item{" "}
+        <TextHighlight>{truncate(toTitle)}</TextHighlight>
+      </Trans>
+    );
+  }
+
+  if (type === "card.updated.checklist.item.uncompleted" && toTitle) {
+    return (
+      <Trans>
+        marked checklist item <TextHighlight>{truncate(toTitle)}</TextHighlight>{" "}
+        as incomplete
+      </Trans>
+    );
+  }
+
+  if (type === "card.updated.checklist.item.deleted" && fromTitle) {
+    return (
+      <Trans>
+        deleted checklist item{" "}
+        <TextHighlight>{truncate(fromTitle)}</TextHighlight>
       </Trans>
     );
   }
@@ -133,6 +221,14 @@ const ACTIVITY_ICON_MAP: Partial<Record<ActivityType, React.ReactNode | null>> =
     "card.updated.label.removed": <HiOutlineTag />,
     "card.updated.member.added": <HiOutlineUserPlus />,
     "card.updated.member.removed": <HiOutlineUserMinus />,
+    "card.updated.checklist.added": <HiOutlinePlus />,
+    "card.updated.checklist.renamed": <HiOutlinePencil />,
+    "card.updated.checklist.deleted": <HiOutlineTrash />,
+    "card.updated.checklist.item.added": <HiOutlinePlus />,
+    "card.updated.checklist.item.updated": <HiOutlinePencil />,
+    "card.updated.checklist.item.completed": <HiOutlineCheckCircle />,
+    "card.updated.checklist.item.uncompleted": <HiOutlineCheckCircle />,
+    "card.updated.checklist.item.deleted": <HiOutlineTrash />,
   } as const;
 
 const getActivityIcon = (
@@ -155,11 +251,13 @@ const ActivityList = ({
   cardPublicId,
   isLoading,
   isAdmin,
+  isViewOnly,
 }: {
   activities: NonNullable<GetCardByIdOutput>["activities"];
   cardPublicId: string;
   isLoading: boolean;
   isAdmin?: boolean;
+  isViewOnly?: boolean;
 }) => {
   const { data } = authClient.useSession();
   const { locale } = useLocalisation();
@@ -177,6 +275,7 @@ const ActivityList = ({
           memberName: activity.member?.user?.name ?? null,
           isSelf: activity.member?.user?.id === data?.user.id,
           label: activity.label?.name ?? null,
+          fromTitle: activity.fromTitle ?? null,
         });
 
         if (activity.type === "card.updated.comment.added")
@@ -193,6 +292,7 @@ const ActivityList = ({
               isEdited={!!activity.comment?.updatedAt}
               isAuthor={activity.comment?.createdBy === data?.user.id}
               isAdmin={isAdmin ?? false}
+              isViewOnly={!!isViewOnly}
             />
           );
 

apps/web/src/views/card/components/ChecklistItemRow.tsx

@@ -0,0 +1,197 @@
+import { t } from "@lingui/core/macro";
+import { useEffect, useState } from "react";
+import ContentEditable from "react-contenteditable";
+import { HiXMark } from "react-icons/hi2";
+import { twMerge } from "tailwind-merge";
+
+import { usePopup } from "~/providers/popup";
+import { api } from "~/utils/api";
+
+interface ChecklistItemRowProps {
+  item: {
+    publicId: string;
+    title: string;
+    completed: boolean;
+  };
+  cardPublicId: string;
+  viewOnly?: boolean;
+}
+
+export default function ChecklistItemRow({
+  item,
+  cardPublicId,
+  viewOnly = false,
+}: ChecklistItemRowProps) {
+  const utils = api.useUtils();
+  const { showPopup } = usePopup();
+
+  const [title, setTitle] = useState("");
+  const [completed, setCompleted] = useState(false);
+
+  const updateItem = api.checklist.updateItem.useMutation({
+    onMutate: async (vars) => {
+      await utils.card.byId.cancel({ cardPublicId });
+      const previous = utils.card.byId.getData({ cardPublicId });
+      utils.card.byId.setData({ cardPublicId }, (old) => {
+        if (!old) return old as any;
+        const updatedChecklists = old.checklists.map((cl) => ({
+          ...cl,
+          items: cl.items.map((ci) =>
+            ci.publicId === item.publicId
+              ? {
+                  ...ci,
+                  ...(vars.title !== undefined ? { title: vars.title } : {}),
+                  ...(vars.completed !== undefined
+                    ? { completed: vars.completed }
+                    : {}),
+                }
+              : ci,
+          ),
+        }));
+        return { ...old, checklists: updatedChecklists } as typeof old;
+      });
+      return { previous };
+    },
+    onError: (_err, _vars, ctx) => {
+      if (ctx?.previous)
+        utils.card.byId.setData({ cardPublicId }, ctx.previous);
+      showPopup({
+        header: t`Unable to update checklist item`,
+        message: t`Please try again later, or contact customer support.`,
+        icon: "error",
+      });
+    },
+    onSettled: async () => {
+      await utils.card.byId.invalidate({ cardPublicId });
+    },
+  });
+
+  const deleteItem = api.checklist.deleteItem.useMutation({
+    onMutate: async () => {
+      await utils.card.byId.cancel({ cardPublicId });
+      const previous = utils.card.byId.getData({ cardPublicId });
+      utils.card.byId.setData({ cardPublicId }, (old) => {
+        if (!old) return old as any;
+        const updatedChecklists = old.checklists.map((cl) => ({
+          ...cl,
+          items: cl.items.filter((ci) => ci.publicId !== item.publicId),
+        }));
+        return { ...old, checklists: updatedChecklists } as typeof old;
+      });
+      return { previous };
+    },
+    onError: (_err, _vars, ctx) => {
+      if (ctx?.previous)
+        utils.card.byId.setData({ cardPublicId }, ctx.previous);
+      showPopup({
+        header: t`Unable to delete checklist item`,
+        message: t`Please try again later, or contact customer support.`,
+        icon: "error",
+      });
+    },
+    onSettled: async () => {
+      await utils.card.byId.invalidate({ cardPublicId });
+    },
+  });
+
+  // Only resync from props when switching items to avoid clobbering edits
+  useEffect(() => {
+    setTitle(item.title);
+    setCompleted(item.completed);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [item.publicId]);
+
+  const sanitizeHtmlToPlainText = (html: string): string =>
+    html
+      .replace(/<br\s*\/?>(\n)?/gi, "\n")
+      .replace(/<div><br\s*\/?><\/div>/gi, "")
+      .replace(/<[^>]*>/g, "")
+      .replace(/&nbsp;/g, " ")
+      .trim();
+
+  const handleToggleCompleted = () => {
+    if (viewOnly) return;
+    setCompleted((prev) => !prev);
+    updateItem.mutate({
+      checklistItemPublicId: item.publicId,
+      completed: !completed,
+    });
+  };
+
+  const commitTitle = (rawHtml: string) => {
+    if (viewOnly) return;
+    const plain = sanitizeHtmlToPlainText(rawHtml);
+    if (!plain || plain === item.title) {
+      setTitle(item.title);
+      return;
+    }
+    setTitle(plain);
+    updateItem.mutate({
+      checklistItemPublicId: item.publicId,
+      title: plain,
+    });
+  };
+
+  const handleDelete = () => {
+    if (viewOnly) return;
+    deleteItem.mutate({ checklistItemPublicId: item.publicId });
+  };
+
+  return (
+    <div className="group relative flex items-start gap-3 rounded-md py-2 pl-4 hover:bg-light-100 dark:hover:bg-dark-100">
+      <label
+        className={`relative mt-[2px] inline-flex h-[16px] w-[16px] flex-shrink-0 items-center justify-center`}
+      >
+        <input
+          type="checkbox"
+          checked={completed}
+          onChange={(e) => {
+            if (viewOnly) {
+              e.preventDefault();
+              return;
+            }
+            handleToggleCompleted();
+          }}
+          className={twMerge(
+            "h-[16px] w-[16px] appearance-none rounded-md border border-light-500 bg-transparent outline-none ring-0 checked:bg-blue-600 focus:shadow-none focus:ring-0 focus:ring-offset-0 focus-visible:outline-none dark:border-dark-500 dark:hover:border-dark-500",
+            viewOnly ? "cursor-default" : "cursor-pointer",
+          )}
+        />
+      </label>
+      <div className="flex-1 pr-7">
+        <ContentEditable
+          html={title}
+          disabled={viewOnly}
+          onChange={(e) => setTitle(e.target.value)}
+          // @ts-expect-error - valid event
+          onBlur={(e: Event) => commitTitle(e.target.innerHTML as string)}
+          className={twMerge(
+            "m-0 min-h-[20px] w-full p-0 text-sm leading-[20px] text-light-950 outline-none focus-visible:outline-none dark:text-dark-950",
+            viewOnly && "cursor-default",
+          )}
+          placeholder={t`Add details...`}
+          onKeyDown={(e) => {
+            if (viewOnly) return;
+            if (e.key === "Enter") {
+              e.preventDefault();
+              commitTitle(title);
+            }
+            if (e.key === "Escape") {
+              e.preventDefault();
+              setTitle(item.title);
+            }
+          }}
+        />
+      </div>
+      {!viewOnly && (
+        <button
+          type="button"
+          onClick={handleDelete}
+          className="absolute right-1 top-1/2 hidden -translate-y-1/2 rounded-md p-1 text-light-900 group-hover:block hover:bg-light-200 dark:text-dark-700 dark:hover:bg-dark-200"
+        >
+          <HiXMark size={16} />
+        </button>
+      )}
+    </div>
+  );
+}

apps/web/src/views/card/components/ChecklistNameInput.tsx

@@ -0,0 +1,90 @@
+import { t } from "@lingui/core/macro";
+import { useEffect, useRef, useState } from "react";
+import { twMerge } from "tailwind-merge";
+
+import { usePopup } from "~/providers/popup";
+import { api } from "~/utils/api";
+
+export default function ChecklistNameInput({
+  checklistPublicId,
+  initialName,
+  cardPublicId,
+  viewOnly = false,
+}: {
+  checklistPublicId: string;
+  initialName: string;
+  cardPublicId: string;
+  viewOnly?: boolean;
+}) {
+  const utils = api.useUtils();
+  const { showPopup } = usePopup();
+  const [name, setName] = useState(initialName);
+  const inputRef = useRef<HTMLInputElement | null>(null);
+
+  useEffect(() => {
+    setName(initialName);
+  }, [initialName, checklistPublicId]);
+
+  const update = api.checklist.update.useMutation({
+    onMutate: async (vars) => {
+      await utils.card.byId.cancel({ cardPublicId });
+      const previous = utils.card.byId.getData({ cardPublicId });
+      utils.card.byId.setData({ cardPublicId }, (old) => {
+        if (!old) return old as any;
+        const updated = old.checklists.map((cl) =>
+          cl.publicId === checklistPublicId ? { ...cl, name: vars.name } : cl,
+        );
+        return { ...old, checklists: updated } as typeof old;
+      });
+      return { previous };
+    },
+    onError: (_err, _vars, ctx) => {
+      if (ctx?.previous)
+        utils.card.byId.setData({ cardPublicId }, ctx.previous);
+      showPopup({
+        header: t`Unable to update checklist`,
+        message: t`Please try again later, or contact customer support.`,
+        icon: "error",
+      });
+    },
+    onSettled: async () => {
+      await utils.card.byId.invalidate({ cardPublicId });
+    },
+  });
+
+  const commit = () => {
+    if (viewOnly) return;
+    const trimmed = name.trim();
+    if (!trimmed || trimmed === initialName) return;
+    update.mutate({ checklistPublicId, name: trimmed });
+  };
+
+  return (
+    <input
+      ref={inputRef}
+      type="text"
+      value={name}
+      readOnly={viewOnly}
+      onChange={(e) => setName(e.target.value)}
+      onBlur={commit}
+      onKeyDown={(e) => {
+        if (viewOnly) return;
+        if (e.key === "Enter") {
+          e.preventDefault();
+          commit();
+          inputRef.current?.blur();
+        }
+        if (e.key === "Escape") {
+          e.preventDefault();
+          setName(initialName);
+          inputRef.current?.blur();
+        }
+      }}
+      title={name}
+      className={twMerge(
+        "text-md block w-full truncate border-0 bg-transparent p-0 py-0 font-medium text-light-1000 outline-none focus:ring-0 dark:text-dark-1000",
+        viewOnly && "cursor-default",
+      )}
+    />
+  );
+}

apps/web/src/views/card/components/Checklists.tsx

@@ -0,0 +1,142 @@
+import { HiPlus, HiXMark } from "react-icons/hi2";
+
+import CircularProgress from "~/components/CircularProgress";
+import { useModal } from "~/providers/modal";
+import ChecklistItemRow from "./ChecklistItemRow";
+import ChecklistNameInput from "./ChecklistNameInput";
+import NewChecklistItemForm from "./NewChecklistItemForm";
+
+interface ChecklistItem {
+  publicId: string;
+  title: string;
+  completed: boolean;
+}
+
+interface Checklist {
+  publicId: string;
+  name: string;
+  items: ChecklistItem[];
+}
+
+interface ChecklistsProps {
+  checklists: Checklist[];
+  cardPublicId: string;
+  activeChecklistForm?: string | null;
+  setActiveChecklistForm?: (id: string | null) => void;
+  viewOnly?: boolean;
+}
+
+export default function Checklists({
+  checklists,
+  cardPublicId,
+  activeChecklistForm,
+  setActiveChecklistForm,
+  viewOnly = false,
+}: ChecklistsProps) {
+  const { openModal } = useModal();
+
+  if (!checklists || checklists.length === 0) return null;
+
+  return (
+    <div className="border-light-300 pb-4 dark:border-dark-300">
+      <div>
+        {checklists.map((checklist) => {
+          const completedItems = checklist.items.filter(
+            (item) => item.completed,
+          );
+          const progress =
+            checklist.items.length > 0 && completedItems.length > 0
+              ? (completedItems.length / checklist.items.length) * 100
+              : 2;
+
+          return (
+            <div key={checklist.publicId} className="mb-4">
+              <div className="mb-2 flex items-center font-medium text-light-1000 dark:text-dark-1000">
+                <div className="min-w-0 flex-1">
+                  <ChecklistNameInput
+                    checklistPublicId={checklist.publicId}
+                    initialName={checklist.name}
+                    cardPublicId={cardPublicId}
+                    viewOnly={viewOnly}
+                  />
+                </div>
+                {!viewOnly && (
+                  <div className="ml-2 flex flex-shrink-0 items-center gap-2">
+                    <div className="flex items-center gap-1 rounded-full border-[1px] border-light-300 px-2 py-1 dark:border-dark-300">
+                      <CircularProgress
+                        progress={progress}
+                        size="sm"
+                        className="flex-shrink-0"
+                      />
+                      <span className="text-[11px] text-light-900 dark:text-dark-700">
+                        {completedItems.length}/{checklist.items.length}
+                      </span>
+                    </div>
+                    <div>
+                      <button
+                        className="rounded-md p-1 text-light-900 hover:bg-light-100 dark:text-dark-700 dark:hover:bg-dark-100"
+                        onClick={() =>
+                          openModal("DELETE_CHECKLIST", checklist.publicId)
+                        }
+                      >
+                        <HiXMark size={16} />
+                      </button>
+                      <button
+                        onClick={() =>
+                          setActiveChecklistForm?.(checklist.publicId)
+                        }
+                        className="rounded-md p-1 text-light-900 hover:bg-light-100 dark:text-dark-700 dark:hover:bg-dark-100"
+                      >
+                        <HiPlus size={16} />
+                      </button>
+                    </div>
+                  </div>
+                )}
+                {viewOnly && (
+                  <div className="ml-2 flex flex-shrink-0 items-center gap-2">
+                    <div className="flex items-center gap-1 rounded-full border-[1px] border-light-300 px-2 py-1 dark:border-dark-300">
+                      <CircularProgress
+                        progress={progress}
+                        size="sm"
+                        className="flex-shrink-0"
+                      />
+                      <span className="text-[11px] text-light-900 dark:text-dark-700">
+                        {completedItems.length}/{checklist.items.length}
+                      </span>
+                    </div>
+                  </div>
+                )}
+              </div>
+
+              <div className="ml-1">
+                {checklist.items.map((item) => (
+                  <ChecklistItemRow
+                    key={item.publicId}
+                    item={{
+                      publicId: item.publicId,
+                      title: item.title,
+                      completed: item.completed,
+                    }}
+                    cardPublicId={cardPublicId}
+                    viewOnly={viewOnly}
+                  />
+                ))}
+              </div>
+
+              {activeChecklistForm === checklist.publicId && !viewOnly && (
+                <div className="ml-1">
+                  <NewChecklistItemForm
+                    checklistPublicId={checklist.publicId}
+                    cardPublicId={cardPublicId}
+                    onCancel={() => setActiveChecklistForm?.(null)}
+                    readOnly={viewOnly}
+                  />
+                </div>
+              )}
+            </div>
+          );
+        })}
+      </div>
+    </div>
+  );
+}

apps/web/src/views/card/components/Comment.tsx

@@ -27,6 +27,7 @@ const Comment = ({
   isAuthor,
   isAdmin,
   isEdited = false,
+  isViewOnly = false,
 }: {
   publicId: string | undefined;
   cardPublicId: string;
@@ -38,6 +39,7 @@ const Comment = ({
   isAuthor: boolean;
   isAdmin: boolean;
   isEdited: boolean;
+  isViewOnly: boolean;
 }) => {
   const [isEditing, setIsEditing] = useState(false);
   const utils = api.useUtils();
@@ -124,7 +126,7 @@ const Comment = ({
           </p>
         </div>
 
-        {dropdownItems.length > 0 && (
+        {dropdownItems.length > 0 && !isViewOnly && (
           <div className="absolute right-4 top-4">
             <Dropdown items={dropdownItems}>
               <HiEllipsisHorizontal className="h-5 w-5 text-light-900 dark:text-dark-800" />

apps/web/src/views/card/components/DeleteChecklistConfirmation.tsx

@@ -0,0 +1,71 @@
+import { t } from "@lingui/core/macro";
+
+import Button from "~/components/Button";
+import { useModal } from "~/providers/modal";
+import { usePopup } from "~/providers/popup";
+import { api } from "~/utils/api";
+
+export function DeleteChecklistConfirmation({
+  cardPublicId,
+  checklistPublicId,
+}: {
+  cardPublicId: string;
+  checklistPublicId: string;
+}) {
+  const { closeModal } = useModal();
+  const { showPopup } = usePopup();
+  const utils = api.useUtils();
+
+  const deleteChecklist = api.checklist.delete.useMutation({
+    onMutate: async () => {
+      await utils.card.byId.cancel({ cardPublicId });
+      const previous = utils.card.byId.getData({ cardPublicId });
+      utils.card.byId.setData({ cardPublicId }, (old) => {
+        if (!old) return old as any;
+        const updatedChecklists = old.checklists.filter(
+          (cl) => cl.publicId !== checklistPublicId,
+        );
+        return { ...old, checklists: updatedChecklists } as typeof old;
+      });
+      return { previous };
+    },
+    onError: (_err, _vars, ctx) => {
+      if (ctx?.previous)
+        utils.card.byId.setData({ cardPublicId }, ctx.previous);
+      showPopup({
+        header: t`Unable to delete checklist`,
+        message: t`Please try again later, or contact customer support.`,
+        icon: "error",
+      });
+    },
+    onSettled: async () => {
+      closeModal();
+      await utils.card.byId.invalidate({ cardPublicId });
+    },
+  });
+
+  const handleDelete = () => {
+    deleteChecklist.mutate({ checklistPublicId });
+  };
+
+  return (
+    <div className="p-5">
+      <div className="flex w-full flex-col justify-between pb-4">
+        <h2 className="text-md pb-4 font-medium text-neutral-900 dark:text-dark-1000">
+          {t`Are you sure you want to delete this checklist?`}
+        </h2>
+        <p className="text-sm font-medium text-light-900 dark:text-dark-900">
+          {t`This action can't be undone.`}
+        </p>
+      </div>
+      <div className="mt-5 flex justify-end space-x-2 sm:mt-6">
+        <Button variant="secondary" onClick={() => closeModal()}>
+          {t`Cancel`}
+        </Button>
+        <Button onClick={handleDelete} isLoading={deleteChecklist.isPending}>
+          {t`Delete`}
+        </Button>
+      </div>
+    </div>
+  );
+}

apps/web/src/views/card/components/Dropdown.tsx

@@ -1,5 +1,9 @@
 import { t } from "@lingui/core/macro";
-import { HiEllipsisHorizontal, HiOutlineTrash } from "react-icons/hi2";
+import {
+  HiEllipsisHorizontal,
+  HiOutlineCheckCircle,
+  HiOutlineTrash,
+} from "react-icons/hi2";
 
 import Dropdown from "~/components/Dropdown";
 import { useModal } from "~/providers/modal";
@@ -10,6 +14,13 @@ export default function BoardDropdown() {
   return (
     <Dropdown
       items={[
+        {
+          label: t`Add checklist`,
+          action: () => openModal("ADD_CHECKLIST"),
+          icon: (
+            <HiOutlineCheckCircle className="h-[16px] w-[16px] text-dark-900" />
+          ),
+        },
         {
           label: t`Delete card`,
           action: () => openModal("DELETE_CARD"),

apps/web/src/views/card/components/NewChecklistForm.tsx

@@ -0,0 +1,140 @@
+import { t } from "@lingui/core/macro";
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { HiXMark } from "react-icons/hi2";
+
+import { generateUID } from "@kan/shared/utils";
+
+import Button from "~/components/Button";
+import Input from "~/components/Input";
+import { useModal } from "~/providers/modal";
+import { usePopup } from "~/providers/popup";
+import { api } from "~/utils/api";
+
+interface NewChecklistFormInput {
+  name: string;
+  cardPublicId: string;
+}
+
+export function NewChecklistForm({ cardPublicId }: { cardPublicId: string }) {
+  const { closeModal, setModalState } = useModal();
+  const { showPopup } = usePopup();
+
+  const utils = api.useUtils();
+
+  const { register, handleSubmit, reset, watch } =
+    useForm<NewChecklistFormInput>({
+      defaultValues: {
+        name: "Checklist",
+        cardPublicId,
+      },
+    });
+
+  const createChecklist = api.checklist.create.useMutation({
+    onMutate: async (args) => {
+      await utils.card.byId.cancel({ cardPublicId: args.cardPublicId });
+      const previous = utils.card.byId.getData({
+        cardPublicId: args.cardPublicId,
+      });
+      utils.card.byId.setData({ cardPublicId: args.cardPublicId }, (old) => {
+        if (!old) return old as any;
+        const placeholderChecklist = {
+          publicId: `PLACEHOLDER_${generateUID()}`,
+          name: args.name,
+          index: old.checklists.length,
+          items: [] as {
+            publicId: string;
+            title: string;
+            completed: boolean;
+            index: number;
+          }[],
+        };
+        return {
+          ...old,
+          checklists: [...old.checklists, placeholderChecklist],
+        } as typeof old;
+      });
+      return { previous };
+    },
+    onSuccess: (data) => {
+      setModalState("ADD_CHECKLIST", { createdChecklistId: data.publicId });
+    },
+    onError: (_error, vars, ctx) => {
+      if (ctx?.previous)
+        utils.card.byId.setData(
+          { cardPublicId: vars.cardPublicId },
+          ctx.previous,
+        );
+      showPopup({
+        header: t`Unable to create checklist`,
+        message: t`Please try again later, or contact customer support.`,
+        icon: "error",
+      });
+    },
+    onSettled: async (_data, _error, vars) => {
+      await utils.card.byId.invalidate({ cardPublicId: vars.cardPublicId });
+    },
+  });
+
+  useEffect(() => {
+    const nameElement: HTMLElement | null =
+      document.querySelector<HTMLElement>("#checklist-name");
+    if (nameElement) nameElement.focus();
+  }, []);
+
+  const onSubmit = (data: NewChecklistFormInput) => {
+    closeModal();
+    reset({
+      name: "",
+    });
+
+    createChecklist.mutate({
+      name: data.name,
+      cardPublicId: data.cardPublicId,
+    });
+  };
+
+  return (
+    <form onSubmit={handleSubmit(onSubmit)}>
+      <div className="px-5 pt-5">
+        <div className="flex w-full items-center justify-between pb-4">
+          <h2 className="text-sm font-bold text-neutral-900 dark:text-dark-1000">
+            {t`New checklist`}
+          </h2>
+          <button
+            type="button"
+            className="rounded p-1 hover:bg-light-200 focus:outline-none dark:hover:bg-dark-300"
+            onClick={(e) => {
+              e.preventDefault();
+              closeModal();
+            }}
+          >
+            <HiXMark size={18} className="text-light-900 dark:text-dark-900" />
+          </button>
+        </div>
+
+        <Input
+          id="checklist-name"
+          placeholder={t`Checklist name`}
+          {...register("name")}
+          onKeyDown={async (e) => {
+            if (e.key === "Enter") {
+              e.preventDefault();
+              await handleSubmit(onSubmit)();
+            }
+          }}
+        />
+      </div>
+      <div className="mt-12 flex items-center justify-end border-t border-light-600 px-5 pb-5 pt-5 dark:border-dark-600">
+        <div>
+          <Button
+            type="submit"
+            disabled={createChecklist.isPending || !watch("name")}
+          >
+            {t`Create checklist`}
+          </Button>
+        </div>
+      </div>
+    </form>
+  );
+}

apps/web/src/views/card/components/NewChecklistItemForm.tsx

@@ -0,0 +1,167 @@
+import { t } from "@lingui/core/macro";
+import { useEffect, useRef } from "react";
+import ContentEditable from "react-contenteditable";
+import { useForm } from "react-hook-form";
+
+import { generateUID } from "@kan/shared/utils";
+
+import { usePopup } from "~/providers/popup";
+import { api } from "~/utils/api";
+
+interface FormValues {
+  title: string;
+}
+
+interface NewChecklistItemFormProps {
+  checklistPublicId: string;
+  cardPublicId: string;
+  onCancel: () => void;
+  readOnly?: boolean;
+}
+
+const NewChecklistItemForm = ({
+  checklistPublicId,
+  cardPublicId,
+  onCancel,
+  readOnly = false,
+}: NewChecklistItemFormProps) => {
+  const utils = api.useUtils();
+  const { showPopup } = usePopup();
+
+  const { setValue, watch, reset, getValues } = useForm<FormValues>({
+    defaultValues: {
+      title: "",
+    },
+  });
+
+  const title = watch("title");
+
+  const editableRef = useRef<HTMLElement | null>(null);
+  const keepOpenRef = useRef(false);
+
+  const refocusEditable = () => {
+    const el = editableRef.current;
+    if (!el) return;
+    if (readOnly) return;
+    el.focus();
+
+    // hack to ensure the input is focused after creating new checklist item
+    setTimeout(() => {
+      el.focus();
+    }, 100);
+  };
+
+  const addChecklistItemMutation = api.checklist.createItem.useMutation({
+    onMutate: async (vars) => {
+      await utils.card.byId.cancel({ cardPublicId });
+      const previous = utils.card.byId.getData({ cardPublicId });
+
+      utils.card.byId.setData({ cardPublicId }, (old) => {
+        if (!old) return old as any;
+        const placeholder = {
+          publicId: `PLACEHOLDER_${generateUID()}`,
+          title: vars.title,
+          completed: false,
+        };
+        const updatedChecklists = old.checklists.map((cl) =>
+          cl.publicId === checklistPublicId
+            ? { ...cl, items: [...cl.items, placeholder] }
+            : cl,
+        );
+        return { ...old, checklists: updatedChecklists } as typeof old;
+      });
+
+      if (keepOpenRef.current) {
+        reset({ title: "" });
+        if (editableRef.current) editableRef.current.innerHTML = "";
+        refocusEditable();
+      } else {
+        onCancel();
+      }
+
+      return { previous };
+    },
+    onError: (_err, _vars, ctx) => {
+      if (ctx?.previous)
+        utils.card.byId.setData({ cardPublicId }, ctx.previous);
+      showPopup({
+        header: t`Unable to add checklist item`,
+        message: t`Please try again later, or contact customer support.`,
+        icon: "error",
+      });
+    },
+    onSettled: async () => {
+      await utils.card.byId.invalidate({ cardPublicId });
+    },
+  });
+
+  const sanitizeHtmlToPlainText = (html: string): string => {
+    return html
+      .replace(/<br\s*\/?>(\n)?/gi, "\n")
+      .replace(/<div><br\s*\/?><\/div>/gi, "")
+      .replace(/<[^>]*>/g, "")
+      .replace(/&nbsp;/g, " ")
+      .trim();
+  };
+
+  const submitIfNotEmpty = (keepOpen: boolean) => {
+    if (readOnly) return;
+    keepOpenRef.current = keepOpen;
+    const currentHtml = getValues("title") ?? "";
+    const plain = sanitizeHtmlToPlainText(currentHtml);
+    if (!plain) {
+      onCancel();
+      return;
+    }
+    addChecklistItemMutation.mutate({
+      checklistPublicId,
+      title: plain,
+    });
+  };
+
+  useEffect(() => {
+    refocusEditable();
+  }, []);
+
+  return (
+    <form onSubmit={(e) => e.preventDefault()}>
+      <div className="group relative flex h-9 items-center gap-3 rounded-md pl-4 hover:bg-light-100 dark:hover:bg-dark-100">
+        <label className="relative inline-flex h-[16px] w-[16px] flex-shrink-0 cursor-default items-center justify-center">
+          <input
+            type="checkbox"
+            disabled
+            className="peer h-[16px] w-[16px] appearance-none rounded-md border border-light-500 bg-transparent outline-none ring-0 hover:border-light-500 hover:bg-transparent focus:outline-none focus:ring-0 focus-visible:outline-none dark:border-dark-500 dark:hover:border-dark-500"
+          />
+        </label>
+        <div className="flex-1 pr-7">
+          <ContentEditable
+            id={`checklist-item-input-${checklistPublicId}`}
+            tabIndex={readOnly ? -1 : 0}
+            placeholder={t`Add an item...`}
+            html={title}
+            disabled={readOnly}
+            onChange={(e) => setValue("title", e.target.value)}
+            className="m-0 min-h-[20px] w-full p-0 text-sm leading-5 text-light-900 outline-none focus-visible:outline-none dark:text-dark-950"
+            onBlur={() => submitIfNotEmpty(false)}
+            onKeyDown={async (e) => {
+              if (readOnly) return;
+              if (e.key === "Enter") {
+                e.preventDefault();
+                submitIfNotEmpty(true);
+              }
+              if (e.key === "Escape") {
+                e.preventDefault();
+                onCancel();
+              }
+            }}
+            innerRef={(el) => {
+              editableRef.current = (el as unknown as HTMLElement) ?? null;
+            }}
+          />
+        </div>
+      </div>
+    </form>
+  );
+};
+
+export default NewChecklistItemForm;

apps/web/src/views/card/index.tsx

@@ -1,6 +1,7 @@
 import Link from "next/link";
 import { useRouter } from "next/router";
 import { t } from "@lingui/core/macro";
+import { useEffect, useState } from "react";
 import { useForm } from "react-hook-form";
 import { IoChevronForwardSharp } from "react-icons/io5";
 
@@ -19,12 +20,16 @@ import { api } from "~/utils/api";
 import { formatMemberDisplayName, getAvatarUrl } from "~/utils/helpers";
 import { DeleteLabelConfirmation } from "../../components/DeleteLabelConfirmation";
 import ActivityList from "./components/ActivityList";
+import Checklists from "./components/Checklists";
 import { DeleteCardConfirmation } from "./components/DeleteCardConfirmation";
+import { DeleteChecklistConfirmation } from "./components/DeleteChecklistConfirmation";
 import { DeleteCommentConfirmation } from "./components/DeleteCommentConfirmation";
 import Dropdown from "./components/Dropdown";
 import LabelSelector from "./components/LabelSelector";
 import ListSelector from "./components/ListSelector";
 import MemberSelector from "./components/MemberSelector";
+import { NewChecklistForm } from "./components/NewChecklistForm";
+import NewChecklistItemForm from "./components/NewChecklistItemForm";
 import NewCommentForm from "./components/NewCommentForm";
 
 interface FormValues {
@@ -132,9 +137,18 @@ export function CardRightPanel() {
 export default function CardPage() {
   const router = useRouter();
   const utils = api.useUtils();
-  const { modalContentType, entityId } = useModal();
+  const {
+    modalContentType,
+    entityId,
+    openModal,
+    getModalState,
+    clearModalState,
+  } = useModal();
   const { showPopup } = usePopup();
   const { workspace } = useWorkspace();
+  const [activeChecklistForm, setActiveChecklistForm] = useState<string | null>(
+    null,
+  );
 
   const cardId = Array.isArray(router.query.cardId)
     ? router.query.cardId[0]
@@ -181,6 +195,17 @@ export default function CardPage() {
     });
   };
 
+  // Open the new item form after creating a new checklist
+  useEffect(() => {
+    if (!card) return;
+    const state = getModalState("ADD_CHECKLIST");
+    const createdId: string | undefined = state?.createdChecklistId;
+    if (createdId) {
+      setActiveChecklistForm(createdId);
+      clearModalState("ADD_CHECKLIST");
+    }
+  }, [card, getModalState, clearModalState]);
+
   if (!cardId) return <></>;
 
   return (
@@ -247,12 +272,19 @@ export default function CardPage() {
                         content={card.description}
                         onChange={(e) => setValue("description", e)}
                         onBlur={() => handleSubmit(onSubmit)()}
+                        workspaceMembers={board?.workspace?.members ?? []}
                       />
                     </div>
                   </form>
                 </div>
+                <Checklists
+                  checklists={card.checklists}
+                  cardPublicId={cardId}
+                  activeChecklistForm={activeChecklistForm}
+                  setActiveChecklistForm={setActiveChecklistForm}
+                />
                 <div className="border-t-[1px] border-light-300 pt-12 dark:border-dark-300">
-                  <h2 className="text-md pb-4 font-medium text-light-900 dark:text-dark-1000">
+                  <h2 className="text-md pb-4 font-medium text-light-1000 dark:text-dark-1000">
                     {t`Activity`}
                   </h2>
                   <div>
@@ -303,6 +335,15 @@ export default function CardPage() {
             />
           )}
           {modalContentType === "NEW_WORKSPACE" && <NewWorkspaceForm />}
+          {modalContentType === "ADD_CHECKLIST" && (
+            <NewChecklistForm cardPublicId={cardId} />
+          )}
+          {modalContentType === "DELETE_CHECKLIST" && (
+            <DeleteChecklistConfirmation
+              cardPublicId={cardId}
+              checklistPublicId={entityId}
+            />
+          )}
         </Modal>
       </div>
     </>

apps/web/src/views/members/components/InviteMemberForm.tsx

@@ -1,26 +1,43 @@
+import { zodResolver } from "@hookform/resolvers/zod";
 import { t } from "@lingui/core/macro";
-import { useEffect } from "react";
+import { useEffect, useState } from "react";
 import { useForm } from "react-hook-form";
 import { HiXMark } from "react-icons/hi2";
+import { z } from "zod";
 
 import type { InviteMemberInput } from "@kan/api/types";
 
 import Button from "~/components/Button";
 import Input from "~/components/Input";
+import Toggle from "~/components/Toggle";
 import { useModal } from "~/providers/modal";
+import { usePopup } from "~/providers/popup";
 import { useWorkspace } from "~/providers/workspace";
 import { api } from "~/utils/api";
 
 export function InviteMemberForm() {
   const utils = api.useUtils();
+  const [isCreateAnotherEnabled, setIsCreateAnotherEnabled] = useState(false);
   const { closeModal } = useModal();
   const { workspace } = useWorkspace();
+  const { showPopup } = usePopup();
 
-  const { register, handleSubmit } = useForm<InviteMemberInput>({
+  const InviteMemberSchema = z.object({
+    email: z.string().email({ message: t`Invalid email address` }),
+    workspacePublicId: z.string(),
+  });
+
+  const {
+    register,
+    handleSubmit,
+    reset,
+    formState: { errors },
+  } = useForm<InviteMemberInput>({
     defaultValues: {
       email: "",
       workspacePublicId: workspace.publicId || "",
     },
+    resolver: zodResolver(InviteMemberSchema),
   });
 
   const refetchBoards = () => utils.board.all.refetch();
@@ -31,6 +48,24 @@ export function InviteMemberForm() {
       await utils.workspace.byId.refetch();
       await refetchBoards();
     },
+    onError: (error) => {
+      reset();
+      if (!isCreateAnotherEnabled) closeModal();
+
+      if (error.data?.code === "CONFLICT") {
+        showPopup({
+          header: t`Error inviting member`,
+          message: t`User is already a member of this workspace`,
+          icon: "error",
+        });
+      } else {
+        showPopup({
+          header: t`Error inviting member`,
+          message: t`Please try again later, or contact customer support.`,
+          icon: "error",
+        });
+      }
+    },
   });
 
   const onSubmit = (data: InviteMemberInput) => {
@@ -69,10 +104,16 @@ export function InviteMemberForm() {
               await handleSubmit(onSubmit)();
             }
           }}
+          errorMessage={errors.email?.message}
         />
       </div>
 
       <div className="mt-12 flex items-center justify-end border-t border-light-600 px-5 pb-5 pt-5 dark:border-dark-600">
+        <Toggle
+          label={t`Invite another`}
+          isChecked={isCreateAnotherEnabled}
+          onChange={() => setIsCreateAnotherEnabled(!isCreateAnotherEnabled)}
+        />
         <div>
           <Button
             type="submit"

apps/web/src/views/members/index.tsx

@@ -97,7 +97,7 @@ export default function MembersPage() {
         </td>
         <td
           className={twMerge(
-            "w-auto min-w-[120px] sm:w-[35%] sm:min-w-[150px]",
+            "w-auto min-w-[120px] overflow-visible sm:w-[35%] sm:min-w-[150px]",
             isLastRow && "rounded-br-lg",
           )}
         >
@@ -121,7 +121,7 @@ export default function MembersPage() {
             </div>
             <div
               className={twMerge(
-                "relative",
+                "relative z-50",
                 (workspace.role !== "admin" || showSkeleton) && "hidden",
               )}
             >
@@ -172,10 +172,10 @@ export default function MembersPage() {
         </div>
 
         <div className="mt-8 flow-root">
-          <div className="-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8">
+          <div className="-mx-4 -my-2 sm:-mx-6 lg:-mx-8">
-            <div className="inline-block min-w-full px-4 py-2 align-middle sm:px-6 lg:px-8">
+            <div className="inline-block min-w-full overflow-x-auto px-4 py-2 pb-16 align-middle sm:px-6 lg:px-8">
               <div className="h-full shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg">
-                <table className="min-w-full divide-y divide-light-600 dark:divide-dark-600">
+                <table className="min-w-full divide-y divide-light-600 overflow-visible dark:divide-dark-600">
                   <thead className="rounded-t-lg bg-light-300 dark:bg-dark-200">
                     <tr>
                       <th
@@ -192,7 +192,7 @@ export default function MembersPage() {
                       </th>
                     </tr>
                   </thead>
-                  <tbody className="divide-y divide-light-600 bg-light-50 dark:divide-dark-600 dark:bg-dark-100">
+                  <tbody className="divide-y divide-light-600 overflow-visible bg-light-50 dark:divide-dark-600 dark:bg-dark-100">
                     {!isLoading &&
                       data?.members.map((member, index) => (
                         <TableRow

apps/web/src/views/public/board/CardModal.tsx

@@ -1,13 +1,15 @@
 import { useRouter } from "next/router";
 import { t } from "@lingui/core/macro";
+import { useEffect, useRef, useState } from "react";
 import { HiXMark } from "react-icons/hi2";
 
-import { authClient } from "@kan/auth/client";
+import Badge from "~/components/Badge";
-
 import Editor from "~/components/Editor";
+import LabelIcon from "~/components/LabelIcon";
 import { useModal } from "~/providers/modal";
 import { api } from "~/utils/api";
 import ActivityList from "~/views/card/components/ActivityList";
+import Checklists from "~/views/card/components/Checklists";
 
 export function CardModal({
   cardPublicId,
@@ -20,7 +22,9 @@ export function CardModal({
 }) {
   const router = useRouter();
   const { closeModal, isOpen } = useModal();
-  const { data: session } = authClient.useSession();
+  const [showFade, setShowFade] = useState(false);
+  const [showTopFade, setShowTopFade] = useState(false);
+  const scrollRef = useRef<HTMLDivElement>(null);
 
   const { data, isLoading } = api.card.byId.useQuery(
     {
@@ -33,85 +37,126 @@ export function CardModal({
 
   const labels = data?.labels ?? [];
 
+  const handleScroll = () => {
+    if (!scrollRef.current) return;
+
+    const { scrollTop, scrollHeight, clientHeight } = scrollRef.current;
+    const isAtBottom = scrollTop + clientHeight >= scrollHeight - 5;
+    const isAtTop = scrollTop <= 5;
+
+    setShowFade(!isAtBottom);
+    setShowTopFade(!isAtTop);
+  };
+
+  useEffect(() => {
+    const scrollElement = scrollRef.current;
+    if (!scrollElement) return;
+
+    handleScroll();
+
+    scrollElement.addEventListener("scroll", handleScroll);
+    return () => scrollElement.removeEventListener("scroll", handleScroll);
+  }, [data]);
+
   return (
     <div className="flex h-full flex-1 flex-row">
       <div className="flex h-full w-full flex-col overflow-hidden">
-        <div className="h-full max-h-[calc(100vh-4rem)] overflow-y-auto p-8">
+        <div className="h-full p-8">
-          <div className="flex w-full items-center justify-between">
-            <button
-              className="absolute right-[2rem] top-[2rem] rounded p-1 hover:bg-light-300 focus:outline-none dark:hover:bg-dark-300"
-              onClick={async (e) => {
-                e.preventDefault();
-                closeModal();
-                try {
-                  await router.replace(
-                    `/${workspaceSlug}/${boardSlug}`,
-                    undefined,
-                    {
-                      shallow: true,
-                    },
-                  );
-                } catch (error) {
-                  console.error(error);
-                }
-              }}
-            >
-              <HiXMark
-                size={18}
-                className="dark:text-dark-9000 text-light-900"
-              />
-            </button>
-            {isLoading ? (
-              <div className="flex space-x-2">
-                <div className="h-[2.3rem] w-[300px] animate-pulse rounded-[5px] bg-light-300 dark:bg-dark-300" />
-              </div>
-            ) : (
-              <>
-                <h1 className="font-medium leading-[2.3rem] tracking-tight text-neutral-900 dark:text-dark-1000 sm:text-[1.2rem]">
-                  {data?.title}
-                </h1>
-              </>
-            )}
-          </div>
           <div className="mb-6">
-            {labels.map((label) => (
+            <div className="flex w-full items-center justify-between">
-              <div
+              <button
-                key={label.publicId}
+                className="absolute right-[2rem] top-[2rem] rounded p-1 hover:bg-light-300 focus:outline-none dark:hover:bg-dark-300"
-                className="my-1 mr-1 inline-flex w-fit items-center gap-x-1.5 rounded-full px-2 py-1 text-[12px] font-medium text-light-800 ring-1 ring-inset ring-light-600 dark:text-dark-1000 dark:ring-dark-800"
+                onClick={async (e) => {
+                  e.preventDefault();
+                  closeModal();
+                  try {
+                    await router.replace(
+                      `/${workspaceSlug}/${boardSlug}`,
+                      undefined,
+                      {
+                        shallow: true,
+                      },
+                    );
+                  } catch (error) {
+                    console.error(error);
+                  }
+                }}
               >
-                <svg
+                <HiXMark
-                  fill={label.colourCode ?? "#3730a3"}
+                  size={18}
-                  className="h-2 w-2"
+                  className="dark:text-dark-9000 text-light-900"
-                  viewBox="0 0 6 6"
-                  aria-hidden="true"
-                >
-                  <circle cx={3} cy={3} r={3} />
-                </svg>
-                <div>{label.name}</div>
-              </div>
-            ))}
-          </div>
-
-          {data?.description && (
-            <div className="mb-10 flex w-full max-w-2xl justify-between">
-              <div className="mt-2">
-                <Editor content={data.description} readOnly />
-              </div>
-            </div>
-          )}
-          <div className="border-t-[1px] border-light-600 pb-4 pt-12 dark:border-dark-400">
-            <h2 className="text-md pb-4 font-medium text-light-900 dark:text-dark-1000">
-              {t`Activity`}
-            </h2>
-            <div>
-              {cardPublicId && (
-                <ActivityList
-                  cardPublicId={cardPublicId}
-                  activities={data?.activities ?? []}
-                  isLoading={isLoading}
                 />
+              </button>
+              {isLoading ? (
+                <div className="flex space-x-2">
+                  <div className="h-[2.3rem] w-[300px] animate-pulse rounded-[5px] bg-light-300 dark:bg-dark-300" />
+                </div>
+              ) : (
+                <>
+                  <h1 className="pr-8 font-bold leading-[2.3rem] tracking-tight text-neutral-900 dark:text-dark-1000 sm:text-[1.2rem]">
+                    {data?.title}
+                  </h1>
+                </>
               )}
             </div>
+            {labels.length > 0 && (
+              <div className="mt-2">
+                {labels.map((label) => (
+                  <Badge
+                    key={label.publicId}
+                    value={label.name}
+                    iconLeft={<LabelIcon colourCode={label.colourCode} />}
+                  />
+                ))}
+              </div>
+            )}
+          </div>
+
+          <div className="relative">
+            <div
+              ref={scrollRef}
+              className="h-full max-h-[425px] overflow-y-auto"
+            >
+              {data?.description && (
+                <div className="mb-10 flex w-full max-w-2xl justify-between">
+                  <div className="mt-2">
+                    <Editor
+                      content={data.description}
+                      readOnly
+                      workspaceMembers={data?.list.board.workspace.members ?? []}
+                    />
+                  </div>
+                </div>
+              )}
+              {data?.checklists && data.checklists.length > 0 && (
+                <Checklists
+                  checklists={data.checklists}
+                  cardPublicId={cardPublicId ?? ""}
+                  viewOnly
+                />
+              )}
+              <div className="border-t-[1px] border-light-600 pb-4 pt-12 dark:border-dark-400">
+                <h2 className="text-md pb-4 font-medium text-light-900 dark:text-dark-1000">
+                  {t`Activity`}
+                </h2>
+                <div>
+                  {cardPublicId && (
+                    <ActivityList
+                      cardPublicId={cardPublicId}
+                      activities={data?.activities ?? []}
+                      isLoading={isLoading}
+                      isViewOnly={true}
+                    />
+                  )}
+                </div>
+              </div>
+            </div>
+            {showTopFade && (
+              <div className="pointer-events-none absolute left-0 right-0 top-0 h-6 bg-gradient-to-b from-white/80 to-transparent dark:from-dark-100/80" />
+            )}
+            {showFade && (
+              <div className="pointer-events-none absolute bottom-0 left-0 right-0 h-6 bg-gradient-to-t from-white/80 to-transparent dark:from-dark-100/80" />
+            )}
           </div>
         </div>
       </div>

apps/web/src/views/public/board/index.tsx

@@ -3,8 +3,9 @@ import { useRouter } from "next/router";
 import { t } from "@lingui/core/macro";
 import { keepPreviousData } from "@tanstack/react-query";
 import { useEffect, useState } from "react";
-import { HiLink } from "react-icons/hi2";
+import { HiLink, HiOutlineLockClosed } from "react-icons/hi2";
 
+import Button from "~/components/Button";
 import Modal from "~/components/modal";
 import { PageHead } from "~/components/PageHead";
 import PatternedBackground from "~/components/PatternedBackground";
@@ -28,9 +29,14 @@ export default function PublicBoardView() {
     ? router.query.boardSlug[0]
     : router.query.boardSlug;
 
+  const workspaceSlug = Array.isArray(router.query.workspaceSlug)
+    ? router.query.workspaceSlug[0]
+    : router.query.workspaceSlug;
+
   const { data, isLoading } = api.board.bySlug.useQuery(
     {
       boardSlug: boardSlug ?? "",
+      workspaceSlug: workspaceSlug ?? "",
       members: formatToArray(router.query.members),
       labels: formatToArray(router.query.labels),
     },
@@ -106,7 +112,13 @@ export default function PublicBoardView() {
               </h1>
             )}
             {data && (
-              <div className="flex items-center space-x-2">
+              <div className="z-10 flex items-center space-x-2">
+                <div className="inline-flex cursor-default items-center justify-center whitespace-nowrap rounded-md border-[1px] border-light-300 bg-light-50 px-3 py-2 text-sm font-semibold text-light-950 shadow-sm dark:border-dark-300 dark:bg-dark-50 dark:text-dark-950">
+                  <span className="mr-2">
+                    <HiOutlineLockClosed />
+                  </span>
+                  {t`View only`}
+                </div>
                 <Filters
                   labels={data.labels ?? []}
                   members={[]}
@@ -116,17 +128,30 @@ export default function PublicBoardView() {
             )}
           </div>
 
-          <div className="scrollbar-w-none scrollbar-track-rounded-[4px] scrollbar-thumb-rounded-[4px] scrollbar-h-[8px] relative flex-1 overflow-y-hidden overflow-x-scroll overscroll-contain scrollbar scrollbar-track-light-200 scrollbar-thumb-light-400 dark:scrollbar-track-dark-100 dark:scrollbar-thumb-dark-300">
+          <div className="scrollbar-w-none scrollbar-track-rounded-[4px] scrollbar-thumb-rounded-[4px] scrollbar-h-[8px] relative h-full flex-1 overflow-y-hidden overflow-x-scroll overscroll-contain scrollbar scrollbar-track-light-200 scrollbar-thumb-light-400 dark:scrollbar-track-dark-100 dark:scrollbar-thumb-dark-300">
             {isLoading ? (
               <div className="ml-[2rem] flex">
                 <div className="0 mr-5 h-[500px] w-[18rem] animate-pulse rounded-md bg-light-200 dark:bg-dark-100" />
                 <div className="0 mr-5 h-[275px] w-[18rem] animate-pulse rounded-md bg-light-200 dark:bg-dark-100" />
                 <div className="0 mr-5 h-[375px] w-[18rem] animate-pulse rounded-md bg-light-200 dark:bg-dark-100" />
               </div>
+            ) : !data ? (
+              <div className="z-10 flex h-full w-full flex-col items-center justify-center space-y-8 pb-[150px]">
+                <div className="flex flex-col items-center">
+                  <HiOutlineLockClosed className="h-10 w-10 text-light-800 dark:text-dark-800" />
+                  <p className="mb-2 mt-4 text-[14px] font-bold text-light-1000 dark:text-dark-950">
+                    {t`Board not found`}
+                  </p>
+                  <p className="text-[14px] text-light-900 dark:text-dark-900">
+                    {t`This board is private or does not exist`}
+                  </p>
+                </div>
+                <Button href={`/${workspaceSlug}`}>{t`View workspace`}</Button>
+              </div>
             ) : (
               <div className="flex">
                 <div className="min-w-[2rem]" />
-                {data?.lists.map((list) => (
+                {data.lists.map((list) => (
                   <div
                     key={list.publicId}
                     className="dark-text-dark-1000 mr-5 h-fit min-w-[18rem] max-w-[18rem] rounded-md border border-light-400 bg-light-300 py-2 pl-2 pr-1 text-neutral-900 dark:border-dark-300 dark:bg-dark-100"
@@ -150,6 +175,7 @@ export default function PublicBoardView() {
                           <Card
                             title={card.title}
                             labels={card.labels}
+                            checklists={card.checklists ?? []}
                             members={[]}
                           />
                         </Link>

cloud/docker-compose.yml

@@ -23,13 +23,15 @@ services:
       - STRIPE_SECRET_KEY=${STRIPE_SECRET_KEY}
       - STRIPE_WEBHOOK_SECRET=${STRIPE_WEBHOOK_SECRET}
 
-      # SMTP
+      # Email
       - SMTP_HOST=${SMTP_HOST}
       - SMTP_PORT=${SMTP_PORT}
       - SMTP_USER=${SMTP_USER}
       - SMTP_PASSWORD=${SMTP_PASSWORD}
       - SMTP_SECURE=${SMTP_SECURE}
       - EMAIL_FROM=${EMAIL_FROM}
+      - PLUNK_API_KEY=${PLUNK_API_KEY}
+      - PLUNK_API_URL=${PLUNK_API_URL}
 
       # S3 storage
       - S3_ACCESS_KEY_ID=${S3_ACCESS_KEY_ID}

packages/api/src/root.ts

@@ -1,5 +1,6 @@
 import { boardRouter } from "./routers/board";
 import { cardRouter } from "./routers/card";
+import { checklistRouter } from "./routers/checklist";
 import { feedbackRouter } from "./routers/feedback";
 import { importRouter } from "./routers/import";
 import { integrationRouter } from "./routers/integration";
@@ -13,6 +14,7 @@ import { createTRPCRouter } from "./trpc";
 export const appRouter = createTRPCRouter({
   board: boardRouter,
   card: cardRouter,
+  checklist: checklistRouter,
   feedback: feedbackRouter,
   label: labelRouter,
   list: listRouter,

packages/api/src/routers/board.ts

@@ -111,15 +111,21 @@ export const boardRouter = createTRPCRouter({
     .meta({
       openapi: {
         method: "GET",
-        path: "/board/{boardSlug}",
+        path: "/workspaces/{workspaceSlug}/boards/{boardSlug}",
         summary: "Get board by slug",
-        description: "Retrieves a board by its slug",
+        description:
+          "Retrieves a board by its slug within a specific workspace",
         tags: ["Boards"],
         protect: false,
       },
     })
     .input(
       z.object({
+        workspaceSlug: z
+          .string()
+          .min(3)
+          .max(24)
+          .regex(/^(?![-]+$)[a-zA-Z0-9-]+$/),
         boardSlug: z
           .string()
           .min(3)
@@ -131,10 +137,26 @@ export const boardRouter = createTRPCRouter({
     )
     .output(z.custom<Awaited<ReturnType<typeof boardRepo.getBySlug>>>())
     .query(async ({ ctx, input }) => {
-      const result = await boardRepo.getBySlug(ctx.db, input.boardSlug, {
+      const workspace = await workspaceRepo.getBySlugWithBoards(
-        members: input.members ?? [],
+        ctx.db,
-        labels: input.labels ?? [],
+        input.workspaceSlug,
-      });
+      );
+
+      if (!workspace)
+        throw new TRPCError({
+          message: `Workspace with slug ${input.workspaceSlug} not found`,
+          code: "NOT_FOUND",
+        });
+
+      const result = await boardRepo.getBySlug(
+        ctx.db,
+        input.boardSlug,
+        workspace.id,
+        {
+          members: input.members ?? [],
+          labels: input.labels ?? [],
+        },
+      );
 
       return result;
     }),

packages/api/src/routers/checklist.ts

@@ -0,0 +1,410 @@
+import { TRPCError } from "@trpc/server";
+import { z } from "zod";
+
+import * as cardRepo from "@kan/db/repository/card.repo";
+import * as cardActivityRepo from "@kan/db/repository/cardActivity.repo";
+import * as checklistRepo from "@kan/db/repository/checklist.repo";
+
+import { createTRPCRouter, protectedProcedure } from "../trpc";
+import { assertUserInWorkspace } from "../utils/auth";
+
+const checklistSchema = z.object({
+  publicId: z.string().length(12),
+  name: z.string().min(1).max(255),
+});
+
+const checklistItemSchema = z.object({
+  publicId: z.string().length(12),
+  title: z.string().min(1).max(500),
+  completed: z.boolean(),
+});
+
+export const checklistRouter = createTRPCRouter({
+  create: protectedProcedure
+    .meta({
+      openapi: {
+        summary: "Add a checklist to a card",
+        method: "POST",
+        path: "/cards/{cardPublicId}/checklists",
+        description: "Adds a checklist to a card",
+        tags: ["Cards"],
+        protect: true,
+      },
+    })
+    .input(
+      z.object({
+        cardPublicId: z.string().length(12),
+        name: z.string().min(1).max(255),
+      }),
+    )
+    .output(checklistSchema)
+    .mutation(async ({ ctx, input }) => {
+      const userId = ctx.user?.id;
+
+      if (!userId)
+        throw new TRPCError({
+          message: `User not authenticated`,
+          code: "UNAUTHORIZED",
+        });
+
+      const card = await cardRepo.getWorkspaceAndCardIdByCardPublicId(
+        ctx.db,
+        input.cardPublicId,
+      );
+
+      if (!card)
+        throw new TRPCError({
+          message: `Card with public ID ${input.cardPublicId} not found`,
+          code: "NOT_FOUND",
+        });
+
+      await assertUserInWorkspace(ctx.db, userId, card.workspaceId);
+
+      const newChecklist = await checklistRepo.create(ctx.db, {
+        name: input.name,
+        createdBy: userId,
+        cardId: card.id,
+      });
+
+      if (!newChecklist?.id)
+        throw new TRPCError({
+          message: `Failed to create checklist`,
+          code: "INTERNAL_SERVER_ERROR",
+        });
+
+      await cardActivityRepo.create(ctx.db, {
+        type: "card.updated.checklist.added",
+        cardId: card.id,
+        toTitle: newChecklist.name,
+        createdBy: userId,
+      });
+
+      return newChecklist;
+    }),
+  update: protectedProcedure
+    .input(
+      z.object({
+        checklistPublicId: z.string().length(12),
+        name: z.string().min(1).max(255),
+      }),
+    )
+    .output(z.object({ publicId: z.string().length(12), name: z.string() }))
+    .mutation(async ({ ctx, input }) => {
+      const userId = ctx.user?.id;
+      if (!userId)
+        throw new TRPCError({
+          message: `User not authenticated`,
+          code: "UNAUTHORIZED",
+        });
+
+      const checklist = await checklistRepo.getChecklistByPublicId(
+        ctx.db,
+        input.checklistPublicId,
+      );
+      if (!checklist)
+        throw new TRPCError({
+          message: `Checklist with public ID ${input.checklistPublicId} not found`,
+          code: "NOT_FOUND",
+        });
+
+      await assertUserInWorkspace(
+        ctx.db,
+        userId,
+        checklist.card.list.board.workspace.id,
+      );
+
+      const previousName = checklist.name;
+
+      const updated = await checklistRepo.updateChecklistById(ctx.db, {
+        id: checklist.id,
+        name: input.name,
+      });
+
+      if (!updated)
+        throw new TRPCError({
+          message: `Failed to update checklist`,
+          code: "INTERNAL_SERVER_ERROR",
+        });
+
+      await cardActivityRepo.create(ctx.db, {
+        type: "card.updated.checklist.renamed",
+        cardId: checklist.cardId,
+        fromTitle: previousName,
+        toTitle: updated.name,
+        createdBy: userId,
+      });
+
+      return updated;
+    }),
+  delete: protectedProcedure
+    .meta({
+      openapi: {
+        summary: "Delete a checklist",
+        method: "DELETE",
+        path: "/checklists/{checklistPublicId}",
+        description: "Deletes a checklist by its public ID",
+        tags: ["Cards"],
+        protect: true,
+      },
+    })
+    .input(z.object({ checklistPublicId: z.string().length(12) }))
+    .output(z.object({ success: z.boolean() }))
+    .mutation(async ({ ctx, input }) => {
+      const userId = ctx.user?.id;
+      if (!userId)
+        throw new TRPCError({
+          message: `User not authenticated`,
+          code: "UNAUTHORIZED",
+        });
+
+      const checklist = await checklistRepo.getChecklistByPublicId(
+        ctx.db,
+        input.checklistPublicId,
+      );
+      if (!checklist)
+        throw new TRPCError({
+          message: `Checklist with public ID ${input.checklistPublicId} not found`,
+          code: "NOT_FOUND",
+        });
+
+      await assertUserInWorkspace(
+        ctx.db,
+        userId,
+        checklist.card.list.board.workspace.id,
+      );
+
+      await checklistRepo.softDeleteAllItemsByChecklistId(ctx.db, {
+        checklistId: checklist.id,
+        deletedAt: new Date(),
+        deletedBy: userId,
+      });
+
+      const deleted = await checklistRepo.softDeleteById(ctx.db, {
+        id: checklist.id,
+        deletedAt: new Date(),
+        deletedBy: userId,
+      });
+
+      if (!deleted)
+        throw new TRPCError({
+          message: `Failed to delete checklist`,
+          code: "INTERNAL_SERVER_ERROR",
+        });
+
+      await cardActivityRepo.create(ctx.db, {
+        type: "card.updated.checklist.deleted",
+        cardId: checklist.cardId,
+        fromTitle: checklist.name,
+        createdBy: userId,
+      });
+
+      return { success: true };
+    }),
+  createItem: protectedProcedure
+    .meta({
+      openapi: {
+        summary: "Add an item to a checklist",
+        method: "POST",
+        path: "/checklists/{checklistPublicId}/items",
+        description: "Adds an item to a checklist",
+        tags: ["Cards"],
+        protect: true,
+      },
+    })
+    .input(
+      z.object({
+        checklistPublicId: z.string().length(12),
+        title: z.string().min(1).max(500),
+      }),
+    )
+    .output(checklistItemSchema)
+    .mutation(async ({ ctx, input }) => {
+      const userId = ctx.user?.id;
+
+      if (!userId)
+        throw new TRPCError({
+          message: `User not authenticated`,
+          code: "UNAUTHORIZED",
+        });
+
+      const checklist = await checklistRepo.getChecklistByPublicId(
+        ctx.db,
+        input.checklistPublicId,
+      );
+
+      if (!checklist)
+        throw new TRPCError({
+          message: `Checklist with public ID ${input.checklistPublicId} not found`,
+          code: "NOT_FOUND",
+        });
+
+      await assertUserInWorkspace(
+        ctx.db,
+        userId,
+        checklist.card.list.board.workspace.id,
+      );
+
+      const newChecklistItem = await checklistRepo.createItem(ctx.db, {
+        title: input.title,
+        createdBy: userId,
+        checklistId: checklist.id,
+      });
+
+      if (!newChecklistItem?.id)
+        throw new TRPCError({
+          message: `Failed to create checklist item`,
+          code: "INTERNAL_SERVER_ERROR",
+        });
+
+      await cardActivityRepo.create(ctx.db, {
+        type: "card.updated.checklist.item.added",
+        cardId: checklist.cardId,
+        toTitle: newChecklistItem.title,
+        createdBy: userId,
+      });
+
+      return newChecklistItem;
+    }),
+  updateItem: protectedProcedure
+    .meta({
+      openapi: {
+        summary: "Update a checklist item",
+        method: "PUT",
+        path: "/checklists/items/{checklistItemPublicId}",
+        description: "Updates a checklist item (title/completed)",
+        tags: ["Cards"],
+        protect: true,
+      },
+    })
+    .input(
+      z.object({
+        checklistItemPublicId: z.string().length(12),
+        title: z.string().min(1).max(500).optional(),
+        completed: z.boolean().optional(),
+      }),
+    )
+    .output(checklistItemSchema)
+    .mutation(async ({ ctx, input }) => {
+      const userId = ctx.user?.id;
+
+      if (!userId)
+        throw new TRPCError({
+          message: `User not authenticated`,
+          code: "UNAUTHORIZED",
+        });
+
+      const item = await checklistRepo.getChecklistItemByPublicIdWithChecklist(
+        ctx.db,
+        input.checklistItemPublicId,
+      );
+
+      if (!item)
+        throw new TRPCError({
+          message: `Checklist item with public ID ${input.checklistItemPublicId} not found`,
+          code: "NOT_FOUND",
+        });
+
+      await assertUserInWorkspace(
+        ctx.db,
+        userId,
+        item.checklist.card.list.board.workspace.id,
+      );
+
+      const previousTitle = item.title;
+
+      const updated = await checklistRepo.updateItemById(ctx.db, {
+        id: item.id,
+        title: input.title,
+        completed: input.completed,
+      });
+
+      if (!updated)
+        throw new TRPCError({
+          message: `Failed to update checklist item`,
+          code: "INTERNAL_SERVER_ERROR",
+        });
+
+      // Log completion toggle
+      if (input.completed !== undefined) {
+        await cardActivityRepo.create(ctx.db, {
+          type: input.completed
+            ? "card.updated.checklist.item.completed"
+            : "card.updated.checklist.item.uncompleted",
+          cardId: item.checklist.cardId,
+          toTitle: updated.title,
+          createdBy: userId,
+        });
+      }
+
+      // Log title change
+      if (input.title !== undefined && input.title !== previousTitle) {
+        await cardActivityRepo.create(ctx.db, {
+          type: "card.updated.checklist.item.updated",
+          cardId: item.checklist.cardId,
+          fromTitle: previousTitle,
+          toTitle: updated.title,
+          createdBy: userId,
+        });
+      }
+
+      return updated;
+    }),
+  deleteItem: protectedProcedure
+    .meta({
+      openapi: {
+        summary: "Delete a checklist item",
+        method: "DELETE",
+        path: "/checklists/items/{checklistItemPublicId}",
+        description: "Deletes a checklist item",
+        tags: ["Cards"],
+        protect: true,
+      },
+    })
+    .input(z.object({ checklistItemPublicId: z.string().length(12) }))
+    .output(z.object({ success: z.boolean() }))
+    .mutation(async ({ ctx, input }) => {
+      const userId = ctx.user?.id;
+      if (!userId)
+        throw new TRPCError({
+          message: `User not authenticated`,
+          code: "UNAUTHORIZED",
+        });
+
+      const item = await checklistRepo.getChecklistItemByPublicIdWithChecklist(
+        ctx.db,
+        input.checklistItemPublicId,
+      );
+      if (!item)
+        throw new TRPCError({
+          message: `Checklist item with public ID ${input.checklistItemPublicId} not found`,
+          code: "NOT_FOUND",
+        });
+
+      await assertUserInWorkspace(
+        ctx.db,
+        userId,
+        item.checklist.card.list.board.workspace.id,
+      );
+
+      const deleted = await checklistRepo.softDeleteItemById(ctx.db, {
+        id: item.id,
+        deletedAt: new Date(),
+        deletedBy: userId,
+      });
+
+      if (!deleted)
+        throw new TRPCError({
+          message: `Failed to delete item`,
+          code: "INTERNAL_SERVER_ERROR",
+        });
+
+      await cardActivityRepo.create(ctx.db, {
+        type: "card.updated.checklist.item.deleted",
+        cardId: item.checklist.cardId,
+        fromTitle: item.title,
+        createdBy: userId,
+      });
+
+      return { success: true };
+    }),
+});

packages/api/src/routers/member.ts

@@ -56,7 +56,7 @@ export const memberRouter = createTRPCRouter({
       if (isInvitedEmailAlreadyMember) {
         throw new TRPCError({
           message: `User with email ${input.email} is already a member of this workspace`,
-          code: "BAD_REQUEST",
+          code: "CONFLICT",
         });
       }
 
@@ -88,6 +88,12 @@ export const memberRouter = createTRPCRouter({
           callbackURL: `/boards?type=invite&memberPublicId=${invite.publicId}`,
         });
 
+        await memberRepo.softDelete(ctx.db, {
+          memberId: invite.id,
+          deletedAt: new Date(),
+          deletedBy: userId,
+        });
+
         throw new TRPCError({
           message: `Failed to send magic link invitation to user with email ${input.email}.`,
           code: "INTERNAL_SERVER_ERROR",

packages/auth/src/auth.ts

@@ -11,7 +11,7 @@ import type { dbClient } from "@kan/db/client";
 import * as memberRepo from "@kan/db/repository/member.repo";
 import * as userRepo from "@kan/db/repository/user.repo";
 import * as schema from "@kan/db/schema";
-import { sendEmail } from "@kan/email";
+import { cloudMailerClient, sendEmail } from "@kan/email";
 import { createStripeClient } from "@kan/stripe";
 
 export const configuredProviders = socialProviderList.reduce<
@@ -183,6 +183,17 @@ export const initAuth = (db: dbClient) => {
             return Promise.resolve(true);
           },
           async after(user) {
+            if (cloudMailerClient) {
+              await cloudMailerClient.events.track({
+                event: "user-signup",
+                email: user.email,
+                data: {
+                  name: user.name,
+                  userId: user.id,
+                },
+              });
+            }
+
             if (
               user.image &&
               !user.image.includes(process.env.NEXT_PUBLIC_STORAGE_DOMAIN!)

packages/db/migrations/20250508083758_SetupTables.sql

@@ -1,4 +1,4 @@
-CREATE EXTENSION IF NOT EXISTS "uuid-ossp";
+CREATE EXTENSION IF NOT EXISTS "uuid-ossp";--> statement-breakpoint
 
 CREATE TYPE "public"."board_visibility" AS ENUM('private', 'public');--> statement-breakpoint
 CREATE TYPE "public"."card_activity_type" AS ENUM('card.created', 'card.updated.title', 'card.updated.description', 'card.updated.index', 'card.updated.list', 'card.updated.label.added', 'card.updated.label.removed', 'card.updated.member.added', 'card.updated.member.removed', 'card.updated.comment.added', 'card.updated.comment.updated', 'card.updated.comment.deleted', 'card.archived');--> statement-breakpoint

packages/db/migrations/20250806202106_glossy_luminals.sql

@@ -0,0 +1,84 @@
+CREATE TABLE IF NOT EXISTS "card_checklist_item" (
+	"id" bigserial PRIMARY KEY NOT NULL,
+	"publicId" varchar(12) NOT NULL,
+	"title" varchar(500) NOT NULL,
+	"completed" boolean DEFAULT false NOT NULL,
+	"index" integer NOT NULL,
+	"checklistId" bigint NOT NULL,
+	"createdBy" uuid,
+	"createdAt" timestamp DEFAULT now() NOT NULL,
+	"updatedAt" timestamp,
+	"deletedAt" timestamp,
+	"deletedBy" uuid,
+	CONSTRAINT "card_checklist_item_publicId_unique" UNIQUE("publicId")
+);
+--> statement-breakpoint
+ALTER TABLE "card_checklist_item" ENABLE ROW LEVEL SECURITY;--> statement-breakpoint
+CREATE TABLE IF NOT EXISTS "card_checklist" (
+	"id" bigserial PRIMARY KEY NOT NULL,
+	"publicId" varchar(12) NOT NULL,
+	"name" varchar(255) NOT NULL,
+	"index" integer NOT NULL,
+	"cardId" bigint NOT NULL,
+	"createdBy" uuid,
+	"createdAt" timestamp DEFAULT now() NOT NULL,
+	"updatedAt" timestamp,
+	"deletedAt" timestamp,
+	"deletedBy" uuid,
+	CONSTRAINT "card_checklist_publicId_unique" UNIQUE("publicId")
+);
+--> statement-breakpoint
+ALTER TABLE "card_checklist" ENABLE ROW LEVEL SECURITY;--> statement-breakpoint
+CREATE TABLE IF NOT EXISTS "integration" (
+	"provider" varchar(255) NOT NULL,
+	"userId" uuid NOT NULL,
+	"accessToken" varchar(255) NOT NULL,
+	"refreshToken" varchar(255),
+	"expiresAt" timestamp NOT NULL,
+	"createdAt" timestamp NOT NULL,
+	"updatedAt" timestamp,
+	CONSTRAINT "integration_pkey" PRIMARY KEY("userId","provider")
+);
+--> statement-breakpoint
+ALTER TABLE "integration" ENABLE ROW LEVEL SECURITY;--> statement-breakpoint
+DO $$ BEGIN
+ ALTER TABLE "card_checklist_item" ADD CONSTRAINT "card_checklist_item_checklistId_card_checklist_id_fk" FOREIGN KEY ("checklistId") REFERENCES "public"."card_checklist"("id") ON DELETE cascade ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
+--> statement-breakpoint
+DO $$ BEGIN
+ ALTER TABLE "card_checklist_item" ADD CONSTRAINT "card_checklist_item_createdBy_user_id_fk" FOREIGN KEY ("createdBy") REFERENCES "public"."user"("id") ON DELETE set null ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
+--> statement-breakpoint
+DO $$ BEGIN
+ ALTER TABLE "card_checklist_item" ADD CONSTRAINT "card_checklist_item_deletedBy_user_id_fk" FOREIGN KEY ("deletedBy") REFERENCES "public"."user"("id") ON DELETE set null ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
+--> statement-breakpoint
+DO $$ BEGIN
+ ALTER TABLE "card_checklist" ADD CONSTRAINT "card_checklist_cardId_card_id_fk" FOREIGN KEY ("cardId") REFERENCES "public"."card"("id") ON DELETE cascade ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
+--> statement-breakpoint
+DO $$ BEGIN
+ ALTER TABLE "card_checklist" ADD CONSTRAINT "card_checklist_createdBy_user_id_fk" FOREIGN KEY ("createdBy") REFERENCES "public"."user"("id") ON DELETE set null ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
+--> statement-breakpoint
+DO $$ BEGIN
+ ALTER TABLE "card_checklist" ADD CONSTRAINT "card_checklist_deletedBy_user_id_fk" FOREIGN KEY ("deletedBy") REFERENCES "public"."user"("id") ON DELETE set null ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
+--> statement-breakpoint
+DO $$ BEGIN
+ ALTER TABLE "integration" ADD CONSTRAINT "integration_userId_user_id_fk" FOREIGN KEY ("userId") REFERENCES "public"."user"("id") ON DELETE cascade ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;

packages/db/migrations/20250813141748_AddChecklistActivityTypes.sql

@@ -0,0 +1,8 @@
+ALTER TYPE "public"."card_activity_type" ADD VALUE 'card.updated.checklist.added' BEFORE 'card.archived';--> statement-breakpoint
+ALTER TYPE "public"."card_activity_type" ADD VALUE 'card.updated.checklist.renamed' BEFORE 'card.archived';--> statement-breakpoint
+ALTER TYPE "public"."card_activity_type" ADD VALUE 'card.updated.checklist.deleted' BEFORE 'card.archived';--> statement-breakpoint
+ALTER TYPE "public"."card_activity_type" ADD VALUE 'card.updated.checklist.item.added' BEFORE 'card.archived';--> statement-breakpoint
+ALTER TYPE "public"."card_activity_type" ADD VALUE 'card.updated.checklist.item.updated' BEFORE 'card.archived';--> statement-breakpoint
+ALTER TYPE "public"."card_activity_type" ADD VALUE 'card.updated.checklist.item.completed' BEFORE 'card.archived';--> statement-breakpoint
+ALTER TYPE "public"."card_activity_type" ADD VALUE 'card.updated.checklist.item.uncompleted' BEFORE 'card.archived';--> statement-breakpoint
+ALTER TYPE "public"."card_activity_type" ADD VALUE 'card.updated.checklist.item.deleted' BEFORE 'card.archived';

packages/db/migrations/meta/20250610200449_snapshot.json

@@ -1,6 +1,6 @@
 {
   "id": "91f9a2fa-31e2-4f3a-bdb9-852292fd7501",
-  "prevId": "058e8521-2814-46f0-a33f-1bbd86f450ce",
+  "prevId": "d170c8e0-bf75-4c71-abd9-0ecbeeb14003",
   "version": "7",
   "dialect": "postgresql",
   "tables": {
@@ -92,13 +92,9 @@
         "account_userId_user_id_fk": {
           "name": "account_userId_user_id_fk",
           "tableFrom": "account",
-          "columnsFrom": [
+          "columnsFrom": ["userId"],
-            "userId"
-          ],
           "tableTo": "user",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "cascade"
         }
@@ -245,13 +241,9 @@
         "apiKey_userId_user_id_fk": {
           "name": "apiKey_userId_user_id_fk",
           "tableFrom": "apiKey",
-          "columnsFrom": [
+          "columnsFrom": ["userId"],
-            "userId"
-          ],
           "tableTo": "user",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "cascade"
         }
@@ -320,13 +312,9 @@
         "session_userId_user_id_fk": {
           "name": "session_userId_user_id_fk",
           "tableFrom": "session",
-          "columnsFrom": [
+          "columnsFrom": ["userId"],
-            "userId"
-          ],
           "tableTo": "user",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "cascade"
         }
@@ -335,9 +323,7 @@
       "uniqueConstraints": {
         "session_token_unique": {
           "name": "session_token_unique",
-          "columns": [
+          "columns": ["token"],
-            "token"
-          ],
           "nullsNotDistinct": false
         }
       },
@@ -523,52 +509,36 @@
         "board_createdBy_user_id_fk": {
           "name": "board_createdBy_user_id_fk",
           "tableFrom": "board",
-          "columnsFrom": [
+          "columnsFrom": ["createdBy"],
-            "createdBy"
-          ],
           "tableTo": "user",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "set null"
         },
         "board_deletedBy_user_id_fk": {
           "name": "board_deletedBy_user_id_fk",
           "tableFrom": "board",
-          "columnsFrom": [
+          "columnsFrom": ["deletedBy"],
-            "deletedBy"
-          ],
           "tableTo": "user",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "set null"
         },
         "board_importId_import_id_fk": {
           "name": "board_importId_import_id_fk",
           "tableFrom": "board",
-          "columnsFrom": [
+          "columnsFrom": ["importId"],
-            "importId"
-          ],
           "tableTo": "import",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "no action"
         },
         "board_workspaceId_workspace_id_fk": {
           "name": "board_workspaceId_workspace_id_fk",
           "tableFrom": "board",
-          "columnsFrom": [
+          "columnsFrom": ["workspaceId"],
-            "workspaceId"
-          ],
           "tableTo": "workspace",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "cascade"
         }
@@ -577,9 +547,7 @@
       "uniqueConstraints": {
         "board_publicId_unique": {
           "name": "board_publicId_unique",
-          "columns": [
+          "columns": ["publicId"],
-            "publicId"
-          ],
           "nullsNotDistinct": false
         }
       },
@@ -713,91 +681,63 @@
         "card_activity_cardId_card_id_fk": {
           "name": "card_activity_cardId_card_id_fk",
           "tableFrom": "card_activity",
-          "columnsFrom": [
+          "columnsFrom": ["cardId"],
-            "cardId"
-          ],
           "tableTo": "card",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "cascade"
         },
         "card_activity_fromListId_list_id_fk": {
           "name": "card_activity_fromListId_list_id_fk",
           "tableFrom": "card_activity",
-          "columnsFrom": [
+          "columnsFrom": ["fromListId"],
-            "fromListId"
-          ],
           "tableTo": "list",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "cascade"
         },
         "card_activity_toListId_list_id_fk": {
           "name": "card_activity_toListId_list_id_fk",
           "tableFrom": "card_activity",
-          "columnsFrom": [
+          "columnsFrom": ["toListId"],
-            "toListId"
-          ],
           "tableTo": "list",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "cascade"
         },
         "card_activity_labelId_label_id_fk": {
           "name": "card_activity_labelId_label_id_fk",
           "tableFrom": "card_activity",
-          "columnsFrom": [
+          "columnsFrom": ["labelId"],
-            "labelId"
-          ],
           "tableTo": "label",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "cascade"
         },
         "card_activity_workspaceMemberId_workspace_members_id_fk": {
           "name": "card_activity_workspaceMemberId_workspace_members_id_fk",
           "tableFrom": "card_activity",
-          "columnsFrom": [
+          "columnsFrom": ["workspaceMemberId"],
-            "workspaceMemberId"
-          ],
           "tableTo": "workspace_members",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "set null"
         },
         "card_activity_createdBy_user_id_fk": {
           "name": "card_activity_createdBy_user_id_fk",
           "tableFrom": "card_activity",
-          "columnsFrom": [
+          "columnsFrom": ["createdBy"],
-            "createdBy"
-          ],
           "tableTo": "user",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "set null"
         },
         "card_activity_commentId_card_comments_id_fk": {
           "name": "card_activity_commentId_card_comments_id_fk",
           "tableFrom": "card_activity",
-          "columnsFrom": [
+          "columnsFrom": ["commentId"],
-            "commentId"
-          ],
           "tableTo": "card_comments",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "cascade"
         }
@@ -806,9 +746,7 @@
       "uniqueConstraints": {
         "card_activity_publicId_unique": {
           "name": "card_activity_publicId_unique",
-          "columns": [
+          "columns": ["publicId"],
-            "publicId"
-          ],
           "nullsNotDistinct": false
         }
       },
@@ -838,26 +776,18 @@
         "_card_workspace_members_cardId_card_id_fk": {
           "name": "_card_workspace_members_cardId_card_id_fk",
           "tableFrom": "_card_workspace_members",
-          "columnsFrom": [
+          "columnsFrom": ["cardId"],
-            "cardId"
-          ],
           "tableTo": "card",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "cascade"
         },
         "_card_workspace_members_workspaceMemberId_workspace_members_id_fk": {
           "name": "_card_workspace_members_workspaceMemberId_workspace_members_id_fk",
           "tableFrom": "_card_workspace_members",
-          "columnsFrom": [
+          "columnsFrom": ["workspaceMemberId"],
-            "workspaceMemberId"
-          ],
           "tableTo": "workspace_members",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "cascade"
         }
@@ -865,10 +795,7 @@
       "compositePrimaryKeys": {
         "_card_workspace_members_cardId_workspaceMemberId_pk": {
           "name": "_card_workspace_members_cardId_workspaceMemberId_pk",
-          "columns": [
+          "columns": ["cardId", "workspaceMemberId"]
-            "cardId",
-            "workspaceMemberId"
-          ]
         }
       },
       "uniqueConstraints": {},
@@ -959,52 +886,36 @@
         "card_createdBy_user_id_fk": {
           "name": "card_createdBy_user_id_fk",
           "tableFrom": "card",
-          "columnsFrom": [
+          "columnsFrom": ["createdBy"],
-            "createdBy"
-          ],
           "tableTo": "user",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "set null"
         },
         "card_deletedBy_user_id_fk": {
           "name": "card_deletedBy_user_id_fk",
           "tableFrom": "card",
-          "columnsFrom": [
+          "columnsFrom": ["deletedBy"],
-            "deletedBy"
-          ],
           "tableTo": "user",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "set null"
         },
         "card_listId_list_id_fk": {
           "name": "card_listId_list_id_fk",
           "tableFrom": "card",
-          "columnsFrom": [
+          "columnsFrom": ["listId"],
-            "listId"
-          ],
           "tableTo": "list",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "cascade"
         },
         "card_importId_import_id_fk": {
           "name": "card_importId_import_id_fk",
           "tableFrom": "card",
-          "columnsFrom": [
+          "columnsFrom": ["importId"],
-            "importId"
-          ],
           "tableTo": "import",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "no action"
         }
@@ -1013,9 +924,7 @@
       "uniqueConstraints": {
         "card_publicId_unique": {
           "name": "card_publicId_unique",
-          "columns": [
+          "columns": ["publicId"],
-            "publicId"
-          ],
           "nullsNotDistinct": false
         }
       },
@@ -1045,26 +954,18 @@
         "_card_labels_cardId_card_id_fk": {
           "name": "_card_labels_cardId_card_id_fk",
           "tableFrom": "_card_labels",
-          "columnsFrom": [
+          "columnsFrom": ["cardId"],
-            "cardId"
-          ],
           "tableTo": "card",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "cascade"
         },
         "_card_labels_labelId_label_id_fk": {
           "name": "_card_labels_labelId_label_id_fk",
           "tableFrom": "_card_labels",
-          "columnsFrom": [
+          "columnsFrom": ["labelId"],
-            "labelId"
-          ],
           "tableTo": "label",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "cascade"
         }
@@ -1072,10 +973,7 @@
       "compositePrimaryKeys": {
         "_card_labels_cardId_labelId_pk": {
           "name": "_card_labels_cardId_labelId_pk",
-          "columns": [
+          "columns": ["cardId", "labelId"]
-            "cardId",
-            "labelId"
-          ]
         }
       },
       "uniqueConstraints": {},
@@ -1148,39 +1046,27 @@
         "card_comments_cardId_card_id_fk": {
           "name": "card_comments_cardId_card_id_fk",
           "tableFrom": "card_comments",
-          "columnsFrom": [
+          "columnsFrom": ["cardId"],
-            "cardId"
-          ],
           "tableTo": "card",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "cascade"
         },
         "card_comments_createdBy_user_id_fk": {
           "name": "card_comments_createdBy_user_id_fk",
           "tableFrom": "card_comments",
-          "columnsFrom": [
+          "columnsFrom": ["createdBy"],
-            "createdBy"
-          ],
           "tableTo": "user",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "set null"
         },
         "card_comments_deletedBy_user_id_fk": {
           "name": "card_comments_deletedBy_user_id_fk",
           "tableFrom": "card_comments",
-          "columnsFrom": [
+          "columnsFrom": ["deletedBy"],
-            "deletedBy"
-          ],
           "tableTo": "user",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "set null"
         }
@@ -1189,9 +1075,7 @@
       "uniqueConstraints": {
         "card_comments_publicId_unique": {
           "name": "card_comments_publicId_unique",
-          "columns": [
+          "columns": ["publicId"],
-            "publicId"
-          ],
           "nullsNotDistinct": false
         }
       },
@@ -1253,13 +1137,9 @@
         "feedback_createdBy_user_id_fk": {
           "name": "feedback_createdBy_user_id_fk",
           "tableFrom": "feedback",
-          "columnsFrom": [
+          "columnsFrom": ["createdBy"],
-            "createdBy"
-          ],
           "tableTo": "user",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "set null"
         }
@@ -1319,13 +1199,9 @@
         "import_createdBy_user_id_fk": {
           "name": "import_createdBy_user_id_fk",
           "tableFrom": "import",
-          "columnsFrom": [
+          "columnsFrom": ["createdBy"],
-            "createdBy"
-          ],
           "tableTo": "user",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "set null"
         }
@@ -1334,9 +1210,7 @@
       "uniqueConstraints": {
         "import_publicId_unique": {
           "name": "import_publicId_unique",
-          "columns": [
+          "columns": ["publicId"],
-            "publicId"
-          ],
           "nullsNotDistinct": false
         }
       },
@@ -1421,52 +1295,36 @@
         "label_createdBy_user_id_fk": {
           "name": "label_createdBy_user_id_fk",
           "tableFrom": "label",
-          "columnsFrom": [
+          "columnsFrom": ["createdBy"],
-            "createdBy"
-          ],
           "tableTo": "user",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "set null"
         },
         "label_boardId_board_id_fk": {
           "name": "label_boardId_board_id_fk",
           "tableFrom": "label",
-          "columnsFrom": [
+          "columnsFrom": ["boardId"],
-            "boardId"
-          ],
           "tableTo": "board",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "cascade"
         },
         "label_importId_import_id_fk": {
           "name": "label_importId_import_id_fk",
           "tableFrom": "label",
-          "columnsFrom": [
+          "columnsFrom": ["importId"],
-            "importId"
-          ],
           "tableTo": "import",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "no action"
         },
         "label_deletedBy_user_id_fk": {
           "name": "label_deletedBy_user_id_fk",
           "tableFrom": "label",
-          "columnsFrom": [
+          "columnsFrom": ["deletedBy"],
-            "deletedBy"
-          ],
           "tableTo": "user",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "set null"
         }
@@ -1475,9 +1333,7 @@
       "uniqueConstraints": {
         "label_publicId_unique": {
           "name": "label_publicId_unique",
-          "columns": [
+          "columns": ["publicId"],
-            "publicId"
-          ],
           "nullsNotDistinct": false
         }
       },
@@ -1562,52 +1418,36 @@
         "list_createdBy_user_id_fk": {
           "name": "list_createdBy_user_id_fk",
           "tableFrom": "list",
-          "columnsFrom": [
+          "columnsFrom": ["createdBy"],
-            "createdBy"
-          ],
           "tableTo": "user",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "set null"
         },
         "list_deletedBy_user_id_fk": {
           "name": "list_deletedBy_user_id_fk",
           "tableFrom": "list",
-          "columnsFrom": [
+          "columnsFrom": ["deletedBy"],
-            "deletedBy"
-          ],
           "tableTo": "user",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "set null"
         },
         "list_boardId_board_id_fk": {
           "name": "list_boardId_board_id_fk",
           "tableFrom": "list",
-          "columnsFrom": [
+          "columnsFrom": ["boardId"],
-            "boardId"
-          ],
           "tableTo": "board",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "cascade"
         },
         "list_importId_import_id_fk": {
           "name": "list_importId_import_id_fk",
           "tableFrom": "list",
-          "columnsFrom": [
+          "columnsFrom": ["importId"],
-            "importId"
-          ],
           "tableTo": "import",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "no action"
         }
@@ -1616,9 +1456,7 @@
       "uniqueConstraints": {
         "list_publicId_unique": {
           "name": "list_publicId_unique",
-          "columns": [
+          "columns": ["publicId"],
-            "publicId"
-          ],
           "nullsNotDistinct": false
         }
       },
@@ -1688,9 +1526,7 @@
       "uniqueConstraints": {
         "user_email_unique": {
           "name": "user_email_unique",
-          "columns": [
+          "columns": ["email"],
-            "email"
-          ],
           "nullsNotDistinct": false
         }
       },
@@ -1722,9 +1558,7 @@
       "uniqueConstraints": {
         "workspace_slugs_slug_unique": {
           "name": "workspace_slugs_slug_unique",
-          "columns": [
+          "columns": ["slug"],
-            "slug"
-          ],
           "nullsNotDistinct": false
         }
       },
@@ -1818,39 +1652,27 @@
         "workspace_members_userId_user_id_fk": {
           "name": "workspace_members_userId_user_id_fk",
           "tableFrom": "workspace_members",
-          "columnsFrom": [
+          "columnsFrom": ["userId"],
-            "userId"
-          ],
           "tableTo": "user",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "set null"
         },
         "workspace_members_workspaceId_workspace_id_fk": {
           "name": "workspace_members_workspaceId_workspace_id_fk",
           "tableFrom": "workspace_members",
-          "columnsFrom": [
+          "columnsFrom": ["workspaceId"],
-            "workspaceId"
-          ],
           "tableTo": "workspace",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "cascade"
         },
         "workspace_members_deletedBy_user_id_fk": {
           "name": "workspace_members_deletedBy_user_id_fk",
           "tableFrom": "workspace_members",
-          "columnsFrom": [
+          "columnsFrom": ["deletedBy"],
-            "deletedBy"
-          ],
           "tableTo": "user",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "set null"
         }
@@ -1859,9 +1681,7 @@
       "uniqueConstraints": {
         "workspace_members_publicId_unique": {
           "name": "workspace_members_publicId_unique",
-          "columns": [
+          "columns": ["publicId"],
-            "publicId"
-          ],
           "nullsNotDistinct": false
         }
       },
@@ -1948,26 +1768,18 @@
         "workspace_createdBy_user_id_fk": {
           "name": "workspace_createdBy_user_id_fk",
           "tableFrom": "workspace",
-          "columnsFrom": [
+          "columnsFrom": ["createdBy"],
-            "createdBy"
-          ],
           "tableTo": "user",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "set null"
         },
         "workspace_deletedBy_user_id_fk": {
           "name": "workspace_deletedBy_user_id_fk",
           "tableFrom": "workspace",
-          "columnsFrom": [
+          "columnsFrom": ["deletedBy"],
-            "deletedBy"
-          ],
           "tableTo": "user",
-          "columnsTo": [
+          "columnsTo": ["id"],
-            "id"
-          ],
           "onUpdate": "no action",
           "onDelete": "set null"
         }
@@ -1976,16 +1788,12 @@
       "uniqueConstraints": {
         "workspace_publicId_unique": {
           "name": "workspace_publicId_unique",
-          "columns": [
+          "columns": ["publicId"],
-            "publicId"
-          ],
           "nullsNotDistinct": false
         },
         "workspace_slug_unique": {
           "name": "workspace_slug_unique",
-          "columns": [
+          "columns": ["slug"],
-            "slug"
-          ],
           "nullsNotDistinct": false
         }
       },
@@ -1998,10 +1806,7 @@
     "public.board_visibility": {
       "name": "board_visibility",
       "schema": "public",
-      "values": [
+      "values": ["private", "public"]
-        "private",
-        "public"
-      ]
     },
     "public.card_activity_type": {
       "name": "card_activity_type",
@@ -2025,53 +1830,32 @@
     "public.source": {
       "name": "source",
       "schema": "public",
-      "values": [
+      "values": ["trello"]
-        "trello"
-      ]
     },
     "public.status": {
       "name": "status",
       "schema": "public",
-      "values": [
+      "values": ["started", "success", "failed"]
-        "started",
-        "success",
-        "failed"
-      ]
     },
     "public.role": {
       "name": "role",
       "schema": "public",
-      "values": [
+      "values": ["admin", "member", "guest"]
-        "admin",
-        "member",
-        "guest"
-      ]
     },
     "public.member_status": {
       "name": "member_status",
       "schema": "public",
-      "values": [
+      "values": ["invited", "active", "removed"]
-        "invited",
-        "active",
-        "removed"
-      ]
     },
     "public.slug_type": {
       "name": "slug_type",
       "schema": "public",
-      "values": [
+      "values": ["reserved", "premium"]
-        "reserved",
-        "premium"
-      ]
     },
     "public.workspace_plan": {
       "name": "workspace_plan",
       "schema": "public",
-      "values": [
+      "values": ["free", "pro", "enterprise"]
-        "free",
-        "pro",
-        "enterprise"
-      ]
     }
   },
   "schemas": {},
@@ -2084,4 +1868,4 @@
     "schemas": {},
     "tables": {}
   }
-}
+}

packages/db/migrations/meta/_journal.json

@@ -50,6 +50,20 @@
       "when": 1749585889984,
       "tag": "20250610200449_ReaddIntegrationTable",
       "breakpoints": true
+    },
+    {
+      "idx": 7,
+      "version": "7",
+      "when": 1754511666265,
+      "tag": "20250806202106_glossy_luminals",
+      "breakpoints": true
+    },
+    {
+      "idx": 8,
+      "version": "7",
+      "when": 1755094668761,
+      "tag": "20250813141748_AddChecklistActivityTypes",
+      "breakpoints": true
     }
   ]
-}
+}

packages/db/package.json

@@ -39,6 +39,7 @@
     "with-env": "dotenv -e ../../.env --"
   },
   "dependencies": {
+    "@electric-sql/pglite": "^0.3.7",
     "@kan/shared": "workspace:^",
     "drizzle-orm": "^0.42.0",
     "drizzle-zod": "^0.5.1",

packages/db/src/client.ts

@@ -1,8 +1,12 @@
 import type { NodePgDatabase } from "drizzle-orm/node-postgres";
+import { drizzle as drizzlePgLite } from "drizzle-orm/pglite"; 
+import { uuid_ossp } from "@electric-sql/pglite/contrib/uuid_ossp";
 import { drizzle as drizzlePg } from "drizzle-orm/node-postgres";
 import { Pool } from "pg";
 
 import * as schema from "./schema";
+import { PGlite } from "@electric-sql/pglite";
+import { migrate } from "drizzle-orm/pglite/migrator";
 
 export type dbClient = NodePgDatabase<typeof schema> & {
   $client: Pool;
@@ -12,7 +16,14 @@ export const createDrizzleClient = (): dbClient => {
   const connectionString = process.env.POSTGRES_URL;
 
   if (!connectionString) {
-    throw new Error("POSTGRES_URL environment variable is not set");
+    console.log("POSTGRES_URL environment variable is not set, using PGLite");
+
+    const client = new PGlite({ dataDir: "./pgdata", extensions: { uuid_ossp }});
+    const db = drizzlePgLite(client, { schema });
+
+    migrate(db, { migrationsFolder: "../../packages/db/migrations" });
+
+    return db as unknown as dbClient;
   }
 
   const pool = new Pool({

packages/db/src/repository/board.repo.ts

@@ -7,6 +7,8 @@ import {
   cards,
   cardsToLabels,
   cardToWorkspaceMembers,
+  checklistItems,
+  checklists,
   labels,
   lists,
   workspaceMembers,
@@ -164,6 +166,27 @@ export const getByPublicId = async (
                   },
                 },
               },
+              checklists: {
+                columns: {
+                  publicId: true,
+                  name: true,
+                  index: true,
+                },
+                where: isNull(checklists.deletedAt),
+                orderBy: asc(checklists.index),
+                with: {
+                  items: {
+                    columns: {
+                      publicId: true,
+                      title: true,
+                      completed: true,
+                      index: true,
+                    },
+                    where: isNull(checklistItems.deletedAt),
+                    orderBy: asc(checklistItems.index),
+                  },
+                },
+              },
             },
             where: and(
               cardIds.length > 0 ? inArray(cards.publicId, cardIds) : undefined,
@@ -201,6 +224,7 @@ export const getByPublicId = async (
 export const getBySlug = async (
   db: dbClient,
   boardSlug: string,
+  workspaceId: number,
   filters: {
     members: string[];
     labels: string[];
@@ -279,6 +303,27 @@ export const getBySlug = async (
                   },
                 },
               },
+              checklists: {
+                columns: {
+                  publicId: true,
+                  name: true,
+                  index: true,
+                },
+                where: isNull(checklists.deletedAt),
+                orderBy: asc(checklists.index),
+                with: {
+                  items: {
+                    columns: {
+                      publicId: true,
+                      title: true,
+                      completed: true,
+                      index: true,
+                    },
+                    where: isNull(checklistItems.deletedAt),
+                    orderBy: asc(checklistItems.index),
+                  },
+                },
+              },
             },
             where: and(
               cardIds.length > 0 ? inArray(cards.publicId, cardIds) : undefined,
@@ -293,6 +338,7 @@ export const getBySlug = async (
     },
     where: and(
       eq(boards.slug, boardSlug),
+      eq(boards.workspaceId, workspaceId),
       isNull(boards.deletedAt),
       eq(boards.visibility, "public"),
     ),

packages/db/src/repository/card.repo.ts

@@ -6,6 +6,8 @@ import {
   cards,
   cardsToLabels,
   cardToWorkspaceMembers,
+  checklistItems,
+  checklists,
   labels,
   lists,
   workspaceMembers,
@@ -300,6 +302,27 @@ export const getWithListAndMembersByPublicId = async (
           },
         },
       },
+      checklists: {
+        columns: {
+          publicId: true,
+          name: true,
+          index: true,
+        },
+        where: isNull(checklists.deletedAt),
+        orderBy: asc(checklists.index),
+        with: {
+          items: {
+            columns: {
+              publicId: true,
+              title: true,
+              completed: true,
+              index: true,
+            },
+            where: isNull(checklistItems.deletedAt),
+            orderBy: asc(checklistItems.index),
+          },
+        },
+      },
       list: {
         columns: {
           publicId: true,

packages/db/src/repository/checklist.repo.ts

@@ -0,0 +1,216 @@
+import { and, desc, eq, isNull } from "drizzle-orm";
+
+import type { dbClient } from "@kan/db/client";
+import { checklistItems, checklists } from "@kan/db/schema";
+import { generateUID } from "@kan/shared/utils";
+
+export const create = async (
+  db: dbClient,
+  checklistInput: {
+    cardId: number;
+    name: string;
+    createdBy: string;
+  },
+) => {
+  return db.transaction(async (tx) => {
+    const card = await tx.query.checklists.findFirst({
+      where: and(
+        eq(checklists.cardId, checklistInput.cardId),
+        isNull(checklists.deletedAt),
+      ),
+      orderBy: desc(checklists.index),
+    });
+
+    const [result] = await tx
+      .insert(checklists)
+      .values({
+        publicId: generateUID(),
+        name: checklistInput.name,
+        createdBy: checklistInput.createdBy,
+        cardId: checklistInput.cardId,
+        index: card ? card.index + 1 : 0,
+      })
+      .returning({
+        id: checklists.id,
+        publicId: checklists.publicId,
+        name: checklists.name,
+      });
+
+    return result;
+  });
+};
+
+export const createItem = async (
+  db: dbClient,
+  checklistItemInput: {
+    checklistId: number;
+    title: string;
+    createdBy: string;
+  },
+) => {
+  return db.transaction(async (tx) => {
+    const lastItem = await tx.query.checklistItems.findFirst({
+      where: and(
+        eq(checklistItems.checklistId, checklistItemInput.checklistId),
+        isNull(checklistItems.deletedAt),
+      ),
+      orderBy: desc(checklistItems.index),
+    });
+
+    const [result] = await tx
+      .insert(checklistItems)
+      .values({
+        publicId: generateUID(),
+        title: checklistItemInput.title,
+        createdBy: checklistItemInput.createdBy,
+        checklistId: checklistItemInput.checklistId,
+        index: lastItem ? lastItem.index + 1 : 0,
+        completed: false,
+      })
+      .returning({
+        id: checklistItems.id,
+        publicId: checklistItems.publicId,
+        title: checklistItems.title,
+        completed: checklistItems.completed,
+      });
+
+    return result;
+  });
+};
+
+export const getChecklistByPublicId = async (
+  db: dbClient,
+  checklistPublicId: string,
+) => {
+  const checklist = await db.query.checklists.findFirst({
+    where: and(
+      eq(checklists.publicId, checklistPublicId),
+      isNull(checklists.deletedAt),
+    ),
+    with: {
+      card: {
+        with: {
+          list: {
+            with: {
+              board: {
+                with: {
+                  workspace: true,
+                },
+              },
+            },
+          },
+        },
+      },
+    },
+  });
+
+  return checklist;
+};
+
+export const getChecklistItemByPublicIdWithChecklist = async (
+  db: dbClient,
+  checklistItemPublicId: string,
+) => {
+  const item = await db.query.checklistItems.findFirst({
+    where: and(
+      eq(checklistItems.publicId, checklistItemPublicId),
+      isNull(checklistItems.deletedAt),
+    ),
+    with: {
+      checklist: {
+        with: {
+          card: {
+            with: {
+              list: {
+                with: {
+                  board: {
+                    with: { workspace: true },
+                  },
+                },
+              },
+            },
+          },
+        },
+      },
+    },
+  });
+
+  return item;
+};
+
+export const updateItemById = async (
+  db: dbClient,
+  args: { id: number; title?: string; completed?: boolean },
+) => {
+  const [result] = await db
+    .update(checklistItems)
+    .set({
+      ...(args.title !== undefined ? { title: args.title } : {}),
+      ...(args.completed !== undefined ? { completed: args.completed } : {}),
+      updatedAt: new Date(),
+    })
+    .where(eq(checklistItems.id, args.id))
+    .returning({
+      publicId: checklistItems.publicId,
+      title: checklistItems.title,
+      completed: checklistItems.completed,
+    });
+
+  return result;
+};
+
+export const softDeleteItemById = async (
+  db: dbClient,
+  args: { id: number; deletedAt: Date; deletedBy: string },
+) => {
+  const [result] = await db
+    .update(checklistItems)
+    .set({ deletedAt: args.deletedAt, deletedBy: args.deletedBy })
+    .where(eq(checklistItems.id, args.id))
+    .returning({ id: checklistItems.id });
+
+  return result;
+};
+
+export const softDeleteAllItemsByChecklistId = async (
+  db: dbClient,
+  args: { checklistId: number; deletedAt: Date; deletedBy: string },
+) => {
+  const result = await db
+    .update(checklistItems)
+    .set({ deletedAt: args.deletedAt, deletedBy: args.deletedBy })
+    .where(
+      and(
+        eq(checklistItems.checklistId, args.checklistId),
+        isNull(checklistItems.deletedAt),
+      ),
+    )
+    .returning({ id: checklistItems.id });
+
+  return result;
+};
+
+export const softDeleteById = async (
+  db: dbClient,
+  args: { id: number; deletedAt: Date; deletedBy: string },
+) => {
+  const [result] = await db
+    .update(checklists)
+    .set({ deletedAt: args.deletedAt, deletedBy: args.deletedBy })
+    .where(eq(checklists.id, args.id))
+    .returning({ id: checklists.id });
+
+  return result;
+};
+
+export const updateChecklistById = async (
+  db: dbClient,
+  args: { id: number; name: string },
+) => {
+  const [result] = await db
+    .update(checklists)
+    .set({ name: args.name, updatedAt: new Date() })
+    .where(eq(checklists.id, args.id))
+    .returning({ publicId: checklists.publicId, name: checklists.name });
+  return result;
+};

packages/db/src/schema/cards.ts

@@ -12,6 +12,7 @@ import {
   varchar,
 } from "drizzle-orm/pg-core";
 
+import { checklists } from "./checklists";
 import { imports } from "./imports";
 import { labels } from "./labels";
 import { lists } from "./lists";
@@ -31,6 +32,15 @@ export const activityTypes = [
   "card.updated.comment.added",
   "card.updated.comment.updated",
   "card.updated.comment.deleted",
+  // Checklist activities
+  "card.updated.checklist.added",
+  "card.updated.checklist.renamed",
+  "card.updated.checklist.deleted",
+  "card.updated.checklist.item.added",
+  "card.updated.checklist.item.updated",
+  "card.updated.checklist.item.completed",
+  "card.updated.checklist.item.uncompleted",
+  "card.updated.checklist.item.deleted",
   "card.archived",
 ] as const;
 
@@ -84,6 +94,7 @@ export const cardsRelations = relations(cards, ({ one, many }) => ({
   }),
   comments: many(comments),
   activities: many(cardActivities),
+  checklists: many(checklists),
 }));
 
 export const cardActivities = pgTable("card_activity", {

packages/db/src/schema/checklists.ts

@@ -0,0 +1,90 @@
+import { relations } from "drizzle-orm";
+import {
+  bigint,
+  bigserial,
+  boolean,
+  integer,
+  pgTable,
+  timestamp,
+  uuid,
+  varchar,
+} from "drizzle-orm/pg-core";
+
+import { cards } from "./cards";
+import { users } from "./users";
+
+export const checklists = pgTable("card_checklist", {
+  id: bigserial("id", { mode: "number" }).primaryKey(),
+  publicId: varchar("publicId", { length: 12 }).notNull().unique(),
+  name: varchar("name", { length: 255 }).notNull(),
+  index: integer("index").notNull(),
+  cardId: bigint("cardId", { mode: "number" })
+    .notNull()
+    .references(() => cards.id, { onDelete: "cascade" }),
+  createdBy: uuid("createdBy").references(() => users.id, {
+    onDelete: "set null",
+  }),
+  createdAt: timestamp("createdAt").defaultNow().notNull(),
+  updatedAt: timestamp("updatedAt"),
+  deletedAt: timestamp("deletedAt"),
+  deletedBy: uuid("deletedBy").references(() => users.id, {
+    onDelete: "set null",
+  }),
+}).enableRLS();
+
+export const checklistsRelations = relations(checklists, ({ one, many }) => ({
+  card: one(cards, {
+    fields: [checklists.cardId],
+    references: [cards.id],
+    relationName: "checklistsCard",
+  }),
+  createdBy: one(users, {
+    fields: [checklists.createdBy],
+    references: [users.id],
+    relationName: "checklistsCreatedByUser",
+  }),
+  deletedBy: one(users, {
+    fields: [checklists.deletedBy],
+    references: [users.id],
+    relationName: "checklistsDeletedByUser",
+  }),
+  items: many(checklistItems),
+}));
+
+export const checklistItems = pgTable("card_checklist_item", {
+  id: bigserial("id", { mode: "number" }).primaryKey(),
+  publicId: varchar("publicId", { length: 12 }).notNull().unique(),
+  title: varchar("title", { length: 500 }).notNull(),
+  completed: boolean("completed").notNull().default(false),
+  index: integer("index").notNull(),
+  checklistId: bigint("checklistId", { mode: "number" })
+    .notNull()
+    .references(() => checklists.id, { onDelete: "cascade" }),
+  createdBy: uuid("createdBy").references(() => users.id, {
+    onDelete: "set null",
+  }),
+  createdAt: timestamp("createdAt").defaultNow().notNull(),
+  updatedAt: timestamp("updatedAt"),
+  deletedAt: timestamp("deletedAt"),
+  deletedBy: uuid("deletedBy").references(() => users.id, {
+    onDelete: "set null",
+  }),
+}).enableRLS();
+
+export const checklistItemsRelations = relations(checklistItems, ({ one }) => ({
+  checklist: one(checklists, {
+    fields: [checklistItems.checklistId],
+    references: [checklists.id],
+    relationName: "checklistItemsChecklist",
+  }),
+  createdBy: one(users, {
+    fields: [checklistItems.createdBy],
+    references: [users.id],
+    relationName: "checklistItemsCreatedByUser",
+  }),
+  deletedBy: one(users, {
+    fields: [checklistItems.deletedBy],
+    references: [users.id],
+    relationName: "checklistItemsDeletedByUser",
+  }),
+}));

packages/db/src/schema/index.ts

@@ -2,6 +2,7 @@ export * from "./auth";
 export * from "./boards";
 export * from "./auth";
 export * from "./cards";
+export * from "./checklists";
 export * from "./feedback";
 export * from "./imports";
 export * from "./labels";

packages/email/package.json

@@ -23,6 +23,7 @@
     "typecheck": "tsc --noEmit --emitDeclarationOnly false"
   },
   "dependencies": {
+    "@plunk/node": "^3.0.3",
     "@react-email/components": "^0.0.25",
     "nodemailer": "^7.0.3",
     "react-email": "^3.0.1"

packages/email/src/cloudMailerClient.tsx

@@ -0,0 +1,10 @@
+import Plunk from "@plunk/node";
+
+export const cloudMailerClient =
+  process.env.NEXT_PUBLIC_KAN_ENV === "cloud" &&
+  process.env.PLUNK_API_KEY &&
+  process.env.PLUNK_API_URL
+    ? new Plunk(process.env.PLUNK_API_KEY ?? "", {
+        baseUrl: process.env.PLUNK_API_URL,
+      })
+    : null;

packages/email/src/index.tsx

@@ -1,3 +1,4 @@
 export const name = "email";
 
 export { sendEmail } from "./sendEmail";
+export { cloudMailerClient } from "./cloudMailerClient";

packages/email/src/sendEmail.tsx

@@ -1,6 +1,7 @@
 import { render } from "@react-email/render";
 import nodemailer from "nodemailer";
 
+import { cloudMailerClient } from "./cloudMailerClient";
 import JoinWorkspaceTemplate from "./templates/join-workspace";
 import MagicLinkTemplate from "./templates/magic-link";
 import ResetPasswordTemplate from "./templates/reset-password";
@@ -44,6 +45,15 @@ export const sendEmail = async (
       html,
     };
 
+    if (cloudMailerClient) {
+      const response = await cloudMailerClient.emails.send({
+        ...options,
+        body: html,
+      });
+
+      return response;
+    }
+
     const response = await transporter.sendMail(options);
 
     if (!response.accepted.length) {

pnpm-lock.yaml

@@ -123,6 +123,9 @@ importers:
       '@tiptap/extension-link':
         specifier: ^2.22.2
         version: 2.22.2(@tiptap/core@2.14.0(@tiptap/pm@2.14.0))(@tiptap/pm@2.14.0)
+      '@tiptap/extension-mention':
+        specifier: ^3.0.9
+        version: 3.0.9(@tiptap/core@2.14.0(@tiptap/pm@2.14.0))(@tiptap/pm@2.14.0)(@tiptap/suggestion@2.14.0(@tiptap/core@2.14.0(@tiptap/pm@2.14.0))(@tiptap/pm@2.14.0))
       '@tiptap/extension-placeholder':
         specifier: ^2.14.0
         version: 2.14.0(@tiptap/core@2.14.0(@tiptap/pm@2.14.0))(@tiptap/pm@2.14.0)
@@ -360,15 +363,18 @@ importers:
 
   packages/db:
     dependencies:
+      '@electric-sql/pglite':
+        specifier: ^0.3.7
+        version: 0.3.7
       '@kan/shared':
         specifier: workspace:^
         version: link:../shared
       drizzle-orm:
         specifier: ^0.42.0
-        version: 0.42.0(@neondatabase/serverless@0.10.4)(@types/pg@8.11.6)(@vercel/postgres@0.10.0(utf-8-validate@6.0.3))(kysely@0.28.2)(pg@8.13.1)(postgres@3.4.5)
+        version: 0.42.0(@electric-sql/pglite@0.3.7)(@neondatabase/serverless@0.10.4)(@types/pg@8.11.6)(@vercel/postgres@0.10.0(utf-8-validate@6.0.3))(kysely@0.28.2)(pg@8.13.1)(postgres@3.4.5)
       drizzle-zod:
         specifier: ^0.5.1
-        version: 0.5.1(drizzle-orm@0.42.0(@neondatabase/serverless@0.10.4)(@types/pg@8.11.6)(@vercel/postgres@0.10.0(utf-8-validate@6.0.3))(kysely@0.28.2)(pg@8.13.1)(postgres@3.4.5))(zod@3.24.0)
+        version: 0.5.1(drizzle-orm@0.42.0(@electric-sql/pglite@0.3.7)(@neondatabase/serverless@0.10.4)(@types/pg@8.11.6)(@vercel/postgres@0.10.0(utf-8-validate@6.0.3))(kysely@0.28.2)(pg@8.13.1)(postgres@3.4.5))(zod@3.24.0)
       pg:
         specifier: ^8.11.3
         version: 8.13.1
@@ -409,6 +415,9 @@ importers:
 
   packages/email:
     dependencies:
+      '@plunk/node':
+        specifier: ^3.0.3
+        version: 3.0.3
       '@react-email/components':
         specifier: ^0.0.25
         version: 0.0.25(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -885,6 +894,9 @@ packages:
   '@drizzle-team/brocli@0.10.2':
     resolution: {integrity: sha512-z33Il7l5dKjUgGULTqBsQBQwckHh5AbIuxhdsIxDDiZAzBOrZO6q9ogcWC65kU382AfynTfgNumVcNIjuIua6w==}
 
+  '@electric-sql/pglite@0.3.7':
+    resolution: {integrity: sha512-5c3mybVrhxu5s47zFZtIGdG8YHkKCBENOmqxnNBjY53ZoDhADY/c5UqBDl159b7qtkzNPtbbb893wL9zi1kAuw==}
+
   '@emnapi/runtime@1.3.1':
     resolution: {integrity: sha512-kEBmG8KyqtxJZv+ygbEim+KCGtIq1fC22Ms3S4ziXmYKm8uyoLX0MHONVKwp+9opg390VaKRNt4a7A9NwmpNhw==}
 
@@ -2194,6 +2206,9 @@ packages:
     resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
     engines: {node: '>=14'}
 
+  '@plunk/node@3.0.3':
+    resolution: {integrity: sha512-f3NT418/EdLjebQ4arAwR64cnz7d5H7i1CeKh8+B0cVBrwzHvF+Q+QkhutF+FAp49yuI/BYc71qQH+RFc2fxxQ==}
+
   '@popperjs/core@2.11.8':
     resolution: {integrity: sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==}
 
@@ -2764,6 +2779,13 @@ packages:
     peerDependencies:
       '@tiptap/core': ^2.7.0
 
+  '@tiptap/extension-mention@3.0.9':
+    resolution: {integrity: sha512-DTQNAQkHZ+7Enlt3KvjqN6eECINlqPpET4Drzwj8Mmz9kMILc87cz3G2cwEKRrS9A1Xn3H3VpWvElWE2Wq9JHw==}
+    peerDependencies:
+      '@tiptap/core': ^3.0.9
+      '@tiptap/pm': ^3.0.9
+      '@tiptap/suggestion': ^3.0.9
+
   '@tiptap/extension-ordered-list@2.14.0':
     resolution: {integrity: sha512-QUZcyuW9AKvSfpFHcGmbyRCqxcpY0VNf0xipEtogxbA+JDDw3ZSPqU1dUgz9wk00RahPTwNDdY5aVjdQ5N4N9Q==}
     peerDependencies:
@@ -6478,6 +6500,7 @@ packages:
   source-map@0.8.0-beta.0:
     resolution: {integrity: sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==}
     engines: {node: '>= 8'}
+    deprecated: The work that was done in this beta branch won't be included in future versions
 
   space-separated-tokens@2.0.2:
     resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
@@ -7846,6 +7869,8 @@ snapshots:
 
   '@drizzle-team/brocli@0.10.2': {}
 
+  '@electric-sql/pglite@0.3.7': {}
+
   '@emnapi/runtime@1.3.1':
     dependencies:
       tslib: 2.8.1
@@ -8910,6 +8935,10 @@ snapshots:
   '@pkgjs/parseargs@0.11.0':
     optional: true
 
+  '@plunk/node@3.0.3':
+    dependencies:
+      tslib: 2.8.1
+
   '@popperjs/core@2.11.8': {}
 
   '@react-aria/focus@3.19.0(react@18.3.1)':
@@ -9602,6 +9631,12 @@ snapshots:
     dependencies:
       '@tiptap/core': 2.14.0(@tiptap/pm@2.14.0)
 
+  '@tiptap/extension-mention@3.0.9(@tiptap/core@2.14.0(@tiptap/pm@2.14.0))(@tiptap/pm@2.14.0)(@tiptap/suggestion@2.14.0(@tiptap/core@2.14.0(@tiptap/pm@2.14.0))(@tiptap/pm@2.14.0))':
+    dependencies:
+      '@tiptap/core': 2.14.0(@tiptap/pm@2.14.0)
+      '@tiptap/pm': 2.14.0
+      '@tiptap/suggestion': 2.14.0(@tiptap/core@2.14.0(@tiptap/pm@2.14.0))(@tiptap/pm@2.14.0)
+
   '@tiptap/extension-ordered-list@2.14.0(@tiptap/core@2.14.0(@tiptap/pm@2.14.0))':
     dependencies:
       '@tiptap/core': 2.14.0(@tiptap/pm@2.14.0)
@@ -10835,8 +10870,9 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  drizzle-orm@0.42.0(@neondatabase/serverless@0.10.4)(@types/pg@8.11.6)(@vercel/postgres@0.10.0(utf-8-validate@6.0.3))(kysely@0.28.2)(pg@8.13.1)(postgres@3.4.5):
+  drizzle-orm@0.42.0(@electric-sql/pglite@0.3.7)(@neondatabase/serverless@0.10.4)(@types/pg@8.11.6)(@vercel/postgres@0.10.0(utf-8-validate@6.0.3))(kysely@0.28.2)(pg@8.13.1)(postgres@3.4.5):
     optionalDependencies:
+      '@electric-sql/pglite': 0.3.7
       '@neondatabase/serverless': 0.10.4
       '@types/pg': 8.11.6
       '@vercel/postgres': 0.10.0(utf-8-validate@6.0.3)
@@ -10844,9 +10880,9 @@ snapshots:
       pg: 8.13.1
       postgres: 3.4.5
 
-  drizzle-zod@0.5.1(drizzle-orm@0.42.0(@neondatabase/serverless@0.10.4)(@types/pg@8.11.6)(@vercel/postgres@0.10.0(utf-8-validate@6.0.3))(kysely@0.28.2)(pg@8.13.1)(postgres@3.4.5))(zod@3.24.0):
+  drizzle-zod@0.5.1(drizzle-orm@0.42.0(@electric-sql/pglite@0.3.7)(@neondatabase/serverless@0.10.4)(@types/pg@8.11.6)(@vercel/postgres@0.10.0(utf-8-validate@6.0.3))(kysely@0.28.2)(pg@8.13.1)(postgres@3.4.5))(zod@3.24.0):
     dependencies:
-      drizzle-orm: 0.42.0(@neondatabase/serverless@0.10.4)(@types/pg@8.11.6)(@vercel/postgres@0.10.0(utf-8-validate@6.0.3))(kysely@0.28.2)(pg@8.13.1)(postgres@3.4.5)
+      drizzle-orm: 0.42.0(@electric-sql/pglite@0.3.7)(@neondatabase/serverless@0.10.4)(@types/pg@8.11.6)(@vercel/postgres@0.10.0(utf-8-validate@6.0.3))(kysely@0.28.2)(pg@8.13.1)(postgres@3.4.5)
       zod: 3.24.0
 
   dunder-proto@1.0.0:

turbo.json

@@ -109,7 +109,9 @@
     "S3_FORCE_PATH_STYLE",
     "PORT",
     "BETTER_AUTH_SECRET",
-    "BETTER_AUTH_TRUSTED_ORIGINS"
+    "BETTER_AUTH_TRUSTED_ORIGINS",
+    "PLUNK_API_KEY",
+    "PLUNK_API_URL"
   ],
   "globalPassThroughEnv": [
     "NODE_ENV",