@the-portland-company/shell 0.76.12 → 0.76.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/app-chrome.cjs +28 -28
  2. package/dist/app-chrome.cjs.map +1 -1
  3. package/dist/app-chrome.js +2 -2
  4. package/dist/chrome.css +28 -0
  5. package/dist/{chunk-34NXDWIS.js → chunk-HSC6EYRR.js} +31 -31
  6. package/dist/chunk-HSC6EYRR.js.map +1 -0
  7. package/dist/native.cjs +29 -29
  8. package/dist/native.cjs.map +1 -1
  9. package/dist/native.js +1 -1
  10. package/package.json +1 -1
  11. package/dist/chunk-34NXDWIS.js.map +0 -1
package/dist/native.cjs CHANGED
@@ -434,7 +434,7 @@ function NavThemeControl({
434
434
  onClick: () => onChange(opt.value),
435
435
  className: [
436
436
  "flex-1 px-3 py-1.5 text-xs font-semibold transition",
437
- value === opt.value ? "bg-[color:var(--color-accent)] text-[#FFFFFF]" : "text-[color:var(--muted)] hover:bg-[color:var(--panel)] hover:text-[color:var(--foreground)]"
437
+ value === opt.value ? "bg-[color:var(--color-accent-bg-safe,var(--color-accent))] text-[#FFFFFF]" : "text-[color:var(--muted)] hover:bg-[color:var(--panel)] hover:text-[color:var(--foreground)]"
438
438
  ].join(" "),
439
439
  children: opt.label
440
440
  },
@@ -1222,7 +1222,7 @@ function NotificationsAction({ orgId }) {
1222
1222
  {
1223
1223
  type: "button",
1224
1224
  onClick: () => setMuted(false),
1225
- className: "text-[11px] font-semibold text-[color:var(--color-accent)] hover:underline",
1225
+ className: "text-[11px] font-semibold text-[color:var(--color-accent-fg,var(--color-accent))] hover:underline",
1226
1226
  children: "Unsilence"
1227
1227
  }
1228
1228
  ) : null
@@ -1286,7 +1286,7 @@ function NotificationsAction({ orgId }) {
1286
1286
  "a",
1287
1287
  {
1288
1288
  href: withOrgParam(QUARANTINED_CONTACTS_URL, orgId),
1289
- className: "text-[11px] font-semibold text-[color:var(--color-accent)] hover:underline",
1289
+ className: "text-[11px] font-semibold text-[color:var(--color-accent-fg,var(--color-accent))] hover:underline",
1290
1290
  children: "View all"
1291
1291
  }
1292
1292
  )
@@ -1443,7 +1443,7 @@ function SupportAction({
1443
1443
  {
1444
1444
  type: "button",
1445
1445
  onClick: close,
1446
- className: "rounded-full bg-[color:var(--color-accent)] px-4 py-2 text-sm font-semibold text-[#FFFFFF] hover:opacity-90",
1446
+ className: "rounded-full bg-[color:var(--color-accent-bg-safe,var(--color-accent))] px-4 py-2 text-sm font-semibold text-[#FFFFFF] hover:opacity-90",
1447
1447
  children: "Done"
1448
1448
  }
1449
1449
  ) })
@@ -1503,7 +1503,7 @@ function SupportAction({
1503
1503
  type: "button",
1504
1504
  onClick: submit,
1505
1505
  disabled: !message.trim() || state === "sending",
1506
- className: "rounded-full bg-[color:var(--color-accent)] px-4 py-2 text-sm font-semibold text-[#FFFFFF] transition hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-50",
1506
+ className: "rounded-full bg-[color:var(--color-accent-bg-safe,var(--color-accent))] px-4 py-2 text-sm font-semibold text-[#FFFFFF] transition hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-50",
1507
1507
  children: state === "sending" ? "Sending\u2026" : "Send request"
1508
1508
  }
1509
1509
  )
@@ -1799,7 +1799,7 @@ function SpecOverlayAction({ orgId, orgName } = {}) {
1799
1799
  href: status.spec_url,
1800
1800
  target: "_blank",
1801
1801
  rel: "noreferrer",
1802
- className: "text-[color:var(--color-accent)] hover:underline",
1802
+ className: "text-[color:var(--color-accent-fg,var(--color-accent))] hover:underline",
1803
1803
  children: "Open spec \u2197"
1804
1804
  }
1805
1805
  ),
@@ -1809,7 +1809,7 @@ function SpecOverlayAction({ orgId, orgName } = {}) {
1809
1809
  href: status.compare_url,
1810
1810
  target: "_blank",
1811
1811
  rel: "noreferrer",
1812
- className: "text-[color:var(--color-accent)] hover:underline",
1812
+ className: "text-[color:var(--color-accent-fg,var(--color-accent))] hover:underline",
1813
1813
  children: "Compare tab \u2197"
1814
1814
  }
1815
1815
  ),
@@ -1880,7 +1880,7 @@ function SpecOverlayAction({ orgId, orgName } = {}) {
1880
1880
  href: status.search_url,
1881
1881
  target: "_blank",
1882
1882
  rel: "noreferrer",
1883
- className: "mt-2 inline-block font-semibold text-[color:var(--color-accent)] hover:underline",
1883
+ className: "mt-2 inline-block font-semibold text-[color:var(--color-accent-fg,var(--color-accent))] hover:underline",
1884
1884
  children: "Search specs \u2197"
1885
1885
  }
1886
1886
  )
@@ -1923,7 +1923,7 @@ function NavDisplayAction({
1923
1923
  onClick: () => onChange(opt.value),
1924
1924
  className: [
1925
1925
  "flex w-full items-center justify-between px-4 py-2 text-left text-sm font-medium",
1926
- value === opt.value ? "text-[color:var(--color-accent)]" : "text-[color:var(--foreground)] hover:bg-[color:var(--panel)]"
1926
+ value === opt.value ? "text-[color:var(--color-accent-fg,var(--color-accent))]" : "text-[color:var(--foreground)] hover:bg-[color:var(--panel)]"
1927
1927
  ].join(" "),
1928
1928
  children: [
1929
1929
  opt.label,
@@ -2456,7 +2456,7 @@ function envChipClasses(label) {
2456
2456
  return "bg-[#dcfce7] text-[#22c55e]";
2457
2457
  return "bg-[rgba(107,114,128,0.16)] text-[#6b7280]";
2458
2458
  }
2459
- var ORG_PILL_DEFAULT = "var(--color-accent)";
2459
+ var ORG_PILL_DEFAULT = "var(--color-accent-bg-safe,var(--color-accent))";
2460
2460
  var RailCollapsibleContext = react.createContext(false);
2461
2461
  function useRailCollapse() {
2462
2462
  const collapsible = react.useContext(RailCollapsibleContext);
@@ -2611,7 +2611,7 @@ function NavSidebar({
2611
2611
  "aria-expanded": open ?? false,
2612
2612
  "data-rail-toggle": "expand",
2613
2613
  className: `hidden h-8 w-8 items-center justify-center rounded-lg ${rc("max-md:flex")}`,
2614
- children: brand.logoSquareSrc ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: brand.logoSquareSrc, alt: "", draggable: false, className: "h-8 w-8 object-contain" }) : brand.logoPending ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "block h-8 w-8" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-8 w-8 items-center justify-center rounded-xl bg-[color:var(--color-accent)] text-sm font-black text-[#FFFFFF]", children: brand.badgeLabel })
2614
+ children: brand.logoSquareSrc ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: brand.logoSquareSrc, alt: "", draggable: false, className: "h-8 w-8 object-contain" }) : brand.logoPending ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "block h-8 w-8" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-8 w-8 items-center justify-center rounded-xl bg-[color:var(--color-accent-bg-safe,var(--color-accent))] text-sm font-black text-[#FFFFFF]", children: brand.badgeLabel })
2615
2615
  }
2616
2616
  ) : null,
2617
2617
  /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2650,12 +2650,12 @@ function NavSidebar({
2650
2650
  /* @__PURE__ */ jsxRuntime.jsx(
2651
2651
  "span",
2652
2652
  {
2653
- className: `flex h-9 w-9 items-center justify-center rounded-xl bg-[color:var(--color-accent)] text-base font-black text-[#FFFFFF] shadow-sm ${brand.logoSquareSrc ? rc("max-md:hidden") : ""}`,
2653
+ className: `flex h-9 w-9 items-center justify-center rounded-xl bg-[color:var(--color-accent-bg-safe,var(--color-accent))] text-base font-black text-[#FFFFFF] shadow-sm ${brand.logoSquareSrc ? rc("max-md:hidden") : ""}`,
2654
2654
  children: brand.badgeLabel
2655
2655
  }
2656
2656
  ),
2657
2657
  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `flex flex-col leading-tight ${rc("max-md:hidden")}`, children: [
2658
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base font-extrabold tracking-[-0.01em] text-[color:var(--color-accent)]", children: brand.title }),
2658
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base font-extrabold tracking-[-0.01em] text-[color:var(--color-accent-fg,var(--color-accent))]", children: brand.title }),
2659
2659
  brand.subtitle ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-semibold uppercase tracking-[0.16em] text-[color:var(--muted)]", children: brand.subtitle }) : null
2660
2660
  ] })
2661
2661
  ] })
@@ -2695,7 +2695,7 @@ function NavSidebar({
2695
2695
  {
2696
2696
  href: org.uploadLogoHref ?? "#",
2697
2697
  onClick: (e) => e.stopPropagation(),
2698
- className: "text-xs font-semibold text-[color:var(--color-accent)] underline",
2698
+ className: "text-xs font-semibold text-[color:var(--color-accent-fg,var(--color-accent))] underline",
2699
2699
  children: "Upload logo"
2700
2700
  }
2701
2701
  ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-sm font-semibold text-neutral-800", children: org.name ?? "Organization" }),
@@ -2756,7 +2756,7 @@ function NavSidebar({
2756
2756
  "aria-current": selected ? "true" : void 0,
2757
2757
  className: [
2758
2758
  "flex w-full items-center gap-2.5 px-3 py-2 text-left text-sm",
2759
- selected ? "font-semibold text-[color:var(--color-accent)]" : "font-medium text-[color:var(--foreground)] hover:bg-[color:var(--panel)]"
2759
+ selected ? "font-semibold text-[color:var(--color-accent-fg,var(--color-accent))]" : "font-medium text-[color:var(--foreground)] hover:bg-[color:var(--panel)]"
2760
2760
  ].join(" "),
2761
2761
  children: [
2762
2762
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -2797,7 +2797,7 @@ function NavSidebar({
2797
2797
  {
2798
2798
  href: org.uploadLogoHref ?? "#",
2799
2799
  onClick: (e) => e.stopPropagation(),
2800
- className: "text-xs font-semibold text-[color:var(--color-accent)] underline",
2800
+ className: "text-xs font-semibold text-[color:var(--color-accent-fg,var(--color-accent))] underline",
2801
2801
  children: "Upload logo"
2802
2802
  }
2803
2803
  ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-sm font-semibold text-neutral-800", children: org.name ?? "Organization" }),
@@ -2849,7 +2849,7 @@ function NavSidebar({
2849
2849
  disabled: !available,
2850
2850
  className: [
2851
2851
  `flex flex-none items-center justify-center rounded-[5px] px-[9px] py-[6px] transition ${rc("max-md:flex-1")}`,
2852
- !available ? "cursor-not-allowed text-[color:var(--sidebar-text-muted,var(--muted))] opacity-35" : selected ? "bg-[color:var(--sidebar-mode-selected-bg,var(--mode-accent,var(--color-accent)))] text-[color:var(--mode-on-accent,white)]" : "text-[color:var(--sidebar-text-muted,var(--muted))] hover:bg-[#FFFFFF]/5 hover:text-[color:var(--sidebar-text,var(--foreground))]"
2852
+ !available ? "cursor-not-allowed text-[color:var(--sidebar-text-muted,var(--muted))] opacity-35" : selected ? "bg-[color:var(--sidebar-mode-selected-bg,var(--mode-accent,var(--color-accent)))] text-[color:var(--mode-on-accent,var(--color-accent-bg-safe,white))]" : "text-[color:var(--sidebar-text-muted,var(--muted))] hover:bg-[#FFFFFF]/5 hover:text-[color:var(--sidebar-text,var(--foreground))]"
2853
2853
  ].join(" "),
2854
2854
  children: OptIcon ? /* @__PURE__ */ jsxRuntime.jsx(OptIcon, { size: 15, className: "shrink-0" }) : null
2855
2855
  },
@@ -3080,7 +3080,7 @@ var NAV_HOVER_GRADIENT = "var(--nav-hover-gradient)";
3080
3080
  var NAV_EYEBROW_CLASS = "text-[11px] font-bold uppercase leading-[1.2] tracking-[0.09em] text-[color:var(--sidebar-eyebrow,var(--sidebar-text-muted,var(--muted)))]";
3081
3081
  var NAV_TOP_ICON_SIZE = 17;
3082
3082
  var NAV_TOP_ROW_CLASS = (active) => `gap-[11px] px-[10px] py-[9px] text-[13px] leading-none ${active ? "font-semibold" : "font-normal"}`;
3083
- var NAV_TOP_ACTIVE_CLASS = "bg-[color:var(--sidebar-active-bg,var(--color-accent))] text-[color:var(--sidebar-active-text,white)]";
3083
+ var NAV_TOP_ACTIVE_CLASS = "bg-[color:var(--sidebar-active-bg,var(--color-accent-bg-safe,var(--color-accent)))] text-[color:var(--sidebar-active-text,white)]";
3084
3084
  var NAV_TOP_INACTIVE_CLASS = "text-[color:var(--sidebar-row-text,var(--sidebar-text,var(--muted)))] hover:bg-[color:var(--sidebar-row-hover-bg,var(--panel-elevated))] hover:text-[color:var(--sidebar-text,var(--foreground))]";
3085
3085
  function modeCaption(label) {
3086
3086
  return label.replace(/\s+Mode$/i, " mode");
@@ -3139,7 +3139,7 @@ function NavRow({
3139
3139
  const Icon = item.icon;
3140
3140
  const isSub = variant === "sub";
3141
3141
  const washActive = variant !== "top";
3142
- const activeClasses = washActive ? "bg-[color:var(--mode-accent-surface,var(--panel-elevated))] text-[color:var(--color-accent)] shadow-sm" : NAV_TOP_ACTIVE_CLASS;
3142
+ const activeClasses = washActive ? "bg-[color:var(--mode-accent-surface,var(--panel-elevated))] text-[color:var(--color-accent-fg,var(--color-accent))] shadow-sm" : NAV_TOP_ACTIVE_CLASS;
3143
3143
  const wrapperClasses = [
3144
3144
  "group relative block overflow-hidden transition",
3145
3145
  isSub ? "rounded-md" : "rounded-[5px]",
@@ -3302,7 +3302,7 @@ function NavTopBar({
3302
3302
  themeToggle,
3303
3303
  accountMenu === "topbar" ? /* @__PURE__ */ jsxRuntime.jsxs("details", { "data-nav-details": true, className: "group/acct relative", children: [
3304
3304
  /* @__PURE__ */ jsxRuntime.jsxs("summary", { className: "group/tbtip relative flex cursor-pointer list-none items-center gap-2.5 rounded-full py-1 pl-1 pr-2 transition hover:bg-[color:var(--panel-elevated)] [&::-webkit-details-marker]:hidden", children: [
3305
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-[var(--topbar-icon-button-size,32px)] w-[var(--topbar-icon-button-size,32px)] items-center justify-center overflow-hidden rounded-full bg-[color:var(--color-accent)] text-xs font-bold text-[#FFFFFF]", children: user?.avatarUrl || user?.memojiUrl ? /* @__PURE__ */ jsxRuntime.jsx(
3305
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-[var(--topbar-icon-button-size,32px)] w-[var(--topbar-icon-button-size,32px)] items-center justify-center overflow-hidden rounded-full bg-[color:var(--color-accent-bg-safe,var(--color-accent))] text-xs font-bold text-[#FFFFFF]", children: user?.avatarUrl || user?.memojiUrl ? /* @__PURE__ */ jsxRuntime.jsx(
3306
3306
  "img",
3307
3307
  {
3308
3308
  src: user.avatarUrl || user.memojiUrl,
@@ -3402,14 +3402,14 @@ function NavAccountMenuPanel({
3402
3402
  },
3403
3403
  className: "flex min-w-0 flex-1 items-center gap-2.5 rounded-lg px-1 py-1 text-left hover:bg-[color:var(--panel)]",
3404
3404
  children: [
3405
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-8 w-8 shrink-0 items-center justify-center overflow-hidden rounded-full bg-[color:var(--color-accent)] text-[11px] font-bold text-[#FFFFFF]", children: a.avatarUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: a.avatarUrl, alt: "", className: "h-full w-full object-cover" }) : (a.name ?? a.email ?? "?").slice(0, 2).toUpperCase() }),
3405
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-8 w-8 shrink-0 items-center justify-center overflow-hidden rounded-full bg-[color:var(--color-accent-bg-safe,var(--color-accent))] text-[11px] font-bold text-[#FFFFFF]", children: a.avatarUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: a.avatarUrl, alt: "", className: "h-full w-full object-cover" }) : (a.name ?? a.email ?? "?").slice(0, 2).toUpperCase() }),
3406
3406
  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-col leading-tight", children: [
3407
3407
  /* @__PURE__ */ jsxRuntime.jsx(
3408
3408
  "span",
3409
3409
  {
3410
3410
  className: [
3411
3411
  "truncate text-sm font-semibold",
3412
- a.active ? "text-[color:var(--color-accent)]" : "text-[color:var(--foreground)]"
3412
+ a.active ? "text-[color:var(--color-accent-fg,var(--color-accent))]" : "text-[color:var(--foreground)]"
3413
3413
  ].join(" "),
3414
3414
  children: a.name ?? a.email ?? a.id.slice(0, 8)
3415
3415
  }
@@ -3425,7 +3425,7 @@ function NavAccountMenuPanel({
3425
3425
  type: "button",
3426
3426
  "aria-label": `Remove ${a.name ?? a.email ?? "account"}`,
3427
3427
  onClick: () => userMenu.onRemoveAccount?.(a.id),
3428
- className: "shrink-0 rounded p-1 text-[color:var(--color-accent)] hover:bg-[color:var(--panel)]",
3428
+ className: "shrink-0 rounded p-1 text-[color:var(--color-accent-fg,var(--color-accent))] hover:bg-[color:var(--panel)]",
3429
3429
  children: /* @__PURE__ */ jsxRuntime.jsx(TrashIcon, {})
3430
3430
  }
3431
3431
  ) : null
@@ -3434,7 +3434,7 @@ function NavAccountMenuPanel({
3434
3434
  "a",
3435
3435
  {
3436
3436
  href: safeHref(userMenu.addAccountHref),
3437
- className: "mt-1.5 flex items-center gap-2.5 rounded-lg px-1 py-1.5 text-sm font-semibold text-[color:var(--color-accent)] hover:bg-[color:var(--panel)]",
3437
+ className: "mt-1.5 flex items-center gap-2.5 rounded-lg px-1 py-1.5 text-sm font-semibold text-[color:var(--color-accent-fg,var(--color-accent))] hover:bg-[color:var(--panel)]",
3438
3438
  children: [
3439
3439
  /* @__PURE__ */ jsxRuntime.jsx(AddUserIcon, {}),
3440
3440
  "Add Account"
@@ -3445,7 +3445,7 @@ function NavAccountMenuPanel({
3445
3445
  {
3446
3446
  type: "button",
3447
3447
  onClick: userMenu.onAddAccount,
3448
- className: "mt-1.5 flex w-full items-center gap-2.5 rounded-lg px-1 py-1.5 text-left text-sm font-semibold text-[color:var(--color-accent)] hover:bg-[color:var(--panel)]",
3448
+ className: "mt-1.5 flex w-full items-center gap-2.5 rounded-lg px-1 py-1.5 text-left text-sm font-semibold text-[color:var(--color-accent-fg,var(--color-accent))] hover:bg-[color:var(--panel)]",
3449
3449
  children: [
3450
3450
  /* @__PURE__ */ jsxRuntime.jsx(AddUserIcon, {}),
3451
3451
  "Add Account"
@@ -3471,7 +3471,7 @@ function NavAccountMenuPanel({
3471
3471
  onClick: () => userMenu.navDisplay?.onChange(opt.value),
3472
3472
  className: [
3473
3473
  "flex w-full items-center justify-between rounded-md px-2 py-1.5 text-left text-sm font-medium",
3474
- userMenu.navDisplay?.value === opt.value ? "text-[color:var(--color-accent)]" : "text-[color:var(--foreground)] hover:bg-[color:var(--panel)]"
3474
+ userMenu.navDisplay?.value === opt.value ? "text-[color:var(--color-accent-fg,var(--color-accent))]" : "text-[color:var(--foreground)] hover:bg-[color:var(--panel)]"
3475
3475
  ].join(" "),
3476
3476
  children: [
3477
3477
  opt.label,
@@ -3487,7 +3487,7 @@ function NavAccountMenuPanel({
3487
3487
  {
3488
3488
  type: "button",
3489
3489
  onClick: onSignOut,
3490
- className: "flex w-full shrink-0 items-center gap-2.5 border-t border-[color:var(--line)] px-4 py-2.5 text-left text-sm font-medium text-[color:var(--foreground)] hover:bg-[color:var(--panel)] hover:text-[color:var(--color-accent)]",
3490
+ className: "flex w-full shrink-0 items-center gap-2.5 border-t border-[color:var(--line)] px-4 py-2.5 text-left text-sm font-medium text-[color:var(--foreground)] hover:bg-[color:var(--panel)] hover:text-[color:var(--color-accent-fg,var(--color-accent))]",
3491
3491
  children: [
3492
3492
  /* @__PURE__ */ jsxRuntime.jsx(SignOutIcon, {}),
3493
3493
  "Sign out"
@@ -3514,7 +3514,7 @@ function NavSidebarUserCard({
3514
3514
  "aria-label": "My Account",
3515
3515
  className: `flex w-full cursor-pointer list-none items-center gap-[9px] rounded-[5px] px-1 py-1 text-left transition hover:bg-[color:var(--sidebar-row-hover-bg,var(--panel-elevated))] [&::-webkit-details-marker]:hidden ${rc("max-md:justify-center max-md:px-0")}`,
3516
3516
  children: [
3517
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-7 w-7 shrink-0 items-center justify-center overflow-hidden rounded-full bg-[color:var(--sidebar-avatar-bg,var(--color-accent))] text-[11px] font-bold text-[#FFFFFF]", children: user.avatarUrl || user.memojiUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: user.avatarUrl || user.memojiUrl, alt: "", className: "h-full w-full object-cover" }) : initials }),
3517
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-7 w-7 shrink-0 items-center justify-center overflow-hidden rounded-full bg-[color:var(--sidebar-avatar-bg,var(--color-accent-bg-safe,var(--color-accent)))] text-[11px] font-bold text-[#FFFFFF]", children: user.avatarUrl || user.memojiUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: user.avatarUrl || user.memojiUrl, alt: "", className: "h-full w-full object-cover" }) : initials }),
3518
3518
  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `flex min-w-0 flex-1 flex-col ${rc("max-md:hidden")}`, children: [
3519
3519
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-[12px] font-semibold leading-[1.2] text-[color:var(--sidebar-text,var(--foreground))]", children: displayName }),
3520
3520
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-[11px] leading-[1.3] text-[color:var(--sidebar-caption,var(--sidebar-text-muted,var(--muted)))]", children: secondary })
@@ -3564,7 +3564,7 @@ function NamePromptBubble({ profileHref, placement = "below" }) {
3564
3564
  "a",
3565
3565
  {
3566
3566
  href: safeHref(profileHref),
3567
- className: "rounded-full bg-[color:var(--color-accent)] px-3 py-1 text-xs font-semibold text-[#FFFFFF] hover:opacity-90",
3567
+ className: "rounded-full bg-[color:var(--color-accent-bg-safe,var(--color-accent))] px-3 py-1 text-xs font-semibold text-[#FFFFFF] hover:opacity-90",
3568
3568
  children: "Set name"
3569
3569
  }
3570
3570
  ) : null,