Building LWCs with Cursor

Create a Lightning Web Component called accountCard that displays:
- Account name as the title
- Account phone number
- Account website
- A button to view the account record
- Use SLDS styling
- Accept recordId as a public property

Add a reactive Apex method call to get account details from AccountController.getAccountDetails with loading and error state handling

Add form validation to this component:
- Name field is required
- Email must be valid format
- Phone number must match pattern
- Show error messages below each field

Add a click handler that:
- Dispatches a custom event called 'accountselected'
- Includes accountId in the event detail
- Shows a toast notification on success

Create an LWC editor component for account input that:
- Implements public value and public readOnly properties
- Dispatches valuechange events when inputs change
- Loads Industry and Type picklists from Apex
- Initializes fields from existing value in connectedCallback

import { LightningElement, api } from "lwc";
import getPicklistValues from "@salesforce/apex/AccountHelper.getPicklistValues";

export default class AccountInputEditor extends LightningElement {
  @api
  get readOnly() {
    return this._readOnly;
  }
  set readOnly(value) {
    this._readOnly = value;
  }
  _readOnly = false;

  @api
  get value() {
    return this._value;
  }
  set value(value) {
    this._value = value;
  }

  // Component implementation...

  handleInputChange(event) {
    // Dispatch valuechange event
    this.dispatchEvent(
      new CustomEvent("valuechange", {
        detail: { value: this.formData },
      }),
    );
  }
}

Create a renderer component that displays account results:
- Shows account name, phone, website
- Formats currency values
- Displays success/error messages
- Links to account record page

Create a Lightning Web Component called [componentName] with:
- Public property [propertyName] of type [type]
- Method [methodName] that [description]
- Template that displays [content]

Add Apex method [methodName] from [className] using reactive wire.
Handle [data/error/loading] states.
Display results in [format].

Add [event type] handler that:
- [Action 1]
- [Action 2]
- Shows [feedback]

Style this component using SLDS:
- [Element 1] should use [SLDS class/pattern]
- [Element 2] should have [styling requirement]
- Make it responsive for mobile

Create a form component with:
- Fields: [list of fields]
- Validation: [validation rules]
- Submit handler that [action]
- Error display: [format]

Debug this component:
- The reactive wire method isn't updating when recordId changes
- Form validation isn't preventing submission
- Event isn't reaching the parent component