feat(avatar): DLT-3161 change from clickable to "interactive"

[Brad Paugh (braddialpad)]

Obligatory GIF (super important!)

🛠️ Type Of Change

• Feature

📖 Jira Ticket

DLT-3161

📖 Description

Renames the clickable prop on DtAvatar to interactive for consistency with the broader Dialtone component API. The old clickable prop is retained as a deprecated backward-compatible fallback via a resolvedInteractive computed property that uses nullish coalescing.

💡 Context

The clickable naming was inconsistent with how other interactive components in Dialtone describe this behavior. Using interactive is more semantically accurate and aligns with the component API standardization effort.

📝 Checklist

For all PRs:

• I have ensured no private Dialpad links or info are in the code or pull request description (Dialtone is a public repo!).
• I have reviewed my changes.
• I have added all relevant documentation.
• I have considered the performance impact of my change.

For all Vue changes:

• I have added / updated unit tests.
• I have validated components with a screen reader.
• I have validated components keyboard navigation.

[wiz-inc-55b470eb7e]

Wiz Scan Summary

⚠️ Many findings detected

Many findings were detected, but only a subset of the findings are displayed inline due to API constraints. To view all findings inline, please click here.

Scanner	Findings
Vulnerabilities	-
Sensitive Data	-
Secrets	-
IaC Misconfigurations	-
SAST Findings	35  33
Software Management Findings	-
Total	35  33

View scan details in Wiz

To detect these findings earlier in the dev lifecycle, try using Wiz Code VS Code Extension.

[chatgpt-codex-connector]

💡 Codex Review

dialtone/packages/dialtone-vue/components/avatar/avatar.vue

Line 37 in 60349ef

<slot name="icon" />

Restore iconSize slot binding for avatar icon slot

Removing the scoped slot binding here makes iconSize undefined for all custom avatar icon slots, but several recipes still consume it (for example feed_item_row.vue, general_row.vue, and contact_info.vue all use #icon="{ iconSize }"). In those paths, icons now fall back to their default size instead of matching avatar size, causing visibly incorrect icon rendering in production UI wherever DtAvatar is customized via the icon slot.

---

dialtone/packages/dialtone-vue/components/avatar/avatar.vue

Line 352 in 60349ef

return this.clickable ?? this.interactive;

Prefer interactive over deprecated clickable in resolution

This resolution gives the deprecated clickable prop precedence over the new interactive prop, so any caller that passes both during migration (for example with clickable: false in legacy defaults and interactive: true in new code) will unexpectedly remain non-interactive and stop emitting clicks. Since clickable is intended as a fallback compatibility path, the new prop should take priority when both are present.

ℹ️ About Codex in GitHub

Codex has been enabled to automatically review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "Codex (@codex) review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

When you sign up for Codex through ChatGPT, Codex can also answer questions or update the PR, like "Codex (@codex) address that feedback".

[Francis Rupert (francisrupert)]

Good as far as I'm concerned. I'm skeptical of Codex's two responses.