@signalflare-ai/ui 1.1.0 → 1.3.0

package/CHANGELOG.md

@@ -1,11 +1,109 @@
 # @signalflare-ai/ui
 
+## 1.3.0
+
+### Minor Changes
+
+- e1897ec: `useConversationVirtualizer` now uses TanStack Virtual's end-anchored chat mode for scroll physics. Streaming growth of the last message keeps the viewport pinned, newly appended messages auto-follow only when the user is already at the bottom (`followOnAppend`), and prepending older history keeps the visible message stable (`anchorTo: "end"`). This replaces the previous manual stick-to-bottom bookkeeping. Bumps `@tanstack/react-virtual` to `^3.13.26` (pulls in `@tanstack/virtual-core@3.16.0`).
+
+  Also fixes a noisy dev warning in `useMeasuredText`: the `system-ui` font-family warning now only fires when `system-ui` is the _first_ (effective) family in the stack, and only once per session, instead of on every measured element that merely lists it as a trailing fallback.
+
+- e1897ec: **DataGrid: migrate to TanStack Table v9 and add row virtualization**
+
+  `DataGrid` now uses `@tanstack/react-table@9` (modular, tree-shakeable
+  architecture) instead of v8. Internally this swaps `useReactTable` for
+  `useTable` with explicit `_features` and `_rowModels`, but the public
+  `DataGrid` API is unchanged — columns, sorting, filtering, pagination, row
+  selection, column visibility, and column resizing all behave as before.
+
+  Added opt-in row virtualization for large datasets via
+  `@tanstack/react-virtual`. Only the visible window of rows (plus overscan) is
+  rendered, using a spacer-row technique that preserves semantic
+  `<table>/<thead>/<tbody>` markup, sticky headers, and column resizing.
+
+  New props:
+
+  - `virtualized` — enable row virtualization (default `false`).
+  - `estimatedRowHeight` — estimated row height in px for the virtualizer
+    (default `44`).
+  - `overscan` — number of rows to render beyond the viewport (default `8`).
+  - `maxHeight` — bounded scroll height for the virtualized body
+    (`number | string`).
+
+  When `virtualized` is enabled, `DataGrid.Content` owns its own bounded scroll
+  container, so the outer wrapper no longer scrolls.
+
+### Patch Changes
+
+- e1897ec: Register `AiCodeBlockCopyButton` as the `AiCodeBlock.CopyButton` sub-component so the docs API reference no longer shows a "Component not found in registry" warning. The standalone `AiCodeBlockCopyButton` export is unchanged. Also extended the registry sub-component prop extractor to read props from `type` aliases (e.g. `type FooProps = ComponentProps<X> & { ... }`), not just `interface` declarations.
+- e1897ec: Fix `Text` measured modes (`balance`/`shrink`/`reserve`) wrapping prematurely in
+  auto-width containers. The measurement hook now measures against the parent's
+  content-box width instead of the `inline-block` element's own shrink-to-fit box,
+  so headings and other measured text no longer collapse and wrap when an ancestor
+  doesn't set an explicit `max-width` (e.g. inside `Empty`).
+
+  Also fix a visible wrap flash on load and during SSR. Several causes, all
+  addressed:
+
+  - **SSR no longer ships a width-less `inline-block`.** Measured text now renders
+    in normal block/inline flow until the first client measurement lands (the
+    `inline-block` + `maxWidth` is applied only after measuring). `measured` is
+    false on both the server and the first client render, so hydration matches
+    exactly and first paint wraps the way the browser naturally would, instead of
+    shrink-wrapping an unconstrained `inline-block`.
+  - **The hook measured twice.** The first pass ran with the default font
+    (`16px sans-serif`) routed through React state; the resulting state update
+    triggered a second, _animated_ pass with the real computed font. Font metrics
+    are now read synchronously from the DOM inside `measure()`, so a single correct
+    measurement lands.
+  - **`ResizeObserver` feedback loop removed.** It now watches the parent, skips
+    its synthetic initial callback, and no longer re-measures in response to the
+    element's own measured-width changes.
+  - The `text-wrap: balance` pre-measurement fallback is removed, and the
+    `max-width`/`min-height` transition only animates changes after the initial
+    measurement settles, not the first one.
+
+- e1897ec: Fix Storybook story tests under Vitest 4 and run Storybook in `bun dev`.
+
+  - Migrate the Vitest browser config to the Vitest 4 API: the storybook
+    project now uses the `playwright()` provider factory instead of the
+    `provider: "playwright"` string, and pins `@vitest/browser-playwright`.
+  - Add a `@signalflare-ai/ui/components/chart` resolve alias so subpath
+    imports resolve to source in tests, matching the bare `@signalflare-ai/ui`
+    alias. Without it the test module graph mixed `src` and `dist`, breaking
+    `metrics-overview.stories.tsx`.
+  - `bun dev` now runs codegen, then starts Storybook (port 6006, exposing the
+    addon-mcp endpoint) and the docs site (port 4321) concurrently.
+
+- e1897ec: `Text` now defaults all variants to `wrap="natural"`, including headings. Previously `heading1/2/3` defaulted to `wrap="balance"`, which silently enabled measured/balanced wrapping. In unbounded or shrink-to-fit containers the measured width collapses, causing headings to wrap prematurely. Balanced wrapping is now fully opt-in via `wrap="balance"` and should only be used inside width-constrained containers.
+
+## 1.2.0
+
+### Minor Changes
+
+- bd4e943: PromptInput: `backLayerTitle` now accepts `ReactNode`; added `backLayerStatus` prop with `"idle" | "running" | "error"` for inline status chrome in the back-layer header.
+- bd4e943: **Vesper theme** — Added `theme-vesper.css` with the Vesper VS Code palette (near-black surfaces, peach brand accent, mint success, coral danger). Hidden from the theme switcher UI; available as an opt-in override.
+
+  **Pretext text measurement** — Integrated `@chenglou/pretext` for zero-DOM-reflow text measurement across `Text`, `AiConversation`, and `AiPromptInput` components. New `useMeasuredText` hook and `MeasuredText` primitive provide shrink-wrap and balanced text layout modes.
+
+  **AiConversation predictive heights** — Added `ConversationItemMeasureSpec` for canvas-based height prediction in the virtualized conversation view. User messages (plain text) use pretext predictive sizing; assistant messages (markdown + rich content) continue to use DOM measurement. Eliminates estimate-then-measure jitter during streaming.
+
+  **New docs demos**
+
+  - `AiPromptInputFiletreeDemo` — Reference tag picker with nested folder/file hierarchy, per-file-type icons, and long-path display
+  - `AiResponseDeepLinkDemo` — Streamdown custom `a` component rendering `sf://file/...` URLs as inline chip buttons with file icons
+
+  **Fixes**
+
+  - `SidebarNav` scroll position now preserved across Astro view transitions
+  - `ThemeSwitcher` simplified to `sf | fedramp | minimal` (Vesper hidden)
+  - `sf` remains the unconditional default theme; `data-theme="vesper"` opt-in only
+
 ## 1.1.0
 
 ### Minor Changes
 
 - 76871cf: Add first-class reference tags to the prompt input.
-
   - New `PromptInputTag` data type and `tags` field on `PromptInputRequestContext`.
   - New controller helpers: `addTags`, `removeTag`, `clearTags`, and `insertTag` (writes to both `text` and `tags`).
   - New UI primitives: `PromptInputTag`, `PromptInputTags`, `PromptInputAddTagButton`.
@@ -56,15 +154,14 @@
 
 - ffb8245: **Theme overhaul + shadcn compatibility layer.**
 
-  - Default `sf` theme replaced with an accessible neutral palette based on the former `minimal` (WCAG 2.1 AA on all text tokens; stronger focus ring).
-  - Former `sf` visuals (blue-tinted dark surfaces) preserved as `data-theme="blue-tint"`.
-  - `minimal` theme kept as its own opt-in (`data-theme="minimal"`) — equivalent to the new default.
+  - Default `sf` theme replaced with a Vesper-influenced neutral palette (WCAG 2.1 AA on all text tokens; stronger focus ring).
+  - `minimal` theme kept as its own opt-in (`data-theme="minimal"`).
+  - `vesper` added as a dark-only opt-in (`data-theme="vesper"`).
   - `theme-navigator.css` rewritten to alias shadcn CSS variables (`--background`, `--foreground`, `--card`, `--primary`, `--muted`, `--border`, `--ring`, etc.) to the corresponding SF tokens. Dropping SF into a shadcn/TanStack app now restyles those components with the SF palette automatically.
   - `ai/USAGE.md` (surfaced via `sf ai`) documents the compatibility layer, the chart-color fallback, and the shadcn-CLI `:root` pitfall.
 
   **Migration notes:**
 
-  - Apps relying on the prior default dark palette should add `data-theme="blue-tint"` to their root element.
   - Apps that installed shadcn components should delete any `:root { --background: …; --foreground: …; … }` block written by the shadcn CLI — the SF theme now provides those variables.
 
 - ffb8245: Add `ephemeral` variant to `AiToolCall` and `AiReasoning`.

package/README.md

@@ -346,8 +346,8 @@ Beta releases are automatically triggered for pull requests through GitHub Actio
 
 **Secrets Required:**
 
-- `NPM_TOKEN`: Authentication for npm registry
 - `GITHUB_TOKEN`: For posting PR comments (built-in)
+- **Note**: Production releases use npm Trusted Publishing (OIDC) for authentication — no `NPM_TOKEN` needed. Beta publishes via local scripts still require `NPM_TOKEN` or `NPM_AUTH_TOKEN`.
 
 ### Beta Version Format