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) ⭐️⭐️⭐️ https://github.com/PostHog/posthog/issues/18191.

Base 3000 (release #1)

• [x] 🔵 Dark Mode ⭐️
• [x] 🔵 New Nav/Top Bar (child issue: https://github.com/PostHog/posthog/issues/18090) @Twixes ⭐️
• [x] 🔵 Cohorts -> Persons, Annotations -> Data Management
• [x] 🔵 Universal Search/Command Palette @thmsobrmlr ⭐️⭐️⭐️
• [x] 🔵 Right Side Panel Notebooks @benjackwhite @daibhin
• [x] 🔵 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
  • [x] min-width for profile popover @thmsobrmlr https://github.com/PostHog/posthog/pull/19415
  • [x] Link color in surveys @thmsobrmlr https://github.com/PostHog/posthog/pull/19407
  • [x] Styling update for toggle in feature flags @thmsobrmlr
  • [ ] Toolbar selector @daibhin
  • [ ] Hover effect in project picker
  • [x] Toast button clipped / error messages @thmsobrmlr https://github.com/PostHog/posthog/pull/19391
  • [x] Date selector color mix @thmsobrmlr https://github.com/PostHog/posthog/pull/19397
  • [x] canvas background color in dark mode is the old brownish dark color @thmsobrmlr https://github.com/PostHog/posthog/pull/19394
  • [ ] buttons in session replay modal are not aligned
  • [ ] Dark mode for local file playback / antd leftover @daibhin
• [ ] Colors / More contrast in dark mode
  • [ ] #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
• [x] (WONT FIX) Ensure the welcome message is acknowledged across devices
• [x] (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
  • [x] setup storybook to capture light and dark snapshots
  • [ ] remove old command palette
  • [ ] remove old button styles
  • [x] remove old notebook popover
  • [x] 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
• [x] top bar titles don't look great when very long @Twixes
• [x] SQL insights don't have a loading spinner @thmsobrmlr somewhat fixed, needs follow-up https://github.com/PostHog/posthog/pull/19328
• [x] Delete button styling @thmsobrmlr
• [x] inconsistent font in account popover @thmsobrmlr
• [x] "Add annotation" z-index awkwardness @thmsobrmlr
• [x] Error messages hidden in actions form
• [x] Insights are very tall charts can be huge in insight view mode ~Maybe @benjackwhite ?~ @Twixes https://github.com/PostHog/posthog/pull/19296
• [x] Breakdown button looks broken again @thmsobrmlr https://github.com/PostHog/posthog/pull/19265
• [x] Attribution type broken in insights @thmsobrmlr can't reproduce
• [x] Search results not scrollable @thmsobrmlr https://github.com/PostHog/posthog/pull/19266
• [x] Counts in search can be wrong (probably memoization) @thmsobrmlr https://github.com/PostHog/posthog/pull/19273
• [x] Broken layout @thmsobrmlr https://github.com/PostHog/posthog/pull/19297
• [x] Broken layout @thmsobrmlr https://github.com/PostHog/posthog/pull/19297
• [x] Insight table has white antd component @thmsobrmlr https://github.com/PostHog/posthog/pull/19278
• [x] Insight table hover issue ~@thmsobrmlr~ @daibhin https://github.com/PostHog/posthog/pull/19280
• [x] condition tags appear clickable when they aren't @thmsobrmlr
• [x] Web analytics chart should have white background color @robbie-c ?
• [x] calendar ranges have unwanted 3D @daibhin https://github.com/PostHog/posthog/pull/19130
• [x] use the same theme in CodeSnippet as on posthog.com @daibhin https://github.com/PostHog/posthog/pull/19104
• [x] Billing page progress bar colors @thmsobrmlr
• [x] Follow up to add opening panels as command https://github.com/PostHog/posthog/pull/19020
• [x] weird overflow in "In the last " @daibhin https://github.com/PostHog/posthog/pull/19098
• [x] pie charts use Matter, but bold numbers don't @daibhin https://github.com/PostHog/posthog/pull/19096
• [x] Move hedgehog mode into feature previews
• [x] survey types tooltips have unwanted background intentional / will be remove anyways https://posthog.slack.com/archives/C034XD440RK/p1701790842448559?thread_ts=1701786620.450419&cid=C034XD440RK
• [x] some button nits @daibhin https://github.com/PostHog/posthog/pull/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
• [x] 🔵 Lemon UI Redesign (Codename Playmobil) -> Data Density
• [ ] 🔵 Deep Dive / Branching Actions Card ⭐️⭐️

Just Do It (Low Impact, Low Effort)

• [ ] 🟢 Associations Pane
• [x] 🟢 Right Hand Side Docs Panel ⭐️
• [ ] 🟢 Keyboard Shortcuts
• [x] 🟢 Settings v2
• [ ] 🟢 Metadata Widget ⭐️
• [ ] 🟢 New User Experience for Unused Products
• [x] 🟢 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