@object-ui/components 4.3.0 → 4.5.0

package/CHANGELOG.md

@@ -1,5 +1,75 @@
 # @object-ui/components
 
+## 4.5.0
+
+### Minor Changes
+
+- 6b6afd1: `page:tabs` items now render their optional `icon` (lucide name) and `count`
+  badge after the label. Counts >= 1000 are shortened to compact form
+  (e.g. `1.2k`). Spec-aligned: `PageTabsItem.icon` and `PageTabsItem.count`.
+- aa7855f: `page:tabs` now auto-derives count badges from any descendant `record:related_list`.
+
+  For every tab item whose `count` is not set explicitly, the renderer walks the tab's children (depth-first) to find the first `record:related_list` schema node and issues a `limit:1` find through the active `dataSource` to read the matching `total`. The badge appears in the tab strip without spec authors having to wire counts manually.
+
+  Behavior:
+  - Explicit `count` in the spec always wins.
+  - Probe is filtered by the parent record id via `relationshipField` when present (skipped until the parent record is loaded).
+  - Best-effort: a failed probe just omits the badge — no error surface.
+  - Cancellable on unmount.
+
+### Patch Changes
+
+- 170d89f: PageTabsRenderer auto-count now descends into accordion (`properties.items`) and sums counts when a tab contains multiple `record:related_list` widgets — matches Salesforce "Related" tab semantics. Previously only the first list was probed (or none, if wrapped in an accordion).
+- Updated dependencies [ab5e281]
+- Updated dependencies [22fa558]
+  - @object-ui/types@4.5.0
+  - @object-ui/i18n@4.5.0
+  - @object-ui/core@4.5.0
+  - @object-ui/react@4.5.0
+
+## 4.4.0
+
+### Patch Changes
+
+- 2bd45af: feat(shell): main becomes the scroll container; record tabs are sticky
+  - `AppShell`'s SidebarProvider wrapper is now constrained to viewport
+    height (`h-svh overflow-hidden`) instead of expanding with content via
+    the default `min-h-svh`. This makes the inner `<main>` (which is
+    `overflow-auto`) the actual scroll container instead of the window.
+  - `RecordDetailView` page-mode container drops the redundant
+    `h-full overflow-auto` (avoids nested scrollers; main owns scroll now).
+  - `page:tabs` (horizontal) gets `sticky top-0 z-20` with a translucent
+    backdrop so the tab strip stays visible while users scroll through
+    long record pages — the Salesforce Lightning behaviour our schemas
+    were already implying.
+  - @object-ui/types@4.4.0
+  - @object-ui/core@4.4.0
+  - @object-ui/i18n@4.4.0
+  - @object-ui/react@4.4.0
+
+## 4.3.1
+
+### Patch Changes
+
+- 6b683c8: fix(detail): clean up record page rendering
+  - Drop `ai:chat_window` from the protocol-component placeholder list. The
+    floating chat overlay (plugin-chatbot) is the canonical AI entry point;
+    inline page schemas that still reference `ai:chat_window` now surface
+    as an explicit "Unknown component type" so the misconfiguration is
+    fixed at the source instead of silently leaking a placeholder card.
+  - `page:header` now resolves `{field.path}` tokens in `title` / `description`
+    against the current record context (matching the behaviour of the
+    alternative `containers.tsx` renderer). Without this, schemas like
+    `title: "{first_name} {last_name}"` rendered the literal template.
+  - `containers.tsx` `PageHeaderRenderer`: also read from `schema.properties.*`
+    as a fallback so both inlined and raw-bag schema shapes are supported.
+
+- Updated dependencies [5f4ac6e]
+  - @object-ui/i18n@4.3.1
+  - @object-ui/react@4.3.1
+  - @object-ui/types@4.3.1
+  - @object-ui/core@4.3.1
+
 ## 4.3.0
 
 ### Patch Changes

package/dist/index.css

@@ -531,6 +531,9 @@
   .mt-2 {
     margin-top: calc(var(--spacing) * 2);
   }
+  .mt-3 {
+    margin-top: calc(var(--spacing) * 3);
+  }
   .mt-4 {
     margin-top: calc(var(--spacing) * 4);
   }
@@ -546,6 +549,9 @@
   .mr-1 {
     margin-right: calc(var(--spacing) * 1);
   }
+  .mr-1\.5 {
+    margin-right: calc(var(--spacing) * 1.5);
+  }
   .mr-2 {
     margin-right: calc(var(--spacing) * 2);
   }
@@ -582,6 +588,9 @@
   .ml-1 {
     margin-left: calc(var(--spacing) * 1);
   }
+  .ml-1\.5 {
+    margin-left: calc(var(--spacing) * 1.5);
+  }
   .ml-2 {
     margin-left: calc(var(--spacing) * 2);
   }
@@ -1109,6 +1118,9 @@
   .min-w-11 {
     min-width: calc(var(--spacing) * 11);
   }
+  .min-w-\[1rem\] {
+    min-width: 1rem;
+  }
   .min-w-\[8rem\] {
     min-width: 8rem;
   }
@@ -3945,6 +3957,12 @@
       --tw-enter-translate-y: 0.5rem;
     }
   }
+  .data-\[state\=active\]\:border {
+    &[data-state="active"] {
+      border-style: var(--tw-border-style);
+      border-width: 1px;
+    }
+  }
   .data-\[state\=active\]\:bg-background {
     &[data-state="active"] {
       background-color: var(--color-background);
@@ -4300,6 +4318,14 @@
       transition-property: none;
     }
   }
+  .supports-\[backdrop-filter\]\:bg-background\/60 {
+    @supports (backdrop-filter: var(--tw)) {
+      background-color: color-mix(in srgb, hsl(var(--background)) 60%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-background) 60%, transparent);
+      }
+    }
+  }
   .supports-\[backdrop-filter\]\:bg-background\/80 {
     @supports (backdrop-filter: var(--tw)) {
       background-color: color-mix(in srgb, hsl(var(--background)) 80%, transparent);
@@ -4758,6 +4784,11 @@
       display: none;
     }
   }
+  .md\:w-80 {
+    @media (width >= 48rem) {
+      width: calc(var(--spacing) * 80);
+    }
+  }
   .md\:w-\[500px\] {
     @media (width >= 48rem) {
       width: 500px;