Skip to content

Feature: IDE open + configurable clipboard (path, className, attrs) #170

@beixiyo

Description

@beixiyo

Context

When debugging UI in dev, tools like code-inspector-plugin (Vite/webpack) support:

  • jumping from a DOM node to the source file in the editor (often with line/column), and/or
  • copying a minimal location string instead of a large markdown blob.

Agentation already helps agents with selectors and structured markdown. These workflows would reduce friction for day-to-day editing and pair well with that output.

Request 1 — Open component / source in editor

Add a way to open the source file in the local editor (e.g. Cursor, VS Code), similar to "code-inspector-plugin".

Related: #77 (overlap / possible duplicate — happy to fold this into that issue if you prefer a single tracker).

Request 2 — Configurable copy output

File location, className, and element attributes are already available in the product. Please add configuration that controls whether the in-browser GUI exposes dedicated actions for them — e.g. separate buttons such as Copy file path, Copy className, and Copy attributes — so teams can enable only the controls they want instead of a single fixed toolbar.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions