#6

28 tasks

1. Task ID: 41

remove primemover framework from sub title

Task 1 image

2. Task ID: 42

Do proper seo meta tags for all screens and login etc

3. Task ID: 43

We need Magic Link option for sign up and login - aswell as email+password

4. Task ID: 44

remove "Forgot or never set one?" as we have link below

5. Task ID: 45

the login / create account buttons should use secondary button style on login

6. Task ID: 46

change "Enter your email and we will send password reset instructions." to "We will send password reset instructions."

7. Task ID: 47

change this to better text selling framework as if written by Russell Brunson "Authentication, dashboard chrome, account settings, and production-ready defaults for fast PrimeMover builds."

8. Task ID: 48

We need small copyright info and terms and privay link under the login box card

9. Task ID: 49

We need tos / privacy pages for framerwork if don't have it

10. Task ID: 50

we need good error/404 pages that fit our framework theme and will inherit theme / styleguide

11. Task ID: 51

we need it so all email sending will work via Sendgrid

12. Task ID: 52

we need in our admin area we have a page that shows a list of all emails that are sent out in app and have preview and edit button if possible so all email templates can be edited by admins

13. Task ID: 53

we need the close / show button on login page like we do in dankennedyapp and save locally for state

14. Task ID: 54

fix the scroll on the tabs and make tabs bit better design

Task 14 image

15. Task ID: 55

the table needs to be more robust and darkish top for thead etc and if possible do even odd zebra and show search, paghination etc as components and filters

Task 15 image

16. Task ID: 56

fix the active state in sidebar, this is not great on dark and light mode make it more obvious

Task 16 image

17. Task ID: 57

remove appearance from sidebar links

18. Task ID: 58

make the acocunt setting sidebar be Profile, Account (show user edit in same layout and good ui) and Danger for deleting

19. Task ID: 59

Goal

Redesign the user avatar/icon in the UI and replace sidebar account links with a dropdown menu triggered by clicking the avatar.

Visual Design

  • Light mode: Clean background with a subtle gradient that looks polished
  • Dark mode: Lighter background (not too dark) with a subtle gradient — avoid heavy/flat dark fills
  • The avatar should feel refined and intentional, not like a default placeholder

Behavior

  • Clicking the user icon opens a dropdown menu positioned above the icon (since it's likely in a bottom sidebar or toolbar)
  • Dropdown contains three links:
  1. Profile
  2. Account
  3. Logout
  • Dropdown should close on outside click or selecting an option

Cleanup

  • Remove the existing account-related links from the sidebar once the dropdown is in place — no duplication

Acceptance Criteria

  • Avatar has a subtle gradient in both light and dark modes
  • Dark mode avatar uses a noticeably lighter background than the sidebar
  • Clicking avatar toggles a dropdown with Profile, Account, and Logout links
  • Dropdown appears above the icon (not below)
  • Sidebar no longer contains duplicate account/profile links
  • Dropdown closes on outside click
Task 19 image

20. Task ID: 60

as part of design rules and on dashboard remove any eyebrow text that repeats text like we have breadcrumb so dont need to say Dashboard twice

Task 20 image

21. Task ID: 61

remove the settings button from sidebar

22. Task ID: 62

make demo@example.com be an admin
and we need an admin area
the styleguide link should be accessible to admins (not dev only) and accessible in admin area
we also need crud management with view for users with search paination, etc for a page
we also need a decent dashboard which should totals in nice card (single) and on left side show a chart hat shows new users in nice design

23. Task ID: 63

if possible can we make an install screen that shows if the key aspect of the framework aren't set and then once done it never shows again? how can that be done so its not a security risk maybe local only to show a page that explain how to install it that is like a visual of the readme

24. Task ID: 64

make the footer in the app be sticky fixed to bottom of page and ensure it doesnt overlap content

25. Task ID: 65

in the app make good obvious custom scrollbar designs for all scrollsbars that work on light/dark mode

26. Task ID: 66

Goal

Build a shared Logo component that renders the app icon alongside the app name as text — with no tagline or subtext — and use it consistently across all pages (login, onboarding, nav, etc.).

Requirements

  • Component renders: icon image + app name text, side by side
  • No tagline or subtext beneath the logo
  • Accepts optional props for size or variant if needed (e.g. small/large)
  • Used in all relevant pages: login, signup, dashboard header, etc.

Implementation Steps

  1. Create components/Logo.tsx (or equivalent)
  2. Include the app icon image and app name text in a single horizontal layout
  3. Remove any existing tagline/subtext from current logo usages
  4. Replace all inline logo implementations across pages with this component
  5. Verify visual consistency across login and other pages

Acceptance Criteria

  • Single Logo component exists and is reusable
  • No tagline or subtext is rendered anywhere
  • Logo appearance is identical across login and all other pages
  • No duplicate/inline logo markup remains in individual pages
Task 26 image

27. Task ID: 67

we need a UI for a AI chat area where can chat and mimic ChatGPT layout and make a robust prompt box design and in sidebar in app we need primary button at top with text New Chat with icon
and then we need below to have nicely positions calc height to scroll to show recent chats
and make sidebar links font-medium for chats and main sidbear links
attached is reference for design inspiration (not content to use)
and then once that is fully designed and response and use taste-skill for this design
then we need good chat typeography for chat messages
and AI doesnt have avatar in chat neither does the user
we need basic features copy messages, etc and add file (md, txt) no pdf, video, audio -- and can uploadn an image
which are shown in nice cards in chat and any tool calls get a nice card in the app
we have chats powered by anthropic and in admin area we can see total chats and we can total token usage and per user and admins can set the model that is used for that chat and set the system prompt for mian chat -- I also want the ability to have admins set sub "customgpts" that have their own system prompt -- we are using railway + postgresql -- if you can get RAG working so can add custom files for rag per custom GPT that would be great so each customgpt can have its own knowledge and show any results in a nice card in chat for those -- we also need UI for selecting type of chat for new chat

Task 27 image

28. Task ID: 68

we need in styleguide and in app nice simple well design modals for all CRUD actions like delete and simple changes and if the content has a lot of forms we will do a right drawer that pulls out in nice way - we need nice animations for modals etc and micro interactions in the app