fix: change outdated deps indicator

[typed-sigterm]

🔗 Linked issue

N/A for tiny fix.

🧭 Context

lucide:circle-alert is too serious, users may think it means security vulnerabilities.

📚 Description

Change icon to lucide:circle-fading-arrow-up.

Before:

After:

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
npmx.dev	Ready	Preview, Comment	Jun 9, 2026 4:24am

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
docs.npmx.dev	Ignored	Preview	Jun 9, 2026 4:24am
npmx-lunaria	Ignored		Jun 9, 2026 4:24am

[coderabbitai]

📝 Walkthrough

Walkthrough

The Dependencies component's outdated dependency status indicator icon was updated from a circle-alert glyph to a circle-fading-arrow-up glyph. This is a single-line visual change with no alterations to component logic or data handling.

Changes

Dependencies Icon Update

Layer / File(s)	Summary
Outdated dependency indicator icon app/components/Package/Dependencies.vue	The icon glyph for outdated dependencies was changed from i-lucide:circle-alert to i-lucide:circle-fading-arrow-up to better represent the update-available state.

Suggested reviewers

• ghostdevv

🚥 Pre-merge checks | ✅ 4

✅ Passed checks (4 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly summarises the main change: replacing the outdated dependency indicator icon with a new one.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Description check	✅ Passed	The pull request description clearly relates to the changeset, explaining the icon replacement from circle-alert to circle-fading-arrow-up with context and visual comparison.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[github-actions]

Hello! Thank you for opening your first PR to npmx, @typed-sigterm! 🚀

Here’s what will happen next:

1. Our GitHub bots will run to check your changes.
   If they spot any issues you will see some error messages on this PR.
   Don’t hesitate to ask any questions if you’re not sure what these mean!

2. In a few minutes, you’ll be able to see a preview of your changes on Vercel

3. One or more of our maintainers will take a look and may ask you to make changes.
   We try to be responsive, but don’t worry if this takes a few days.

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.

📢 Thoughts on this report? Let us know!

[typed-sigterm]

Also, outdated deps should not be red. It's a harmless option of maintainers, unlike security vulnerabilities.

[gameroman]

Could you add before-after screenshots, please

[typed-sigterm]

Added in description

[gameroman]

I like this, but I think it looks a bit unreadable at small size?

Do you think we could do the arrow without circle? Or maybe you have some other better ideas

Maybe clock-arrow-up or circle-plus?

I want to know what others think too

[alfonsusac]

I made several mock-ups trying various options especially: clock-arrow-up and square-arrow-up. We've discussed this in Discord and decided that arrow-up fits well. We avoided border to not make it similar to an "alert" badge (the one with shield and checkmark) and it also has easily distinguishable overall shape (arrow).

Mock-up for arrow-up

[trueberryless]

I agree that the current icons and colours might be misleading. When the feature was released I was a little confused myself.

I really like the icon you chose, I think the simple arrow is a too... well simple. But I agree we probably want more opinions on this.

[MatteoGabriele]

My 2 cents: I think the best one would be "i-lucide:history", but this icon renders way too small for all those details, so if we want something that brings attention without overwhelming, I think a simple "i-lucide:triangle" could just work.