feat(hub-ui): bridge json-render accent to the brand primary

json-render components read their accent from `--jr-primary` (a standalone
blue default) via inline styles, so rendered plugin UI ignored the hub primary
and any branding override. Since ViewJsonRender renders inside the dock shadow
root, set `--jr-primary` from the brand primary in the ramp block — Tabs,
Switch, Progress, and Link now follow --devframe-primary / branding, tracking
the global primary (not per-group accent, matching the chrome-only accent
decision). The blue fallback remains for standalone json-render use.

Created with the help of an agent.

Author: antfubot

packages/hub-ui/src/client/.generated/css.ts

@@ -10,7 +10,10 @@ export const borderMuted = 'var(--jr-border, rgba(128,128,128,0.08))'
 export const borderInput = 'var(--jr-border, rgba(128,128,128,0.3))'
 // Interactive-hover border (Card) — a clearer step up than borderInput, without going full `primary`.
 const borderStrong = 'var(--jr-border, rgba(128,128,128,0.5))'
-// Keep in sync with the devframe design primary (design/uno.config.ts).
+// Accent for json-render content. `--jr-primary` is bridged to the brand
+// primary in `primary-ramp.css` (so rendered plugin UI follows `--devframe-primary`
+// / branding); the blue fallback only applies when json-render is used
+// standalone, outside the dock's shadow root.
 export const primary = 'var(--jr-primary, #6b84fd)'
 export const bg = 'var(--jr-bg, inherit)'
 

packages/hub-ui/src/client/json-render/components/tokens.ts

@@ -38,4 +38,15 @@
   --colors-primary-500: var(--devframe-primary-500, #578861);
   --colors-primary-400: var(--devframe-primary-400, #75a67e);
   --colors-primary-300: var(--devframe-primary-300, #93c69d);
+
+  /*
+   * Bridge the json-render subsystem's accent token to the brand primary.
+   * json-render components (Tabs/Switch/Progress/Link, …) read their accent
+   * from `--jr-primary` (default a standalone blue) via inline styles; because
+   * `ViewJsonRender` renders inside this shadow root, setting it here makes all
+   * rendered plugin content follow `--devframe-primary` / branding. It tracks
+   * the global primary, not per-group accent (the plugin view is intentionally
+   * left out of the group-accent scope).
+   */
+  --jr-primary: var(--colors-primary-DEFAULT, #3a6a45);
 }