feat(desktop): ポートリストのリサイズ・フィルタ機能

[MocA-Love]

概要

サイドバーの Ports セクションに2つの機能を追加:

1. 高さをドラッグでリサイズ可能に
2. ports.json に定義されたポートのみ表示するフィルタトグル

変更内容

高さリサイズ

• Ports セクションの上端にドラッグハンドルを配置（薄い横線で視覚的に表示）
• 上方向にドラッグで拡大、下方向で縮小（80px〜600px）
• 高さは localStorage に永続化
• shrink-0 + 明示的な height で、サイドバーの flex レイアウト内で正しくスペースを確保

フィルタトグル

• ヘッダーにフィルターアイコン（漏斗）を追加
• クリックで ports.json に定義されたポート（label 付き）のみ表示に切り替え
• フィルタ ON 時はアイコンがハイライト表示
• 状態は localStorage に永続化
• フィルタ ON でポートが 0 件の場合は「No ports defined in ports.json」メッセージ表示

変更ファイル

• stores/ports/store.ts — listHeight と showConfiguredOnly 状態を追加
• PortsList.tsx — リサイズハンドルとフィルタボタンのUI
• usePortsData.ts — showConfiguredOnly フラグによるフィルタリング

テスト項目

• Ports セクションの上端をドラッグして高さを変更できること
• 高さがアプリ再起動後も保持されること
• フィルターアイコンをクリックで ports.json のポートのみ表示されること
• フィルタ ON/OFF がアプリ再起動後も保持されること
• ポートがない時にセクションが非表示になること（フィルタ OFF 時）

[coderabbitai]

Warning

Rate limit exceeded

@MocA-Love has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 5 minutes and 21 seconds before requesting another review.

Your organization is not enrolled in usage-based pricing. Contact your admin to enable usage-based pricing to continue reviews beyond the rate limit, or try again in 5 minutes and 21 seconds.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 15523472-91c1-4d7c-b0f0-965e14663e38

📥 Commits

Reviewing files that changed from the base of the PR and between 42737e5 and 424baf1.

📒 Files selected for processing (3)

• apps/desktop/src/renderer/screens/main/components/WorkspaceSidebar/PortsList/PortsList.tsx
• apps/desktop/src/renderer/screens/main/components/WorkspaceSidebar/PortsList/hooks/usePortsData.ts
• apps/desktop/src/renderer/stores/ports/store.ts

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feat/desktop-ports-resize-filter

---

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.}