@the-portland-company/shell 0.68.0 → 0.68.1

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/CHANGELOG.md +6 -0
  2. package/dist/app-chrome.cjs +21 -21
  3. package/dist/app-chrome.cjs.map +1 -1
  4. package/dist/app-chrome.js +1 -1
  5. package/dist/{chunk-ZKYREVCK.js → chunk-2UTIX3LI.js} +23 -23
  6. package/dist/chunk-2UTIX3LI.js.map +1 -0
  7. package/dist/native.cjs +21 -21
  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-ZKYREVCK.js.map +0 -1
package/dist/app-chrome.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { broadcastLogout, watchLogout } from './chunk-LL6LSJAH.js';
3
- import { clearBetaBannerDismissal, standardPolitogyNav, isNavItemActive, NavAppShell, NavChromeProvider, TopBarWidgetSlot, FuelAction, SpecOverlayAction, NotificationsAction, SupportAction, useChromeMe, useThemePreference, useNavChromeFetcher, useChromeOrgs } from './chunk-ZKYREVCK.js';
3
+ import { clearBetaBannerDismissal, standardPolitogyNav, isNavItemActive, NavAppShell, NavChromeProvider, TopBarWidgetSlot, FuelAction, SpecOverlayAction, NotificationsAction, SupportAction, useChromeMe, useThemePreference, useNavChromeFetcher, useChromeOrgs } from './chunk-2UTIX3LI.js';
4
4
  import './chunk-NHBNM5P3.js';
5
5
  import { NAV_DISPLAY_DEFAULT, resolveNavDisplay, isNavDisplayPreference, writeNavDisplayCookie, writeNavDisplayLocal, NAV_DISPLAY_STORAGE_KEY, readNavDisplayCookie } from './chunk-6UHJV2FH.js';
6
6
  import { resolveActiveOrg, isOrgId, writeActiveOrgCookie, ACTIVE_ORG_QUERY_PARAM, readActiveOrgCookie } from './chunk-W2HITMV5.js';
package/dist/{chunk-ZKYREVCK.js → chunk-2UTIX3LI.js} RENAMED
@@ -113,7 +113,7 @@ function useAnyTopBarPanelOpen() {
113
113
  }
114
114
  function TopBarCountBadge({ count }) {
115
115
  if (!(count > 0)) return null;
116
- return /* @__PURE__ */ jsx("span", { className: "absolute -top-[5px] -right-[5px] flex h-4 min-w-4 items-center justify-center rounded-full bg-[color:var(--chrome-danger)] px-1 text-[10px] font-bold leading-4 text-white", children: count > 99 ? "99+" : count });
116
+ return /* @__PURE__ */ jsx("span", { className: "absolute -top-[5px] -right-[5px] flex h-4 min-w-4 items-center justify-center rounded-full bg-[color:var(--chrome-danger)] px-1 text-[10px] font-bold leading-4 text-[#FFFFFF]", children: count > 99 ? "99+" : count });
117
117
  }
118
118
  function TopBarTooltip({
119
119
  title,
@@ -183,7 +183,7 @@ function NavThemeControl({
183
183
  onClick: () => onChange(opt.value),
184
184
  className: [
185
185
  "flex-1 px-3 py-1.5 text-xs font-semibold transition",
186
- value === opt.value ? "bg-[color:var(--color-accent)] text-white" : "text-[color:var(--muted)] hover:bg-[color:var(--panel)] hover:text-[color:var(--foreground)]"
186
+ value === opt.value ? "bg-[color:var(--color-accent)] text-[#FFFFFF]" : "text-[color:var(--muted)] hover:bg-[color:var(--panel)] hover:text-[color:var(--foreground)]"
187
187
  ].join(" "),
188
188
  children: opt.label
189
189
  },
@@ -527,7 +527,7 @@ function LowFuelHint({ lowFuel, orgId }) {
527
527
  "div",
528
528
  {
529
529
  role: "status",
530
- className: "absolute right-0 top-[calc(100%+10px)] z-50 w-60 rounded-lg border border-[color:var(--chrome-danger)] bg-[color:var(--chrome-danger)] px-3 py-2 text-white shadow-[var(--shadow-soft)]",
530
+ className: "absolute right-0 top-[calc(100%+10px)] z-50 w-60 rounded-lg border border-[color:var(--chrome-danger)] bg-[color:var(--chrome-danger)] px-3 py-2 text-[#FFFFFF] shadow-[var(--shadow-soft)]",
531
531
  onClick: (e) => e.stopPropagation(),
532
532
  children: [
533
533
  /* @__PURE__ */ jsx(
@@ -555,7 +555,7 @@ function LowFuelHint({ lowFuel, orgId }) {
555
555
  type: "button",
556
556
  "aria-label": "Dismiss low fuel notice",
557
557
  onClick: dismiss,
558
- className: "flex h-5 w-5 shrink-0 items-center justify-center rounded-full text-white/90 transition hover:bg-white/20",
558
+ className: "flex h-5 w-5 shrink-0 items-center justify-center rounded-full text-[#FFFFFF]/90 transition hover:bg-[#FFFFFF]/20",
559
559
  children: /* @__PURE__ */ jsx(XGlyph, {})
560
560
  }
561
561
  )
@@ -739,7 +739,7 @@ function NewReplyToast({
739
739
  activate();
740
740
  }
741
741
  },
742
- className: "absolute right-[-6px] top-[calc(100%+12px)] z-50 min-w-[240px] max-w-[320px] cursor-pointer rounded-xl bg-[#161616] px-4 py-3 text-white shadow-[var(--shadow-soft)]",
742
+ className: "absolute right-[-6px] top-[calc(100%+12px)] z-50 min-w-[240px] max-w-[320px] cursor-pointer rounded-xl bg-[#161616] px-4 py-3 text-[#FFFFFF] shadow-[var(--shadow-soft)]",
743
743
  style: {
744
744
  opacity: visible ? 1 : 0,
745
745
  transform: visible ? "translateY(0px)" : "translateY(-4px)",
@@ -763,7 +763,7 @@ function NewReplyToast({
763
763
  setVisible(false);
764
764
  onClose();
765
765
  },
766
- className: "absolute right-2 top-2 flex h-5 w-5 items-center justify-center rounded-full text-white opacity-60 transition hover:bg-white/10 hover:opacity-100",
766
+ className: "absolute right-2 top-2 flex h-5 w-5 items-center justify-center rounded-full text-[#FFFFFF] opacity-60 transition hover:bg-[#FFFFFF]/10 hover:opacity-100",
767
767
  children: /* @__PURE__ */ jsx(XGlyph, { size: 12 })
768
768
  }
769
769
  ),
@@ -778,7 +778,7 @@ function NewReplyToast({
778
778
  setVisible(false);
779
779
  onSilence();
780
780
  },
781
- className: "mt-2 inline-flex items-center gap-1 text-[11px] font-semibold text-white opacity-60 transition hover:opacity-100",
781
+ className: "mt-2 inline-flex items-center gap-1 text-[11px] font-semibold text-[#FFFFFF] opacity-60 transition hover:opacity-100",
782
782
  children: [
783
783
  /* @__PURE__ */ jsx(BellOffGlyph, { size: 12 }),
784
784
  "Silence notifications"
@@ -1151,7 +1151,7 @@ function SupportAction({ orgId } = {}) {
1151
1151
  {
1152
1152
  type: "button",
1153
1153
  onClick: close,
1154
- className: "rounded-full bg-[color:var(--color-accent)] px-4 py-2 text-sm font-semibold text-white hover:opacity-90",
1154
+ className: "rounded-full bg-[color:var(--color-accent)] px-4 py-2 text-sm font-semibold text-[#FFFFFF] hover:opacity-90",
1155
1155
  children: "Done"
1156
1156
  }
1157
1157
  ) })
@@ -1211,7 +1211,7 @@ function SupportAction({ orgId } = {}) {
1211
1211
  type: "button",
1212
1212
  onClick: submit,
1213
1213
  disabled: !message.trim() || state === "sending",
1214
- className: "rounded-full bg-[color:var(--color-accent)] px-4 py-2 text-sm font-semibold text-white transition hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-50",
1214
+ 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",
1215
1215
  children: state === "sending" ? "Sending\u2026" : "Send request"
1216
1216
  }
1217
1217
  )
@@ -1447,7 +1447,7 @@ function SpecOverlayAction({ orgId, orgName } = {}) {
1447
1447
  "span",
1448
1448
  {
1449
1449
  className: [
1450
- "absolute -top-1 -right-1 flex h-4 min-w-4 items-center justify-center rounded-full px-1 text-[10px] font-normal leading-none text-white",
1450
+ "absolute -top-1 -right-1 flex h-4 min-w-4 items-center justify-center rounded-full px-1 text-[10px] font-normal leading-none text-[#FFFFFF]",
1451
1451
  status && status.matched ? status.passed ? "bg-[color:var(--chrome-success,#2f855a)]" : "bg-[color:var(--chrome-danger)]" : "bg-[color:var(--muted)]"
1452
1452
  ].join(" "),
1453
1453
  children: badgeLabel
@@ -2211,7 +2211,7 @@ function NavSidebar({
2211
2211
  className: "h-[var(--sidebar-brand-logo-height,24px)] w-auto object-contain"
2212
2212
  }
2213
2213
  ) : /* @__PURE__ */ jsxs(Fragment, { children: [
2214
- /* @__PURE__ */ jsx("span", { className: "flex h-9 w-9 items-center justify-center rounded-xl bg-[color:var(--color-accent)] text-base font-black text-white shadow-sm", children: brand.badgeLabel }),
2214
+ /* @__PURE__ */ jsx("span", { 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", children: brand.badgeLabel }),
2215
2215
  /* @__PURE__ */ jsxs("span", { className: "flex flex-col leading-tight", children: [
2216
2216
  /* @__PURE__ */ jsx("span", { className: "text-base font-extrabold tracking-[-0.01em] text-[color:var(--color-accent)]", children: brand.title }),
2217
2217
  brand.subtitle ? /* @__PURE__ */ jsx("span", { className: "text-[11px] font-semibold uppercase tracking-[0.16em] text-[color:var(--muted)]", children: brand.subtitle }) : null
@@ -2244,7 +2244,7 @@ function NavSidebar({
2244
2244
  style: orgCardStyle,
2245
2245
  className: "flex w-full cursor-pointer list-none flex-col overflow-hidden rounded-[5px] border border-[color:var(--sidebar-card-border,var(--sidebar-line,var(--line)))] bg-[color:var(--sidebar-card-bg,var(--panel-elevated))] text-left text-[color:var(--sidebar-text,var(--foreground))] transition hover:bg-[color:var(--sidebar-row-hover-bg,var(--panel))] [&::-webkit-details-marker]:hidden",
2246
2246
  children: [
2247
- /* @__PURE__ */ jsxs("span", { className: "relative flex h-[var(--sidebar-org-band-height,48px)] w-full items-center justify-center bg-white px-3 py-[7px]", children: [
2247
+ /* @__PURE__ */ jsxs("span", { className: "relative flex h-[var(--sidebar-org-band-height,48px)] w-full items-center justify-center bg-[#FFFFFF] px-3 py-[7px]", children: [
2248
2248
  orgLogoSrc ? /* @__PURE__ */ jsx("img", { src: orgLogoSrc, alt: "", className: "max-h-full max-w-[132px] object-contain" }) : org.canUploadLogo ? /* @__PURE__ */ jsx(
2249
2249
  "a",
2250
2250
  {
@@ -2318,7 +2318,7 @@ function NavSidebar({
2318
2318
  "span",
2319
2319
  {
2320
2320
  style: { backgroundColor: o.brandColor || ORG_PILL_DEFAULT },
2321
- className: "flex h-6 w-6 shrink-0 items-center justify-center overflow-hidden rounded-full text-[10px] font-bold text-white",
2321
+ className: "flex h-6 w-6 shrink-0 items-center justify-center overflow-hidden rounded-full text-[10px] font-bold text-[#FFFFFF]",
2322
2322
  children: resolveOrgLogoUrl(o.logoUrl) ? /* @__PURE__ */ jsx(
2323
2323
  "img",
2324
2324
  {
@@ -2344,7 +2344,7 @@ function NavSidebar({
2344
2344
  style: orgCardStyle,
2345
2345
  className: "flex w-full flex-col overflow-hidden rounded-[5px] border border-[color:var(--sidebar-card-border,var(--sidebar-line,var(--line)))] bg-[color:var(--sidebar-card-bg,var(--panel-elevated))] text-left text-[color:var(--sidebar-text,var(--foreground))] transition hover:bg-[color:var(--sidebar-row-hover-bg,var(--panel))]",
2346
2346
  children: [
2347
- /* @__PURE__ */ jsxs("span", { className: "relative flex h-[var(--sidebar-org-band-height,48px)] w-full items-center justify-center bg-white px-3 py-[7px]", children: [
2347
+ /* @__PURE__ */ jsxs("span", { className: "relative flex h-[var(--sidebar-org-band-height,48px)] w-full items-center justify-center bg-[#FFFFFF] px-3 py-[7px]", children: [
2348
2348
  orgLogoSrc ? /* @__PURE__ */ jsx("img", { src: orgLogoSrc, alt: "", className: "max-h-full max-w-[132px] object-contain" }) : org.canUploadLogo ? /* @__PURE__ */ jsx(
2349
2349
  "a",
2350
2350
  {
@@ -2402,7 +2402,7 @@ function NavSidebar({
2402
2402
  disabled: !available,
2403
2403
  className: [
2404
2404
  "flex flex-1 items-center justify-center rounded-[5px] px-[9px] py-[6px] transition",
2405
- !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-white/5 hover:text-[color:var(--sidebar-text,var(--foreground))]"
2405
+ !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))]"
2406
2406
  ].join(" "),
2407
2407
  children: OptIcon ? /* @__PURE__ */ jsx(OptIcon, { size: 15, className: "shrink-0" }) : null
2408
2408
  },
@@ -2700,7 +2700,7 @@ function NavRow({
2700
2700
  const wrapperClasses = [
2701
2701
  "group relative block overflow-hidden transition",
2702
2702
  isSub ? "rounded-md" : "rounded-[5px]",
2703
- active ? activeClasses : isSub ? "text-[color:var(--sidebar-text,var(--muted))] hover:text-white" : NAV_TOP_INACTIVE_CLASS
2703
+ active ? activeClasses : isSub ? "text-[color:var(--sidebar-text,var(--muted))] hover:text-[#FFFFFF]" : NAV_TOP_INACTIVE_CLASS
2704
2704
  ].join(" ");
2705
2705
  const rowPadding = isSub ? "gap-3 px-3 py-1.5 text-[13px] font-semibold" : NAV_TOP_ROW_CLASS(active);
2706
2706
  const iconSize = isSub ? 16 : NAV_TOP_ICON_SIZE;
@@ -2979,7 +2979,7 @@ function NavTopBar({
2979
2979
  themeToggle,
2980
2980
  accountMenu === "topbar" ? /* @__PURE__ */ jsxs("details", { "data-nav-details": true, className: "group/acct relative", children: [
2981
2981
  /* @__PURE__ */ 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: [
2982
- /* @__PURE__ */ 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-white", children: user?.avatarUrl || user?.memojiUrl ? /* @__PURE__ */ jsx(
2982
+ /* @__PURE__ */ 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__ */ jsx(
2983
2983
  "img",
2984
2984
  {
2985
2985
  src: user.avatarUrl || user.memojiUrl,
@@ -3078,7 +3078,7 @@ function NavAccountMenuPanel({
3078
3078
  },
3079
3079
  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)]",
3080
3080
  children: [
3081
- /* @__PURE__ */ 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-white", children: a.avatarUrl ? /* @__PURE__ */ jsx("img", { src: a.avatarUrl, alt: "", className: "h-full w-full object-cover" }) : (a.name ?? a.email ?? "?").slice(0, 2).toUpperCase() }),
3081
+ /* @__PURE__ */ 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__ */ jsx("img", { src: a.avatarUrl, alt: "", className: "h-full w-full object-cover" }) : (a.name ?? a.email ?? "?").slice(0, 2).toUpperCase() }),
3082
3082
  /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-col leading-tight", children: [
3083
3083
  /* @__PURE__ */ jsx(
3084
3084
  "span",
@@ -3189,7 +3189,7 @@ function NavSidebarUserCard({
3189
3189
  "aria-label": "My Account",
3190
3190
  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",
3191
3191
  children: [
3192
- /* @__PURE__ */ 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-white", children: user.avatarUrl || user.memojiUrl ? /* @__PURE__ */ jsx("img", { src: user.avatarUrl || user.memojiUrl, alt: "", className: "h-full w-full object-cover" }) : initials }),
3192
+ /* @__PURE__ */ 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__ */ jsx("img", { src: user.avatarUrl || user.memojiUrl, alt: "", className: "h-full w-full object-cover" }) : initials }),
3193
3193
  /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col", children: [
3194
3194
  /* @__PURE__ */ jsx("span", { className: "truncate text-[12px] font-semibold leading-[1.2] text-[color:var(--sidebar-text,var(--foreground))]", children: displayName }),
3195
3195
  /* @__PURE__ */ jsx("span", { className: "truncate text-[11px] leading-[1.3] text-[color:var(--sidebar-caption,var(--sidebar-text-muted,var(--muted)))]", children: secondary })
@@ -3239,7 +3239,7 @@ function NamePromptBubble({ profileHref, placement = "below" }) {
3239
3239
  "a",
3240
3240
  {
3241
3241
  href: safeHref(profileHref),
3242
- className: "rounded-full bg-[color:var(--color-accent)] px-3 py-1 text-xs font-semibold text-white hover:opacity-90",
3242
+ className: "rounded-full bg-[color:var(--color-accent)] px-3 py-1 text-xs font-semibold text-[#FFFFFF] hover:opacity-90",
3243
3243
  children: "Set name"
3244
3244
  }
3245
3245
  ) : null,
@@ -3323,7 +3323,7 @@ function NavTopBarActionButton({ action }) {
3323
3323
  const Glyph = BrandGlyph ?? Icon;
3324
3324
  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
3325
3325
  /* @__PURE__ */ jsx(Glyph, { size: TOPBAR_GLYPH_SIZE, className: "text-current" }),
3326
- typeof action.badge === "number" && action.badge > 0 ? /* @__PURE__ */ jsx("span", { className: "absolute -top-[5px] -right-[5px] flex h-4 min-w-4 items-center justify-center rounded-full bg-[color:var(--chrome-danger,var(--color-accent))] px-1 text-[10px] font-bold leading-4 text-white", children: action.badge }) : null,
3326
+ typeof action.badge === "number" && action.badge > 0 ? /* @__PURE__ */ jsx("span", { className: "absolute -top-[5px] -right-[5px] flex h-4 min-w-4 items-center justify-center rounded-full bg-[color:var(--chrome-danger,var(--color-accent))] px-1 text-[10px] font-bold leading-4 text-[#FFFFFF]", children: action.badge }) : null,
3327
3327
  /* @__PURE__ */ jsx(TopBarTooltip, { title: action.label, description: action.description })
3328
3328
  ] });
3329
3329
  const isExternal = action.href ? /^https?:\/\//.test(action.href) : false;
@@ -3612,5 +3612,5 @@ function NavAppShell({
3612
3612
  }
3613
3613
 
3614
3614
  export { BETA_BANNER_DISMISS_KEY, CAMPAIGN_FEATURE_AVAILABILITY, CORE_APP_ORIGIN, CORE_BILLING_PATH, FuelAction, NavAppShell, NavBetaBanner, NavChromeProvider, NavDisplayAction, NavSidebar, NavTabStrip, NavThemeControl, NavTopBar, NotificationsAction, SPECS_ORIGIN, SpecOverlayAction, SupportAction, TopBarCountBadge, TopBarPanelArrow, TopBarPopover, TopBarTooltip, TopBarWidgetSlot, clearBetaBannerDismissal, envChipClasses, isNavItemActive, resolveOrgLogoUrl, standardPolitogyNav, topBarIconButtonClass, useChromeMe, useChromeOrgs, useNavChromeFetcher, useThemePreference };
3615
- //# sourceMappingURL=chunk-ZKYREVCK.js.map
3616
- //# sourceMappingURL=chunk-ZKYREVCK.js.map
3615
+ //# sourceMappingURL=chunk-2UTIX3LI.js.map
3616
+ //# sourceMappingURL=chunk-2UTIX3LI.js.map