chore: update project tree scroll to current ID context menu, top bar

[adamleithp]

Problem

When an project tree/lemon tree item was clicked we went to that URL, but when we refreshed, we'd lose that context in the tree.
Also, drag and drop (currently) is initiated by holding command key/use context menu, which is not obvious, so I added a dismissable banner to help users know what's going on.

Changes

• Save clicked project tree item, show active item in lemon tree on load
• Scroll to active item on load
• Scroll to focused item
• Added context menu (which has the same controls as the sideAction)
  • Added storybook entry
• Added banner to project tree to help users understand what's what
• Added top bar with
  • edit/cancel to allow drag and drop/cancel pending actions,
  • save pending actions

Does this work well for both Cloud and self-hosted?

It should

How did you test this code?

Locally

[github-actions]

Size Change: -6 B (0%)

Total Size: 9.73 MB

ℹ️ View Unchanged

Filename	Size	Change
frontend/dist/toolbar.js	9.73 MB	-6 B (0%)

_{compressed-size-action}

[posthog-bot]

📸 UI snapshots have been updated

1 snapshot changes in total. 0 added, 1 modified, 0 deleted:

• chromium: 0 added, 1 modified, 0 deleted (diff for shard 2)
• webkit: 0 added, 0 modified, 0 deleted

Triggered by this commit.

👉 Review this PR's diff of snapshots.

[greptile-apps]

PR Summary

This PR enhances the project tree navigation experience with improved context retention and user guidance features.

• Added context persistence by saving clicked items and scrolling to active items when navigating or refreshing pages
• Implemented a context menu system with right-click functionality, replacing the previous keyboard modifier approach for drag-and-drop
• Added a top navigation bar with edit/cancel/save buttons to explicitly toggle drag-and-drop mode and manage pending changes
• Improved user guidance with a dismissable banner explaining drag-and-drop functionality
• Refactored import paths throughout the codebase, moving sync_execute from posthog.client to posthog.clickhouse.client for better code organization

_{325 file(s) reviewed, 43 comment(s)
Edit PR Review Bot Settings | Greptile}

[greptile-apps]

style: Using self.demo_team.organization is redundant since you already have self.organization available. Consider using self.organization.available_product_features = ... for consistency with line 381.

Suggested change

	# Test with enterprise taxonomy enabled - hidden events should be excluded when exclude_hidden=true
	self.demo_team.organization.available_product_features = [
	{"key": AvailableFeature.INGESTION_TAXONOMY, "name": "ingestion-taxonomy"}
	]
	self.demo_team.organization.save()
	# Test with enterprise taxonomy enabled - hidden events should be excluded when exclude_hidden=true
	self.organization.available_product_features = [
	{"key": AvailableFeature.INGESTION_TAXONOMY, "name": "ingestion-taxonomy"}
	]
	self.organization.save()

[greptile-apps]

style: The validation logic here is duplicated in the update method. Consider extracting this logic to a helper method to avoid inconsistencies if one part is updated but not the other.

[greptile-apps]

style: This logic duplicates what's already done in the validate method. Since validate is called before update, this code may be redundant and could be removed.

[greptile-apps]

style: Consider adding request validation for security, even if you're not using the data. Without validation, this endpoint could potentially be abused.

[greptile-apps]

syntax: Typo in tooltip text: 'editinga' should be 'editing'

Suggested change

	: 'Click to editinga and drag and drop'
	: 'Click to editing and drag and drop'

[greptile-apps]

logic: The import for loadSchedule has been removed, but there's no indication in this file where this functionality has been moved to. This could potentially break scheduled tasks functionality if not handled elsewhere.

[greptile-apps]

logic: The PROCESS_EVENT_CAPABILITIES set has been reduced to only include 'ingestionV2' and 'ingestionV2Combined', removing 'ingestion', 'ingestionOverflow', and 'ingestionHistorical'. Make sure this doesn't break compatibility with plugins that rely on these older capabilities.

[greptile-apps]

style: The authed_user parameter is now required but lacks type annotation. Consider adding a type hint for better code clarity.

Suggested change

	def list_channels(self, authed_user) -> list[dict]:
	# NOTE: Annoyingly the Slack API has no search so we have to load all channels...
	# We load public and private channels separately as when mixed, the Slack API pagination is buggy
	public_channels = self._list_channels_by_type("public_channel")
	private_channels = self._list_channels_by_type("private_channel")
	public_channels = self._list_channels_by_type("public_channel", authed_user)
	private_channels = self._list_channels_by_type("private_channel", authed_user)
	channels = public_channels + private_channels
	return sorted(channels, key=lambda x: x["name"])
	def list_channels(self, authed_user: str) -> list[dict]:
	# NOTE: Annoyingly the Slack API has no search so we have to load all channels...
	# We load public and private channels separately as when mixed, the Slack API pagination is buggy
	public_channels = self._list_channels_by_type("public_channel", authed_user)
	private_channels = self._list_channels_by_type("private_channel", authed_user)
	channels = public_channels + private_channels
	return sorted(channels, key=lambda x: x["name"])

[greptile-apps]

style: Consider adding error handling for potential UTF-8 decoding errors that might occur with malformed JSON data.

[greptile-apps]

style: The try-except block here is very broad and doesn't specify which exceptions it's catching. Consider catching specific exceptions or at least logging the error to help with debugging.