@the-portland-company/shell 0.96.2 → 0.97.1

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { P as PageHeaderProps, B as BreadcrumbBarProps, N as NavItem } from './index-DJtKw0Fd.cjs';
-export { A as AI_CREDITS_STATE_TITLES, a as AiCreditsState, b as AiCreditsStateKind, C as Card, c as CommsNotification, d as CommsNotificationKind, F as FormColumn, H as HeaderTabBar, e as HeaderTabBarItem, K as KNOWN_TAB_GLYPHS, f as NotificationsAdapter, g as NotificationsFeed, R as RowMenu, h as RowMenuItem, i as RowMenuPlacement, T as TabGlyphComponent, j as aiCreditsWalletUrl, k as createCommsNotificationsAdapter, l as emptyNotificationsFeed, n as normalizeNotificationsFeed, r as resolveTabGlyph, m as rowMenuPosition } from './index-DJtKw0Fd.cjs';
+import { P as PageHeaderProps, B as BreadcrumbBarProps, N as NavItem } from './index-SHcw15A4.cjs';
+export { A as AI_CREDITS_STATE_TITLES, a as AiCreditsState, b as AiCreditsStateKind, C as Card, c as CommsNotification, d as CommsNotificationKind, F as FormColumn, H as HeaderTabBar, e as HeaderTabBarItem, K as KNOWN_TAB_GLYPHS, f as NotificationsAdapter, g as NotificationsFeed, R as RowMenu, h as RowMenuItem, i as RowMenuPlacement, T as TabGlyphComponent, j as aiCreditsWalletUrl, k as createCommsNotificationsAdapter, l as emptyNotificationsFeed, n as normalizeNotificationsFeed, r as resolveTabGlyph, m as rowMenuPosition } from './index-SHcw15A4.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, CSSProperties } from 'react';

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { P as PageHeaderProps, B as BreadcrumbBarProps, N as NavItem } from './index-HwDXhFOA.js';
-export { A as AI_CREDITS_STATE_TITLES, a as AiCreditsState, b as AiCreditsStateKind, C as Card, c as CommsNotification, d as CommsNotificationKind, F as FormColumn, H as HeaderTabBar, e as HeaderTabBarItem, K as KNOWN_TAB_GLYPHS, f as NotificationsAdapter, g as NotificationsFeed, R as RowMenu, h as RowMenuItem, i as RowMenuPlacement, T as TabGlyphComponent, j as aiCreditsWalletUrl, k as createCommsNotificationsAdapter, l as emptyNotificationsFeed, n as normalizeNotificationsFeed, r as resolveTabGlyph, m as rowMenuPosition } from './index-HwDXhFOA.js';
+import { P as PageHeaderProps, B as BreadcrumbBarProps, N as NavItem } from './index-smsLP_tM.js';
+export { A as AI_CREDITS_STATE_TITLES, a as AiCreditsState, b as AiCreditsStateKind, C as Card, c as CommsNotification, d as CommsNotificationKind, F as FormColumn, H as HeaderTabBar, e as HeaderTabBarItem, K as KNOWN_TAB_GLYPHS, f as NotificationsAdapter, g as NotificationsFeed, R as RowMenu, h as RowMenuItem, i as RowMenuPlacement, T as TabGlyphComponent, j as aiCreditsWalletUrl, k as createCommsNotificationsAdapter, l as emptyNotificationsFeed, n as normalizeNotificationsFeed, r as resolveTabGlyph, m as rowMenuPosition } from './index-smsLP_tM.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, CSSProperties } from 'react';

package/dist/index.js

@@ -1,5 +1,5 @@
-import { PageHeaderView, warnDeprecated, BreadcrumbBarView } from './chunk-537NZZVP.js';
-export { AI_CREDITS_STATE_TITLES, AiCreditsState, Card, FormColumn, HeaderTabBar, KNOWN_TAB_GLYPHS, RowMenu, RowMenuItem, SpeculationRulesScript, aiCreditsWalletUrl, buildNavSpeculationRules, buildSpeculationRules, collectSiblingAppUrls, createCommsNotificationsAdapter, emptyNotificationsFeed, normalizeNotificationsFeed, resolveTabGlyph, rowMenuPosition } from './chunk-537NZZVP.js';
+import { PageHeaderView, warnDeprecated, BreadcrumbBarView } from './chunk-XPTC47TY.js';
+export { AI_CREDITS_STATE_TITLES, AiCreditsState, Card, FormColumn, HeaderTabBar, KNOWN_TAB_GLYPHS, RowMenu, RowMenuItem, SpeculationRulesScript, aiCreditsWalletUrl, buildNavSpeculationRules, buildSpeculationRules, collectSiblingAppUrls, createCommsNotificationsAdapter, emptyNotificationsFeed, normalizeNotificationsFeed, resolveTabGlyph, rowMenuPosition } from './chunk-XPTC47TY.js';
 import { readResolvedTheme } from './chunk-BHRVZPZ7.js';
 export { BRAND_APPLE_ICON_LINK_ID, BRAND_FAVICON_LINK_ID, BrandFavicon, applyBrandFavicon, watchBrandFavicon } from './chunk-BMR5WAWH.js';
 import { extendTheme, ChakraProvider, useColorMode } from '@chakra-ui/react';

package/dist/native.cjs

@@ -694,19 +694,26 @@ function TopBarCountBadge({ count }) {
 }
 function TopBarTooltip({
   title,
-  description
+  description,
+  align = "center"
 }) {
+  const bodyPosition = align === "end" ? "right-0" : "left-1/2 -translate-x-1/2";
+  const arrowPosition = align === "end" ? "" : "left-1/2 -translate-x-1/2";
+  const arrowStyle = align === "end" ? { right: "calc(var(--topbar-icon-button-size, 34px) / 2 - 5px)" } : void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "span",
     {
       role: "tooltip",
-      className: "pointer-events-none absolute left-1/2 top-full z-50 mt-2 hidden w-max max-w-56 -translate-x-1/2 flex-col rounded-lg border border-[color:var(--app-btn-tooltip-bg,#2F3136)] bg-[color:var(--app-btn-tooltip-bg,#2F3136)] px-3 py-2 text-left shadow-[var(--shadow-soft)] group-hover/tbtip:flex group-focus-visible/tbtip:flex",
+      "data-tooltip-align": align,
+      className: `pointer-events-none absolute ${bodyPosition} top-full z-50 mt-2 hidden w-max max-w-56 flex-col rounded-lg border border-[color:var(--app-btn-tooltip-bg,#2F3136)] bg-[color:var(--app-btn-tooltip-bg,#2F3136)] px-3 py-2 text-left shadow-[var(--shadow-soft)] group-hover/tbtip:flex group-focus-visible/tbtip:flex`,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
             "aria-hidden": true,
-            className: "absolute -top-[5px] left-1/2 h-2.5 w-2.5 -translate-x-1/2 rotate-45 border-l border-t border-[color:var(--app-btn-tooltip-bg,#2F3136)] bg-[color:var(--app-btn-tooltip-bg,#2F3136)]"
+            "data-tooltip-arrow": true,
+            style: arrowStyle,
+            className: `absolute -top-[5px] ${arrowPosition} h-2.5 w-2.5 rotate-45 border-l border-t border-[color:var(--app-btn-tooltip-bg,#2F3136)] bg-[color:var(--app-btn-tooltip-bg,#2F3136)]`
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-semibold text-[color:var(--app-btn-tooltip-fg,#FFFFFF)]", children: title }),
@@ -2376,6 +2383,34 @@ function useThemePreference() {
   );
   return { value, setValue };
 }
+function TopBarLinkAction({ label, description, href, icon: Icon }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("a", { href, "aria-label": label, className: topBarIconButtonClass(), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: TOPBAR_GLYPH_SIZE, className: "text-current" }),
+    /* @__PURE__ */ jsxRuntime.jsx(TopBarTooltip, { title: label, description, align: "end" })
+  ] });
+}
+function OrganizationSettingsAction({ href }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TopBarLinkAction,
+    {
+      label: "Organization settings",
+      description: "Users, Brand Kit, modes and billing for this organization.",
+      href,
+      icon: lu.LuSettings
+    }
+  );
+}
+function MyProfileAction({ href }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TopBarLinkAction,
+    {
+      label: "My profile",
+      description: "Your photo, organizations, security and notifications.",
+      href,
+      icon: lu.LuCircleUser
+    }
+  );
+}
 function FormColumn({ children, className }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-shell-form-column": "", className: clsx4__default.default("w-full max-w-[960px]", className), children });
 }
@@ -3153,13 +3188,14 @@ function standardPolitogyNav(opts) {
     });
   };
   const accountRows = () => [
-    { kind: "section", label: "Account" },
+    { kind: "section", label: "Account", railHidden: true },
     // My Profile moved to the Politogy ID account app (auth.politogyvrm.com)
     // with the retirement of app.politogyvrm.com.
-    { label: "My profile", icon: icon("circleUser"), href: withOrg(`${AUTH_ORIGIN}my-profile`) },
+    { label: "My profile", icon: icon("circleUser"), href: withOrg(`${AUTH_ORIGIN}my-profile`), railHidden: true },
     {
       label: "Organization settings",
       icon: icon("settings"),
+      railHidden: true,
       // Organization settings moved to the standalone Settings app
       // (settings.politogyvrm.com, Specs/Organization-Settings v12).
       href: withOrg(`${SETTINGS_ORIGIN2}organization-settings`),
@@ -3395,6 +3431,33 @@ function shortEnvLabel(label) {
   if (l === "development") return "dev";
   return l;
 }
+function buildLineParts(meta) {
+  const version = meta.version ? `v${meta.version.replace(/^v/, "")}` : null;
+  const parsed = meta.commitDate ? new Date(meta.commitDate) : null;
+  const date = parsed && !Number.isNaN(parsed.getTime()) ? parsed.toLocaleDateString(void 0, { month: "short", day: "numeric" }) : null;
+  const line = [version, date].filter(Boolean).join(" \xB7 ");
+  const detail2 = [
+    meta.envLabel ? shortEnvLabel(meta.envLabel) : null,
+    meta.commit ? meta.commit.slice(0, 12) : null,
+    version,
+    date,
+    meta.commitAuthor ? meta.commitAuthor.split(/\s+/)[0] : null
+  ].filter(Boolean).join(" | ");
+  return { line, detail: detail2 };
+}
+function ShellBuildLine({ footer, hidden }) {
+  const { line, detail: detail2 } = buildLineParts(footer);
+  if (!line && !detail2) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-shell-meta": true,
+      title: detail2,
+      className: `mt-1.5 truncate text-center font-[family-name:var(--font-mono,ui-monospace,monospace)] text-[10px] leading-[1.2] text-[color:var(--sidebar-row-text,rgba(255,255,255,0.66))] ${hidden}`,
+      children: line || detail2
+    }
+  );
+}
 function envChipClasses(label) {
   const l = label.toLowerCase();
   if (l === "production" || l === "prod")
@@ -3816,7 +3879,7 @@ function NavSidebar({
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 flex-col overflow-y-auto px-[10px] py-3", children: /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: "flex flex-col gap-0.5", children: [
             nav.groupLabel ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${NAV_EYEBROW_CLASS} px-2 pb-1.5 pt-1 ${rc("max-md:hidden")}`, children: nav.groupLabel }) : null,
-            nav.items.map((item, idx) => {
+            nav.items.filter((item) => !item.railHidden).map((item, idx) => {
               if (item.kind === "section") {
                 return /* @__PURE__ */ jsxRuntime.jsx(
                   NavSectionRow,
@@ -3897,31 +3960,7 @@ function NavSidebar({
                 }
               )
             ] }, l.label)) }) : null,
-            footer.envLabel || footer.commit || footer.version ? /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                "data-shell-meta": true,
-                className: `mt-1.5 flex flex-col items-center gap-0.5 font-[family-name:var(--font-mono,ui-monospace,monospace)] text-[11px] text-[color:var(--sidebar-meta-text,rgba(255,255,255,0.72))] ${rc("max-md:hidden")}`,
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5", children: [
-                    footer.envLabel ? shortEnvLabel(footer.envLabel) : null,
-                    footer.commit ? footer.commit.slice(-4) : null,
-                    footer.version ? `v${footer.version.replace(/^v/, "")}` : null
-                  ].filter((v) => Boolean(v)).map((v, i) => /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
-                    i > 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: "|" }) : null,
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { children: v })
-                  ] }, i)) }),
-                  footer.commitDate || footer.commitAuthor ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
-                    footer.commitDate ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: new Date(footer.commitDate).toLocaleDateString(void 0, {
-                      month: "short",
-                      day: "numeric"
-                    }) }) : null,
-                    footer.commitDate && footer.commitAuthor ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: "|" }) : null,
-                    footer.commitAuthor ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: footer.commitAuthor.split(/\s+/)[0] }) : null
-                  ] }) : null
-                ]
-              }
-            ) : null
+            footer.envLabel || footer.commit || footer.version ? /* @__PURE__ */ jsxRuntime.jsx(ShellBuildLine, { footer, hidden: rc("max-md:hidden") }) : null
           ] }) : null
         ]
       }
@@ -4957,6 +4996,7 @@ exports.FormColumn = FormColumn;
 exports.FuelAction = FuelAction;
 exports.HeaderTabBar = HeaderTabBar;
 exports.KNOWN_TAB_GLYPHS = KNOWN_TAB_GLYPHS;
+exports.MyProfileAction = MyProfileAction;
 exports.NavAppShell = NavAppShell;
 exports.NavBetaBanner = NavBetaBanner;
 exports.NavChromeProvider = NavChromeProvider;
@@ -4966,6 +5006,7 @@ exports.NavTabStrip = NavTabStrip;
 exports.NavThemeControl = NavThemeControl;
 exports.NavTopBar = NavTopBar;
 exports.NotificationsAction = NotificationsAction;
+exports.OrganizationSettingsAction = OrganizationSettingsAction;
 exports.PageHeader = PageHeader;
 exports.RowMenu = RowMenu;
 exports.RowMenuItem = RowMenuItem;
@@ -4973,12 +5014,14 @@ exports.SPECS_ORIGIN = SPECS_ORIGIN;
 exports.SpecOverlayAction = SpecOverlayAction;
 exports.SupportAction = SupportAction;
 exports.TopBarCountBadge = TopBarCountBadge;
+exports.TopBarLinkAction = TopBarLinkAction;
 exports.TopBarPanelArrow = TopBarPanelArrow;
 exports.TopBarPopover = TopBarPopover;
 exports.TopBarTooltip = TopBarTooltip;
 exports.TopBarWidgetSlot = TopBarWidgetSlot;
 exports.aiCreditsWalletUrl = aiCreditsWalletUrl;
 exports.applyBrandFavicon = applyBrandFavicon;
+exports.buildLineParts = buildLineParts;
 exports.clearBetaBannerDismissal = clearBetaBannerDismissal;
 exports.creditGaugeRatio = creditGaugeRatio;
 exports.creditStateWord = creditStateWord;