feat: LLMs dropdown

[webrdaniel]

Note

Refactors LLM actions into a single dropdown menu and updates the doc header layout and styles, adding UI library/icon deps.

• Frontend (theme):
  • LLM actions:
    • Replace CopyForLLM and ViewAsMarkdown buttons with a single dropdown in theme/LLMButtons/index.jsx using @apify/ui-library Menu and @apify/ui-icons.
    • Implements copy-as-Markdown (with loading/success feedback) and view-as-Markdown actions.
    • Removes theme/LLMButtons/CopyForLLM and theme/LLMButtons/ViewAsMarkdown components.
    • Revamps styles in theme/LLMButtons/styles.module.css for the new button and menu options.
  • Doc header layout:
    • In theme/DocItemContent/index.js, wraps title and LLM controls in a flex container (styles.docItemContent), keeping MDXContent below; adds styles.module.css for layout.
• Dependencies:
  • Add @apify/ui-icons and bump @apify/ui-library; update lockfile accordingly.

^{Written by Cursor Bugbot for commit 5455d61. This will update automatically on new commits. Configure here.}

[cursor]

This PR is being reviewed by Cursor Bugbot

Details

Your team is on the Bugbot Free tier. On this plan, Bugbot will review limited PRs each billing cycle for each member of your team.

To receive Bugbot reviews on all of your PRs, visit the Cursor dashboard to activate Pro and start your 14-day free trial.

Comment @cursor review or bugbot run to trigger another review on this PR

[apify-service-account]

Preview for this PR was built for commit 5455d61 and is ready at https://pr-1956.preview.docs.apify.com!

[apify-service-account]

Preview for this PR was built for commit e02ef01 and is ready at https://pr-1956.preview.docs.apify.com!

[apify-service-account]

Preview for this PR was built for commit 9c3bcd0 and is ready at https://pr-1956.preview.docs.apify.com!

[birosrichard]

I've added buttons that will "Open in ...

• Claude
• ChatGPT
• Perplexity

I also need to add the icons to the ui-icons package. So we need to wait until the package is released to update the icons.
https://github.com/apify/apify-core/pull/23340

[katzino]

💅

[jbartadev]

Looks good!

@hanatsai do we have the icons from ready? 🤔

CC @birosrichard

[apify-service-account]

Preview for this PR was built for commit bbf23417 and is ready at https://pr-1956.preview.docs.apify.com!

[apify-service-account]

Preview for this PR was built for commit 2f130477 and is ready at https://pr-1956.preview.docs.apify.com!

[apify-service-account]

Preview for this PR was built for commit 2ce622e0 and is ready at https://pr-1956.preview.docs.apify.com!

[apify-service-account]

Preview for this PR was built for commit 8e3f17c3 and is ready at https://pr-1956.preview.docs.apify.com!

[apify-service-account]

Preview for this PR was built for commit 7924c507 and is ready at https://pr-1956.preview.docs.apify.com!

[patrikbraborec]

Hi, one point. I think it now has duplicate buttons Copy for LLM and Copy page. I think that both buttons do the same thing, but have different titles. I think that instead of Copy page, we can just have View as Markdown and remove the Copy page button.

Also, would it be possible to add some kind of indication for the user that the page was copied. For example, change icon to "✅" or something like that?

[patrikbraborec]

Also, the icons are little bit weird. Can we add logos of the tools instead of markdown icon, similar to coinbase docs:

[apify-service-account]

Preview for this PR was built for commit cfc4ba72 and is ready at https://pr-1956.preview.docs.apify.com!

[hanatsai]

I guessed we missed the "copied" behavior :) Figma

Screen.Recording.2025-10-01.at.15.33.12.mov

[apify-service-account]

Preview for this PR was built for commit c7b22b4d and is ready at https://pr-1956.preview.docs.apify.com!

[apify-service-account]

Preview for this PR was built for commit 3b3ca36a and is ready at https://pr-1956.preview.docs.apify.com!

[webrdaniel]

@patrikbraborec @hanatsai The icons and copy state should be fixed. Regardless of the Copy page button, it is the same as the Coinbase version. I guess we will keep it as it is for now, and we can improve it in future iterations.

[jbartadev]

We agreed with @patrikbraborec to rename the "Copy page" title in the dropdown to "Copy for LLM" just to keep it consistent with the main copy button (same way as Coinbase and Claude docs)

[apify-service-account]

Preview for this PR was built for commit 5b1acf8f and is ready at https://pr-1956.preview.docs.apify.com!

[hanatsai]

Sorry I'll pre-approve. I forgot the mobile version, can we fix it? 🙏 Figma

[apify-service-account]

Preview for this PR was built for commit fbac4e80 and is ready at https://pr-1956.preview.docs.apify.com!

[apify-service-account]

Preview for this PR was built for commit 14fc012b and is ready at https://pr-1956.preview.docs.apify.com!

[apify-service-account]

Preview for this PR was built for commit 2c4180b9 and is ready at https://pr-1956.preview.docs.apify.com!