Skip to content

feat: Show device friendly name and details in COM port sidebar list - #261

Draft
SuperStudio with Copilot wants to merge 2 commits into
masterfrom
copilot/feature-display-device-names
Draft

feat: Show device friendly name and details in COM port sidebar list#261
SuperStudio with Copilot wants to merge 2 commits into
masterfrom
copilot/feature-display-device-names

Conversation

Copilot AI commented Aug 24, 2026

Copy link
Copy Markdown

When multiple USB-to-serial adapters are connected, the sidebar only showed bare COMx labels — making it impossible to distinguish e.g. USB-Enhanced-SERIAL-A CH344 (COM4) from USB-Enhanced-SERIAL-B CH344 (COM6). The backend already returned friendlyName and other metadata; only the UI needed updating.

Changes

  • ConnectionSidebar.vue

    • Renders port.friendlyName as a secondary line beneath the COM path when present
    • Wraps port info in an el-tooltip (right-side, hover-triggered) that surfaces:
      • Friendly Name, Manufacturer, VID/PID, Serial Number, PnP ID
    • Tooltip is disabled when no detail fields are available (e.g. registry-only virtual ports)
  • useConnectionSidebar.ts

    • Extends filteredSerialPorts search to also match against friendlyName and manufacturer, so typing "CH344" or "FTDI" filters correctly
  • i18n (zh-CN.json, en-US.json)

    • Adds sidebar.friendlyName, sidebar.manufacturer, sidebar.serialNumber keys

After this change, a port card renders as:

● COM4   [USB]
  USB-Enhanced-SERIAL-A CH344 (COM4)     ← friendlyName line

and hovering shows full device details including VID/PID and serial number — critical for distinguishing multiple identical FTDI devices.

- Display friendlyName as a secondary line under COM port path
- Add hover tooltip with manufacturer, VID/PID, serial number, PnP ID
- Update filteredSerialPorts search to also match friendlyName and manufacturer
- Add i18n keys: friendlyName, manufacturer, serialNumber (zh-CN & en-US)

Closes #259

Co-authored-by: SuperStudio <72286854+SuperStudio@users.noreply.github.com>
Copilot AI changed the title [WIP] Add device names to COM port list for better identification feat: Show device friendly name and details in COM port sidebar list Aug 24, 2026
Copilot AI requested a review from SuperStudio August 24, 2026 07:47
@kylejgray

Copy link
Copy Markdown

大佬 这个是否可以先释放个版本出来

@SuperStudio

Copy link
Copy Markdown
Owner

这个等另外一个pr提上来,合入后就尽快发布

@kylejgray

Copy link
Copy Markdown

这个等另外一个pr提上来,合入后就尽快发布

辛苦大佬,谢谢

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feature Request] COM列表显示设备名称/详细信息,便于区分多个USB转串口设备

3 participants