PostHog 3000 Revival Megaissue

[thmsobrmlr]

🟣 Eventually Do It (High Impact, High Effort)
🔵 Do It (High Impact, Low Effort)
🟢 Just Do It (Low Impact, Low Effort)
🔴 Don't Do It (Low Impact, High Effort)
⭐️ Points given

Hackathon

• 🟣 Canvas (Everything-is-a-Notebook) ⭐️⭐️⭐️ Canvas / feed follow up work #18191.

Base 3000 (release #1)

• 🔵 Dark Mode ⭐️
• 🔵 New Nav/Top Bar (child issue: PostHog 3000 navigation steps #18090) @Twixes ⭐️
• 🔵 Cohorts -> Persons, Annotations -> Data Management
• 🔵 Universal Search/Command Palette @thmsobrmlr ⭐️⭐️⭐️
• 🔵 Right Side Panel Notebooks @benjackwhite @daibhin
• 🔵 Right Side Panel Feedback + Activity @benjackwhite @daibhin

Fixes and tweaks

Things in this list are the focus of the NoteForce3000 group to make sure that the current release of 3000 works well and sparks joy. If it is a new feature or a bigger change, it shouldn't be in this list!

• some charts are unexpectedly scrollable in insight cards
• Minor UI issues
  • min-width for profile popover @thmsobrmlr fix(navigation): use min-width for site popover #19415
  • Link color in surveys @thmsobrmlr fix(surveys): custom styling for link color #19407
  • Styling update for toggle in feature flags @thmsobrmlr
  • Toolbar selector @daibhin
  • Hover effect in project picker
  • Toast button clipped / error messages @thmsobrmlr fix(lemon-ui): fix lemon toast overflow #19391
  • Date selector color mix @thmsobrmlr fix(3000): adapt ant picker colors for 3000 #19397
  • canvas background color in dark mode is the old brownish dark color @thmsobrmlr fix(3000): use page background for replay canvas #19394
  • buttons in session replay modal are not aligned
  • Dark mode for local file playback / antd leftover @daibhin
• Colors / More contrast in dark mode
  • "take inventory" of grays and try out darkening them @thmsobrmlr #19495
  • maybe add a light data-color-1 (brand blue) for dark mode @thmsobrmlr
  • Banner colors
    (https://posthog.slack.com/archives/C04L2CV12V9/p1702572098461859) @thmsobrmlr
• Feature flag doesn't work across devices
• Notebooks state when switching between environments @benjackwhite
• Icons not switching color when toggling between light/dark
• Opening notebook from replay is slow @benjackwhite
• (WONT FIX) Ensure the welcome message is acknowledged across devices
• (WONT FIX) buttons lack keyboard focus state
• Limit the size of the sidepanel to stop central content overlapping @benjackwhite
• layout issues with insights in notebooks
• page jumps when closing a modal from a notebook
• Update docs for the new UI, including screenshots (with docs folks)
• Clean-up / follow-up
  • Dark mode toggles for shared dashboards
  • Setup design system for LemonButtons (rethinking with new more limited states)
  • Remove pre-3000 styles and elements
    • remove feature flag
    • setup storybook to capture light and dark snapshots
    • remove old command palette
    • remove old button styles
    • remove old notebook popover
    • remove old navigation
    • simplify css utilities and vars when removing old styles
  • Remove AntD
    • Implement a date & time picker to replace the DatePicker antd component
    • Fix or replace LemonMultiSelect
• top bar titles don't look great when very long @Twixes
• SQL insights don't have a loading spinner @thmsobrmlr somewhat fixed, needs follow-up feat(insights): add loading state to sql insights #19328
• Delete button styling @thmsobrmlr
• inconsistent font in account popover @thmsobrmlr
• "Add annotation" z-index awkwardness @thmsobrmlr
• Error messages hidden in actions form
• Insights are very tall charts can be huge in insight view mode Maybe @benjackwhite ? @Twixes
  style(insights): Constrain insight viz height #19296
• Breakdown button looks broken again @thmsobrmlr fix(insights): fix custom styles for breakdown lemon tag #19265
• Attribution type broken in insights @thmsobrmlr can't reproduce
• Search results not scrollable @thmsobrmlr fix(universal-search): allow scrolling search results #19266
• Counts in search can be wrong (probably memoization) @thmsobrmlr fix(search): add breakpoints to prevent race conditions for counts #19273
• Broken layout @thmsobrmlr fix(3000): fix various layout issues #19297
• Broken layout @thmsobrmlr fix(3000): fix various layout issues #19297
• Insight table has white antd component @thmsobrmlr fix(insights): adapt aggregation table title for 3000 #19278
• Insight table hover issue @thmsobrmlr @daibhin fix: selected row sticky cell background color in dark mode #19280
• condition tags appear clickable when they aren't @thmsobrmlr
• Web analytics chart should have white background color @robbie-c ?
• calendar ranges have unwanted 3D @daibhin fix: calendar range 3000 #19130
• use the same theme in CodeSnippet as on posthog.com @daibhin chore: update code syntax highlighting in 3000 #19104
• Billing page progress bar colors @thmsobrmlr
• Follow up to add opening panels as command feat(commands): add commands for sidebar items #19020
• weird overflow in "In the last " @daibhin fix: weird overflow of input in rolling date filter #19098
• pie charts use Matter, but bold numbers don't @daibhin fix: use Matter for BoldNumber #19096
• Move hedgehog mode into feature previews
• survey types tooltips have unwanted background intentional / will be remove anyways https://posthog.slack.com/archives/C034XD440RK/p1701790842448559?thread_ts=1701786620.450419&cid=C034XD440RK
• some button nits @daibhin fix: alter padding adjacent to icons for all button sizes #19046

Low prio

• Search / actions
  • Merge search and commands so that commands are discoverable @thmsobrmlr
  • "Add to notebook" button in search @thmsobrmlr
  • Search ordering 1 [2]

Metrics

• percent of people who discovered search AND command palette
• {add your ideas}

Backlog

Eventually Do It (High Effort, High Impact) -> Need to talk about it / break it down

• 🟣 Canvas Powered Dashboards
• 🟣 Query Builder ⭐️⭐️⭐️
• 🟣 Insights Redesign (Charts.js Styling) ⭐️
• 🟣 Insights Person/Events/Recordings Drill Down ⭐️⭐️
• 🟣 Redesigned Home Hub/Page + Notifications ⭐️

Do It (High Impact, Low Effort)

• 🔵 Sidebar (Index View) ⭐️⭐️⭐️
• 🔵 Filters 3000 ⭐️
• 🔵 Developer Best Practices (DX)
• 🔵 Customisable Insight Visualization
• 🔵 Lemon UI Redesign (Codename Playmobil) -> Data Density
• 🔵 Deep Dive / Branching Actions Card ⭐️⭐️

Just Do It (Low Impact, Low Effort)

• 🟢 Associations Pane
• 🟢 Right Hand Side Docs Panel ⭐️
• 🟢 Keyboard Shortcuts
• 🟢 Settings v2
• 🟢 Metadata Widget ⭐️
• 🟢 New User Experience for Unused Products
• 🟢 Right Hand Side Feedback & Bugs
• 🟢 History Pane (UI)

Don't Do It (Low Impact, High Effort)

• 🔴 Desktop App w/ Tabs
• 🔴 History Pane (for everything)

[thmsobrmlr]

Closing this as I think we're not actively working on anything here in the near future and can make separate issues for the things we'd like to work on. FYI @benjackwhite @Twixes