refactor: upgrade to frappe-ui 1.0.0 (beta.52)

[surajshetty3416]

Works through everything tracked in #718 as of today, pinned to v1.0.0-beta.52 (the latest tag; all tracked PRs verified as ancestors).

What's here

• Socket — the plugin no longer sets $socket; src/socket.ts builds the connection like other Frappe apps and main.ts assigns it before mount.
• Popover / Tooltip v1 — all 14 + 9 listed sites, plus the sites that consume ColorPicker's passthrough slot (TextBlockBubbleMenu, 4× TokenManager), which break identically. #target/#body/#body-main → #trigger/#default (+bare wherever the content brings its own panel — including the #body-main site in AIPageGeneratorModal, since the v1 PopoverPanel has visible chrome), placement → side/align, arrowClass → :offset="12", trigger="hover" in InputLabel → v1 Tooltip with #content.
  • The trigger wires its own click now, so editable inputs living inside triggers (ColorInput, ImageUploadInput) are shielded with @click.stop, and GradientEditor's draggable stops keep their "don't open after a drag" guard the same way.
• Dropdown v1 — the 11 listed sites plus PublishButton, PropertyLabel, and the "New Script" dropdown in PageClientScriptManager. placement → align, { group, items } → { group, options }, and the slot's open is state now, so the old @click="open" handlers are gone. PageActionsDropdown forwards align; its triggers inside router-links use @click.stop.prevent so opening the menu can't navigate.
• Input refs — the 2 listed .el.focus() sites plus two more the sweep found (VersionHistory.vue, PagePersonaSurvey.vue).
• FileUploader — uploadArgs flattened to props; :private="false" survives on both sites (verified against v1's uploadOptions plumbing). v1 no longer exposes inputRef, so ImageUploadInput's programmatic open now reaches the hidden input through $el.
• FeatherIcon → lucide span in TrackingDisabledNotice.
• Tailwind globs — replaced with the content export. Note: experimental/ListView sits outside frappe-ui's published globs (only SpriteIcons/TextEditor/Calendar/Charts are covered), so an extra glob keeps ListView styled while we still use it.
• Experimental imports — ListView (3 files) and AxisChart (1 file) now import from frappe-ui/experimental.
• @framework/ui — dep added (link:../../frappe/ui), 12 files re-pointed. These use deep subpath imports (@framework/ui/telemetry, @framework/ui/components/TrialBanner) rather than the root barrel — see below.
• Follow-ups the v1 typings surfaced: Badge/Dialog dropped orange/yellow (→ amber), stale frappe-ui > feather-icons prebundle entry removed, vue/frappe-ui/@vueuse/core deduped in vite so @framework/ui's peers resolve to this app's single copies.

⚠️ Upstream skew (why deep imports, and why this stays draft)

frappe/frappe's ui package hasn't caught up with two frappe-ui breaks yet:

1. CodeEditorField.vue still imports frappe-ui/code-editor, which was folded into the experimental barrel (refactor(charts)!: park the old Charts family in experimental frappe-ui#1043-era fold) — this makes the root barrel of @framework/ui unbuildable against beta.52, hence the deep imports.
2. TrialBanner.vue still imports the removed FeatherIcon. I verified the build with a two-line local patch to the frappe worktree (FeatherIcon → lucide span); that fix needs to land in frappe/frappe before this merges.

Once both are fixed upstream, the deep imports can collapse back to plain @framework/ui root imports.

Verification

• vite build is green (in a bench-shaped worktree with frappe at develop + the TrialBanner patch above).
• vue-tsc baseline-diffed against develop/beta.21: 157 → 72 errors, zero new Builder-side errors (the remainder are pre-existing plus frappe-ui's own experimental-barrel noise at beta.52).
• Not yet QA'd in the browser — that's why this is a draft. The behavioral hot spots to click through: color picker (focus-to-open, swatch toggle, token save), background/shadow handlers (open via row click now, not input focus), gradient stop drag vs click, page-card/list/route-tree "…" menus (must not navigate), AI modal style picker, image upload input + programmatic open from the store, search filter popover, token manager swatches, page-title popover (external-link icon must not toggle), publish dropdown.