@the-portland-company/shell 0.26.0 → 0.28.0

package/CHANGELOG.md

@@ -1,3 +1,46 @@
+## 0.28.0 — 2026-07-23
+
+### Fixed — DevNotes "Create Task" did nothing
+
+`AppDevNotes` mounted `DevNotesProvider` and the menu, but never
+`<DevNotesOverlay />`. The menu only TOGGLES creation mode; the overlay is what
+renders the click-to-place capture layer, the report dots and the report form —
+so on forms / surveys / polls, clicking **Create Task** closed the menu and
+nothing happened at all (HITL bug report 2026-07-23). Contacts escaped it only
+because it still carried its own hand-rolled surface.
+
+The chrome now mounts a `DevNotesSurface` at the chrome root: the overlay, plus
+the "View All Tasks" modal (rendered at the root so the top bar's stacking and
+backdrop-blur can't trap it, and mounted only while open so it doesn't fetch
+every user's tasks on page load).
+
+## 0.27.0 — 2026-07-23
+
+VRM native-chrome parity (shell-nav-handoff §1–§3). All three were verified in
+this package's source before changing anything, and all three are additive —
+forms / surveys / polls / contacts behavior is unchanged.
+
+### Added — `NavAppShell contentWrapper`
+
+`'padded'` (default) keeps the existing `<main class="px-6 py-7">` + `mx-auto
+max-w-7xl`. `'bare'` renders children directly. VRM wraps every page in the
+shell's own `PageContainer` — which emits its OWN `<main>` and max-width — so
+the default gave it a **nested `<main>`** (invalid HTML) and a doubled gutter on
+Org Settings, Email Broadcast and SMS/MMS Blast.
+
+### Added — nav group headers can navigate as well as expand
+
+A group header always toggles; when the item also carries an `onClick`, that now
+runs too, so a parent row can open its section dashboard AND expand in one
+click. Existing apps pass no parent `onClick`, so nothing changes for them.
+
+### Added — `NavItem.disabled` + `NavItem.disabledTitle`
+
+Mirrors `NavTab`'s existing contract: a gated row renders as a non-interactive,
+dimmed `aria-disabled` span with its reason as a tooltip. VRM gates Email / SMS
+until setup is complete and previously had no way to express that, so gated rows
+rendered fully clickable.
+
 ## 0.26.0 — 2026-07-23
 
 ### Added — `PolitogyAppFrame` data plumbing (so Contacts can adopt it)

package/dist/app-chrome.cjs

@@ -1313,6 +1313,17 @@ function NavRow({
       item.label
     ] })
   ] });
+  if (item.disabled) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        "aria-disabled": "true",
+        title: item.disabledTitle,
+        className: `${wrapperClasses} cursor-not-allowed opacity-50`,
+        children: inner
+      }
+    );
+  }
   if (item.onClick && !item.href) {
     return /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: item.onClick, className: `w-full text-left ${wrapperClasses}`, children: inner });
   }
@@ -1346,7 +1357,10 @@ function NavGroup({
       "button",
       {
         type: "button",
-        onClick: onToggle,
+        onClick: () => {
+          onToggle();
+          item.onClick?.();
+        },
         "aria-expanded": open,
         className: headerClasses,
         children: [
@@ -1866,14 +1880,20 @@ function useCloseNavDetailsOnOutsideClick() {
     };
   }, []);
 }
-function NavAppShell({ sidebar, topBar, betaBanner, children }) {
+function NavAppShell({
+  sidebar,
+  topBar,
+  betaBanner,
+  contentWrapper = "padded",
+  children
+}) {
   useCloseNavDetailsOnOutsideClick();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-screen bg-[color:var(--background)] text-[color:var(--foreground)]", children: [
     /* @__PURE__ */ jsxRuntime.jsx(NavSidebar, { ...sidebar }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "lg:pl-[240px]", children: [
       /* @__PURE__ */ jsxRuntime.jsx(NavTopBar, { ...topBar }),
       betaBanner ? /* @__PURE__ */ jsxRuntime.jsx(NavBetaBanner, { ...betaBanner }) : null,
-      /* @__PURE__ */ jsxRuntime.jsx("main", { className: "px-6 py-7", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto max-w-7xl", children }) })
+      contentWrapper === "bare" ? children : /* @__PURE__ */ jsxRuntime.jsx("main", { className: "px-6 py-7", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto max-w-7xl", children }) })
     ] })
   ] });
 }
@@ -2215,7 +2235,22 @@ function AppDevNotes({
     }),
     [storagePrefix, identity.role]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(devnotes.DevNotesProvider, { adapter, user, config, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(devnotes.DevNotesProvider, { adapter, user, config, children: /* @__PURE__ */ jsxRuntime.jsx(DevNotesSurface, { children }) });
+}
+var DevNotesTasksContext = react.createContext({
+  ready: false,
+  openTasks: () => {
+  }
+});
+function DevNotesSurface({ children }) {
+  const [tasksOpen, setTasksOpen] = react.useState(false);
+  const openTasks = react.useCallback(() => setTasksOpen(true), []);
+  const tasksCtx = react.useMemo(() => ({ ready: true, openTasks }), [openTasks]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(DevNotesTasksContext.Provider, { value: tasksCtx, children: [
+    children,
+    tasksOpen ? /* @__PURE__ */ jsxRuntime.jsx(devnotes.DevNotesTaskListModal, { open: true, onClose: () => setTasksOpen(false) }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx(devnotes.DevNotesOverlay, {})
+  ] });
 }
 function PolitogyAppChrome({
   storagePrefix,
@@ -2263,13 +2298,18 @@ function ChromeTopBarActions() {
       {
         title: "DevNotes",
         description: "Capture bugs and notes, filed straight to Forge.",
-        children: /* @__PURE__ */ jsxRuntime.jsx(devnotes.DevNotesMenu, {})
+        children: /* @__PURE__ */ jsxRuntime.jsx(ChromeDevNotesMenu, {})
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(SupportAction, {}),
     /* @__PURE__ */ jsxRuntime.jsx(NotificationsAction, { orgId: state.orgId })
   ] });
 }
+function ChromeDevNotesMenu() {
+  const { ready, openTasks } = react.useContext(DevNotesTasksContext);
+  if (!ready) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(devnotes.DevNotesMenu, { position: "top-right", onViewTasks: openTasks });
+}
 function useIsSuperAdmin() {
   const state = useChromeState();
   return (state?.orgs ?? []).some((o) => /super/i.test(o.rawRole ?? ""));