RS Release Notes

The Maintenance card's "Needs Approval" item on the owner dashboard is hardcoded mock data (MOCK_APPROVAL_CARD_DATA), and its address was a real property (110 28th Avenue N Unit A, St. Petersburg). Every owner on prod sees it. Swapped for a sample address (1250 W Bayview Ave, Tampa, FL 33606). One-line constant change, no logic touched.

Owner Connect follow-ups after #3735.

• Scrollbars: every inner scroll area (dashboard Communication, % Occupied, Rent Collected, Leasing Updates, Upcoming Leases, properties list, Price, CMAs, Applications, Communication page lists, detail pane, assistant) now uses the existing thin kanban-column-scroll style.
- The cards with padding pull their scroll area out to the card edge (-mr-6 pr-6), so the scrollbar never sits over content. The main page scrollbar is untouched.
• Property Performance: the KPI tiles keep their own height and sit centred beside the photo, instead of stretching.
• #3735 review: showIcon is removed from the shared SearchBar, so it matches main again. Communication hides the search icon from its own side ([&>*:first-child]:hidden), as asked: icon-only button, no icon inside the bar.

Tested: eslint, the OwnerConnect vitest suite (29/29), build, and live local screenshots of the dashboard, Communication and Leasing pages. A DOM check confirmed each scroll area ends at the card edge.

Follow-up to #3731: Owner Connect pieces that showed placeholders even when the data exists.

• Property Showcase (Leasing detail): "See Where Your Property is Being Showcased" read a store field nothing ever loaded, so it always said "No active listing websites available". It now reads syndicationJson.sources from the owner leasing-property response. A source counts as live once it has a URL, the same rule the admin syndication view uses.

More wiring lands here as it's done:
• the Communication favourites panel;
• Let's Talk opening the member's booking page;
• Leasing detail moving off the staff-only update endpoints (paired backend PR).

Tested: vitest passes for OwnerConnect, including a new PropertyShowcase test; eslint is clean and the build passes. Checked locally in Chromium with the seeded TEST owner.

Owner Connect backend fixes. This only wires data that already exists: no migrations and no new tables.

1. Team members' booking link in the owner team payload
• getLeasingPropertyTeam now also returns each member's bookingSlug (users.booking_slug, the value staff set under Company Settings → My personal booking link).
• It shows up on GET /api/owner-portal/dashboard/team and in the owner leasing detail team[], so "Let's Talk" can open /schedule/ (frontend #3735).
• Auth and scoping are unchanged.

2. Owners can use favourites
• Owners got 403 on /api/user-favorites because the business-logic layer returned before applying applyUserFavoriteAbilities. They now get the same own-userId read/create/delete rules as staff.
• Owners can only favourite knowledge/edgepath content (article, form, policy, script_and_dialogue, collection, course, path, badge, lesson, group, playlist, live_event, smart_plan). Creating a favourite looks the record up by id with no company check, so without this limit an owner could read a tenant lead, resident or staff user by id. The controller checks create against the row being created. Staff are unaffected.

3. "Listed Rent" in owner Previous Updates
• getPropertyOwnerUpdates rebuilt statistics without listedRent, so the owner saw $0. It now returns the snapshot value, falling back to the unit's current rent for updates saved before the snapshot kept it.
• createStatsSnapshot now stores listedRent when an update is sent.

Tested
•…

Follow-up to #3729: the items Saket raised after it merged.

Spacing pass (dashboard)
• Leasing Updates rows: 16px padding inside each row, a 24px gap between the photo, text and columns, and roomier address/location lines. The Leads / Applications / Showings block has 1.5 line spacing.
• Upcoming Leases cards get the same treatment.
• Needs Approval box, % Occupied address list, Communication rows (dashboard and Communication page) and Maintenance Activity rows: more padding and looser line spacing.
• The % Occupied list component is shared with the "Last 7 Days / Total" lines on the Leasing detail gauges, so those get the same spacing.

Dashboard Property Performance card
• KPI tiles: white with a thin border and small shadow (no flat green fill). The icon sits in a light-green circle, the value is text-3xl bold, and the tiles form an equal-height 2×2 grid matching the photo height.
• Photo: rounded-xl, with a white "Live"/"Projected" pill that has a status dot.
• Under the photo: street in semibold, city in grey, a tidier beds/baths/sqft row, and bigger rent.
• No sparklines, because the card only gets single values with no history.

Tested
• eslint is clean, vitest passes for OwnerConnect, and the build passes.
• Checked locally in Chromium against the seeded TEST owner.

Follow-up to #3732 (review point 2): the update bar used raw Tailwind colours. Now uses palette tokens.

• bg-gray-800 → bg-rsos-gray-dark
• text-blue-300 → text-rsos-blue-light-2 (Refresh)

Checked in Playwright on local EDGE, signed into the admin and owner portals at 1280 and 390px: same layout, new colours, text readable.

Review point 1 (one wording everywhere) is left as is on purpose: owner/realtor portals saying "This page has been updated" instead of the EDGE name was requested.

What
The "There's a new version of EDGE. Click to update." bar wrapped onto two lines and had a boxed white button. It is now a one-line snackbar like Gmail/Slack use: EDGE has been updated · Refresh · ✕.

• One line from 320px up; full width on phones (clears the iPhone home bar), compact bottom-left from 560px (sm here is 1000px, so tablets used to get the phone layout).
• Shown only inside signed-in portals: admin, photographer, and the owner/realtor connect portals (via ConnectHeaderLayout). Moved out of App.jsx, so login, public, resident-link and vendor-application pages never show it.
• Owner/realtor portals say "This page has been updated" (no EDGE name).
• Z_LAYERS.UPDATE_BANNER raised above the mobile launcher range: on a phone the launcher is My EDGE and covered the bar completely (same on prod today). The bar is bottom-anchored and toasts are top, so it doesn't cover them.

Tested
• Local FE + API + local DB, Playwright Chromium, signed in through each portal's login form: bar shows and is the top element at 1280 / 768 / 390px in admin, owner and realtor portals; no bar on any login page.
• Refresh reloads; ✕ dismisses.
• chromeStacking, portalMenuStacking, ConnectHeaderLayout, PageHeader, useNewerVersion tests pass; build passes.
• Not covered live: photographer portal (no photographer user in local DB).

Changes from Steve's Owner Connect review Loom ("UI Updates and Layout Fixes Review", 7 Oct), plus the dashboard reference he sent.

Dashboard
• Welcome card: the owner's first property photo fills the top of the card and runs down to the vertical centre of the Recent Wins / Equity Growth toggle, with a white gradient over it that never drops below 25%, so the dark greeting stays readable. The photo is the listing's primaryImage from leasing-updates; if that's missing it falls back to the AppFolio imageUrls[0]. Both come from queries the dashboard already makes. With no photo, the card looks as before.
• Property Performance: one bordered panel per property with no shadow. Photo and details are on the left; NOI, Cash Flow, Cash on Cash and Cap Rate tiles sit in a 2×2 grid on the right.
• Communication card: rows and dividers now sit inside the 24px card padding instead of running edge to edge.
• Your Team (owner view): a large photo or initials, phone numbers with a phone icon, and round call / email / text buttons. Call and text open tel:/sms: on the owner's own device, so owners never send through the company's Twilio line. The admin version is unchanged.

Communication page: uses the shared two-column grid. The left panel has a "Communication" header with the search box next to it, then Your Contacts (the same card as the dashboard). The thread opens on the right.

Docs & Inspections: Document Library is the narrow left panel; the categories sit in 3 columns on the right, and the inner tiles have no shadow.

Rewards & Resources:
• The Investor Resources card's corners now match the other cards, and its paragraph uses the same line spacing as the calculator cards.

saketsarin · 3d ago