@the-portland-company/shell 0.76.14 → 0.76.18

package/dist/index.d.cts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, CSSProperties } from 'react';
-import { NavItem } from './native.cjs';
-export { FormColumn } from './native.cjs';
+import { N as NavItem } from './index-Cu5frXRQ.cjs';
+export { C as CommsNotification, a as CommsNotificationKind, F as FormColumn, b as NotificationsAdapter, c as NotificationsFeed, d as createCommsNotificationsAdapter, e as emptyNotificationsFeed, n as normalizeNotificationsFeed } from './index-Cu5frXRQ.cjs';
 import { User, Session, SupabaseClient } from '@supabase/supabase-js';
 import './theme-preference.cjs';
 

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, CSSProperties } from 'react';
-import { NavItem } from './native.js';
-export { FormColumn } from './native.js';
+import { N as NavItem } from './index-DJ3qBzfQ.js';
+export { C as CommsNotification, a as CommsNotificationKind, F as FormColumn, b as NotificationsAdapter, c as NotificationsFeed, d as createCommsNotificationsAdapter, e as emptyNotificationsFeed, n as normalizeNotificationsFeed } from './index-DJ3qBzfQ.js';
 import { User, Session, SupabaseClient } from '@supabase/supabase-js';
 import './theme-preference.js';
 

package/dist/index.js

@@ -1,7 +1,7 @@
-import { warnDeprecated } from './chunk-MY6G3LMN.js';
-export { FormColumn, SpeculationRulesScript, buildNavSpeculationRules, buildSpeculationRules, collectSiblingAppUrls } from './chunk-MY6G3LMN.js';
+import { warnDeprecated, TopBarTooltip } from './chunk-TUK2IEL5.js';
+export { FormColumn, SpeculationRulesScript, buildNavSpeculationRules, buildSpeculationRules, collectSiblingAppUrls, createCommsNotificationsAdapter, emptyNotificationsFeed, normalizeNotificationsFeed } from './chunk-TUK2IEL5.js';
 import { readResolvedTheme } from './chunk-BHRVZPZ7.js';
-import { extendTheme, Tooltip, ChakraProvider, useColorMode } from '@chakra-ui/react';
+import { extendTheme, ChakraProvider, useColorMode } from '@chakra-ui/react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Link, useLocation } from 'react-router-dom';
 import clsx from 'clsx';
@@ -1028,46 +1028,47 @@ function HeaderTabBar({
       "aria-label": ariaLabel,
       className: clsx(
         // Header-wide tab strip: background + bottom border only (no outer box).
-        "app-header-tab-bar m-0 flex w-full bg-slate-100 p-0",
+        // Left-aligned and fluid: the container spans the full content width,
+        // the tabs keep their natural width packed from the left (Global-Rules
+        // "Tabs & UI Styling": the strip spans the full width of the content
+        // area; tabs keep their natural width, left-aligned. Spencer 2026-10-11:
+        // all apps, all tabs, all screens). No mx-auto / justify-center /
+        // fixed width on the container.
+        "app-header-tab-bar m-0 flex w-full justify-start bg-slate-100 p-0",
         "border-b border-slate-200",
         className
       ),
       children: items.map((item, idx) => {
         const isActive = item.id === activeId;
         const isDisabled = Boolean(item.disabled);
-        return /* @__PURE__ */ jsx(
-          Tooltip,
+        return /* @__PURE__ */ jsxs(
+          "button",
           {
-            label: item.label,
-            placement: "top",
-            hasArrow: true,
-            bg: "black",
-            color: "white",
-            isDisabled,
-            children: /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                role: "tab",
-                "aria-selected": isActive,
-                "aria-label": item.label,
-                disabled: isDisabled,
-                onClick: () => onChange(item.id),
-                className: clsx(
-                  "app-header-tab-button relative inline-flex flex-1 items-center justify-center",
-                  "transition-colors",
-                  "rounded-none",
-                  idx === 0 ? "rounded-tl-lg" : null,
-                  idx === items.length - 1 ? "rounded-tr-lg" : null,
-                  isActive ? "text-white" : "bg-transparent text-slate-600 hover:bg-white/60 hover:text-slate-900",
-                  isDisabled ? "cursor-not-allowed opacity-50" : null
-                ),
-                style: {
-                  background: isActive ? "var(--mode-primary-color, var(--app-btn-primary-bg))" : void 0
-                },
-                children: /* @__PURE__ */ jsx("span", { className: "inline-flex items-center justify-center text-[14px] leading-none", children: item.icon })
-              }
-            )
+            type: "button",
+            role: "tab",
+            "aria-selected": isActive,
+            "aria-label": item.label,
+            disabled: isDisabled,
+            onClick: () => onChange(item.id),
+            className: clsx(
+              // `group/tbtip relative` powers the shared <TopBarTooltip>.
+              // Natural width (no flex-1 stretch); 40px square hit area for the
+              // icon-only tab so the strip stays tappable.
+              "group/tbtip app-header-tab-button relative inline-flex h-10 min-w-10 items-center justify-center px-3",
+              "transition-colors",
+              "rounded-none",
+              idx === 0 ? "rounded-tl-lg" : null,
+              idx === items.length - 1 ? "rounded-tr-lg" : null,
+              isActive ? "text-white" : "bg-transparent text-slate-600 hover:bg-white/60 hover:text-slate-900",
+              isDisabled ? "cursor-not-allowed opacity-50" : null
+            ),
+            style: {
+              background: isActive ? "var(--mode-primary-color, var(--app-btn-primary-bg))" : void 0
+            },
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "inline-flex items-center justify-center text-[14px] leading-none", children: item.icon }),
+              isDisabled ? null : /* @__PURE__ */ jsx(TopBarTooltip, { title: item.label })
+            ]
           },
           item.id
         );