**Migrated from GitHub issue icub3d/decentcom#80** **Original Author:** @icub3d **Original Date:** 2026-04-17T21:59:53Z --- # Feature: In-app About / Welcome component ## Overview Add an About/Welcome component inside the Tauri client that introduces decentcom, highlights key strengths, and links out to documentation, source, and the public landing page for downloads. ## Background Split from #78. Users arriving at the client should be able to learn what decentcom is and why without leaving the app. The component has two entry points: the pre-identity Setup flow (for first-time visitors) and the signed-in app (for people who want to re-read or share). ## Requirements - [x] New component at \`client/src/components/about/About.tsx\`. - [x] Content sections: - Short intro: what decentcom is (one paragraph). - Key strengths (bullets): identity ownership, no passwords, self-hostable, end-to-end cryptographic verification. - \"Why decentcom?\" — a short comparison section that highlights our strengths and mentions general cons of \"other products\" (centralized control, data mining, credential risks) without naming them. - Links: documentation, source repository, download page on the public landing site. - [x] Two entry points: - Setup flow: a \"Learn more about decentcom\" link on the initial Setup screen. - Signed-in app: menu item in \`TitleBar.tsx\`. - [x] Modal presentation (not a full route) for both entry points — keeps it lightweight and avoids adding a router. - [x] Copy sourced from \`docs/brand.md\` (see #79). ## Design ### Component Changes - \`client/src/components/about/About.tsx\` — new modal component. - \`client/src/components/layout/TitleBar.tsx\` — add an \"About\" menu item that opens the modal. - \`client/src/pages/Setup.tsx\` — add a subtle \"Learn more about decentcom\" link, opens the same modal. ### Visual - Matches existing Catppuccin Mocha theme. - Internal links are styled consistently with the rest of the app. - External links open in the system browser via the existing \`tauri-plugin-opener\` integration (not in-app webview). ## Task List - [x] Scaffold \`About.tsx\` modal with section layout. - [x] Pull copy from \`docs/brand.md\` (blocked on #79). - [x] Wire up \"Learn more\" link in \`Setup.tsx\`. - [x] Add \"About\" menu item to \`TitleBar.tsx\`. - [x] External links use \`tauri-plugin-opener\` to open in the system browser. - [x] Styling pass: matches existing Catppuccin Mocha look. ## Test List - [x] Unit: \`About.tsx\` renders without crashing. - [x] Unit: clicking \"Close\" dismisses the modal. - [x] Integration: \"Learn more\" link in \`Setup.tsx\` opens the modal. - [x] Integration: TitleBar \"About\" menu item opens the modal when signed in. - [ ] Manual: external links open in the system browser, not an in-app webview. - [ ] Manual: copy matches the brand voice doc; no named competitors appear. ## Open Questions - Should the About modal include a version number / commit hash? (Recommendation: yes, pulled from Tauri's \`app\` info — small addition, useful for bug reports.) - Should there be a third entry point from the account switcher menu? (Recommendation: no, keeps the menu clean.) ## Dependencies - Split from #78. - Blocked by #79 (brand voice + copy source). - Related: #78b (landing site — this component links to its download page).

icub3d commented

2026-04-26 16:46:15 +00:00

Owner

Migrated from GitHub issue icub3d/decentcom#80
Original Author: @icub3d
Original Date: 2026-04-17T21:59:53Z

Feature: In-app About / Welcome component

Overview

Add an About/Welcome component inside the Tauri client that introduces decentcom, highlights key strengths, and links out to documentation, source, and the public landing page for downloads.

Background

Split from #78. Users arriving at the client should be able to learn what decentcom is and why without leaving the app. The component has two entry points: the pre-identity Setup flow (for first-time visitors) and the signed-in app (for people who want to re-read or share).

Requirements

New component at `client/src/components/about/About.tsx`.
Content sections:
- Short intro: what decentcom is (one paragraph).
- Key strengths (bullets): identity ownership, no passwords, self-hostable, end-to-end cryptographic verification.
- "Why decentcom?" — a short comparison section that highlights our strengths and mentions general cons of "other products" (centralized control, data mining, credential risks) without naming them.
- Links: documentation, source repository, download page on the public landing site.
Two entry points:
- Setup flow: a "Learn more about decentcom" link on the initial Setup screen.
- Signed-in app: menu item in `TitleBar.tsx`.
Modal presentation (not a full route) for both entry points — keeps it lightweight and avoids adding a router.
Copy sourced from `docs/brand.md` (see #79).

Design

Component Changes

`client/src/components/about/About.tsx` — new modal component.
`client/src/components/layout/TitleBar.tsx` — add an "About" menu item that opens the modal.
`client/src/pages/Setup.tsx` — add a subtle "Learn more about decentcom" link, opens the same modal.

Visual

Matches existing Catppuccin Mocha theme.
Internal links are styled consistently with the rest of the app.
External links open in the system browser via the existing `tauri-plugin-opener` integration (not in-app webview).

Task List

Scaffold `About.tsx` modal with section layout.
Pull copy from `docs/brand.md` (blocked on #79).
Wire up "Learn more" link in `Setup.tsx`.
Add "About" menu item to `TitleBar.tsx`.
External links use `tauri-plugin-opener` to open in the system browser.
Styling pass: matches existing Catppuccin Mocha look.

Test List

Unit: `About.tsx` renders without crashing.
Unit: clicking "Close" dismisses the modal.
Integration: "Learn more" link in `Setup.tsx` opens the modal.
Integration: TitleBar "About" menu item opens the modal when signed in.
Manual: external links open in the system browser, not an in-app webview.
Manual: copy matches the brand voice doc; no named competitors appear.

Open Questions

Should the About modal include a version number / commit hash? (Recommendation: yes, pulled from Tauri's `app` info — small addition, useful for bug reports.)
Should there be a third entry point from the account switcher menu? (Recommendation: no, keeps the menu clean.)

Dependencies

Split from #78.
Blocked by #79 (brand voice + copy source).
Related: #78b (landing site — this component links to its download page).

icub3d

closed this issue
added the
area:ux

type:feature

status:complete
labels

Rows
Columns

Feature: In-app About / Welcome component #58