@assistant-ui/react 0.12.28 → 0.14.2

package/src/primitives/thread/topAnchor/topAnchorTurn.test.ts

@@ -0,0 +1,46 @@
+import { describe, expect, it } from "vitest";
+import {
+  getActiveTopAnchorAnchorId,
+  getActiveTopAnchorTargetId,
+  getActiveTopAnchorTurn,
+} from "./topAnchorTurn";
+
+describe("topAnchorTurn", () => {
+  it("does not activate history-loaded messages", () => {
+    const messages = [
+      { id: "user-1", role: "user" },
+      { id: "assistant-1", role: "assistant" },
+    ];
+
+    expect(getActiveTopAnchorTurn({ isRunning: false, messages })).toBe(null);
+  });
+
+  it("activates the live user/assistant pair while running", () => {
+    const messages = [
+      { id: "assistant-1", role: "assistant" },
+      { id: "user-2", role: "user" },
+      { id: "assistant-2", role: "assistant" },
+    ];
+
+    expect(getActiveTopAnchorTurn({ isRunning: true, messages })).toEqual({
+      anchorId: "user-2",
+      targetId: "assistant-2",
+    });
+    expect(getActiveTopAnchorAnchorId({ isRunning: true, messages })).toBe(
+      "user-2",
+    );
+    expect(getActiveTopAnchorTargetId({ isRunning: true, messages })).toBe(
+      "assistant-2",
+    );
+  });
+
+  it("ignores running states without a trailing user/assistant pair", () => {
+    const messages = [
+      { id: "user-1", role: "user" },
+      { id: "assistant-1", role: "assistant" },
+      { id: "user-2", role: "user" },
+    ];
+
+    expect(getActiveTopAnchorTurn({ isRunning: true, messages })).toBe(null);
+  });
+});

package/src/primitives/thread/topAnchor/topAnchorTurn.ts

@@ -0,0 +1,30 @@
+"use client";
+
+type TopAnchorTurnMessage = {
+  readonly id: string;
+  readonly role: string;
+};
+
+export const getActiveTopAnchorTurn = ({
+  isRunning,
+  messages,
+}: {
+  readonly isRunning: boolean;
+  readonly messages: readonly TopAnchorTurnMessage[];
+}) => {
+  if (!isRunning) return null;
+
+  const target = messages.at(-1);
+  const anchor = messages.at(-2);
+  if (anchor?.role !== "user" || target?.role !== "assistant") return null;
+
+  return { anchorId: anchor.id, targetId: target.id };
+};
+
+export const getActiveTopAnchorAnchorId = (
+  options: Parameters<typeof getActiveTopAnchorTurn>[0],
+) => getActiveTopAnchorTurn(options)?.anchorId;
+
+export const getActiveTopAnchorTargetId = (
+  options: Parameters<typeof getActiveTopAnchorTurn>[0],
+) => getActiveTopAnchorTurn(options)?.targetId;

package/src/primitives/thread/topAnchor/topAnchorUtils.ts

@@ -0,0 +1,58 @@
+"use client";
+
+/**
+ * Convert a supported CSS length string (`px`, `em`, `rem`) into pixels,
+ * resolving font-relative units against the supplied element's computed style.
+ * Unsupported or malformed values disable the tall-message clamp.
+ *
+ * Part of the top-anchor package's public input contract: consumers may pass
+ * clamp configuration as supported CSS-length strings, and this function is the
+ * single place that converts them into the pixel values the package operates on.
+ */
+export const parseCssLength = (value: string, element: HTMLElement): number => {
+  const match = value.trim().match(/^(\d+(?:\.\d+)?|\.\d+)(em|px|rem)$/);
+  if (!match) return Number.POSITIVE_INFINITY;
+
+  const num = Number(match[1]);
+  const unit = match[2];
+
+  if (unit === "px") return num;
+  if (unit === "em") {
+    const fontSize = parseFloat(getComputedStyle(element).fontSize) || 16;
+    return num * fontSize;
+  }
+  if (unit === "rem") {
+    const rootFontSize =
+      parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;
+    return num * rootFontSize;
+  }
+  return Number.POSITIVE_INFINITY;
+};
+
+export const getAnchorId = (anchor: HTMLElement) => anchor.dataset.messageId;
+
+export const createReserveElement = () => {
+  const reserve = document.createElement("div");
+  reserve.dataset.auiTopAnchorReserve = "";
+  reserve.style.height = "0px";
+  reserve.style.flexShrink = "0";
+  reserve.style.pointerEvents = "none";
+  reserve.setAttribute("aria-hidden", "true");
+
+  return reserve;
+};
+
+export const setReserveHeight = (reserve: HTMLElement, height: number) => {
+  const nextHeight = `${height}px`;
+  if (reserve.style.height !== nextHeight) {
+    reserve.style.height = nextHeight;
+    return true;
+  }
+
+  return false;
+};
+
+export const snapScrollTop = (top: number) => {
+  const pixelRatio = window.devicePixelRatio || 1;
+  return Math.round(top * pixelRatio) / pixelRatio;
+};

package/src/primitives/thread/topAnchor/useTopAnchorReserve.ts

@@ -0,0 +1,19 @@
+"use client";
+
+import { useLayoutEffect } from "react";
+import { useThreadViewportStore } from "../../../context/react/ThreadViewportContext";
+import { mountTopAnchorReserve } from "./mountTopAnchorReserve";
+
+/**
+ * Mounts the top-turn-anchor reserve element against the active
+ * `ThreadViewport` store. Call this from inside the scrollable viewport so
+ * the reserve `<div>` is appended next to the streaming assistant message.
+ */
+export const useTopAnchorReserve = (enabled: boolean) => {
+  const threadViewportStore = useThreadViewportStore();
+
+  useLayoutEffect(() => {
+    if (!enabled) return;
+    return mountTopAnchorReserve(threadViewportStore);
+  }, [enabled, threadViewportStore]);
+};

package/src/primitives/thread/useThreadViewportAutoScroll.ts

@@ -70,6 +70,15 @@ export const useThreadViewportAutoScroll = <TElement extends HTMLElement>({
     div.scrollTo({ top: div.scrollHeight, behavior });
   }, []);
 
+  const hasActiveTopAnchor = useCallback(() => {
+    const state = threadViewportStore.getState();
+    return (
+      state.turnAnchor === "top" &&
+      state.element.viewport === divRef.current &&
+      state.element.anchor !== null
+    );
+  }, [threadViewportStore]);
+
   const handleScroll = () => {
     const div = divRef.current;
     if (!div) return;
@@ -101,7 +110,10 @@ export const useThreadViewportAutoScroll = <TElement extends HTMLElement>({
 
   const resizeRef = useOnResizeContent(() => {
     const scrollBehavior = scrollingToBottomBehaviorRef.current;
-    if (scrollBehavior) {
+    if (scrollBehavior && hasActiveTopAnchor()) {
+      // Let the top-anchor reserve own scrolling while a run starts to avoid a bottom-scroll race.
+      scrollingToBottomBehaviorRef.current = null;
+    } else if (scrollBehavior) {
       scrollToBottom(scrollBehavior);
     } else if (autoScroll && threadViewportStore.getState().isAtBottom) {
       scrollToBottom("instant");
@@ -124,6 +136,8 @@ export const useThreadViewportAutoScroll = <TElement extends HTMLElement>({
   // autoscroll on run start
   useAuiEvent("thread.runStart", () => {
     if (!scrollToBottomOnRunStart) return;
+    if (threadViewportStore.getState().turnAnchor === "top") return;
+
     scrollingToBottomBehaviorRef.current = "auto";
     requestAnimationFrame(() => {
       scrollToBottom("auto");

package/src/primitives/thread.ts

@@ -4,7 +4,6 @@ export { ThreadPrimitiveIf as If } from "./thread/ThreadIf";
 export { ThreadPrimitiveViewport as Viewport } from "./thread/ThreadViewport";
 export { ThreadPrimitiveViewportProvider as ViewportProvider } from "../context/providers/ThreadViewportProvider";
 export { ThreadPrimitiveViewportFooter as ViewportFooter } from "./thread/ThreadViewportFooter";
-export { ThreadPrimitiveViewportSlack as ViewportSlack } from "./thread/ThreadViewportSlack";
 export { ThreadPrimitiveMessages as Messages } from "./thread/ThreadMessages";
 export { ThreadPrimitiveMessageByIndex as MessageByIndex } from "./thread/ThreadMessages";
 export { ThreadPrimitiveScrollToBottom as ScrollToBottom } from "./thread/ThreadScrollToBottom";

package/src/primitives/threadList/ThreadListLoadMore.tsx

@@ -0,0 +1,24 @@
+"use client";
+
+import {
+  type ActionButtonElement,
+  type ActionButtonProps,
+  createActionButton,
+} from "../../utils/createActionButton";
+import { useThreadListLoadMore as useThreadListLoadMoreBehavior } from "@assistant-ui/core/react";
+
+const useThreadListLoadMore = () => {
+  const { loadMore, disabled } = useThreadListLoadMoreBehavior();
+  if (disabled) return null;
+  return loadMore;
+};
+
+export namespace ThreadListPrimitiveLoadMore {
+  export type Element = ActionButtonElement;
+  export type Props = ActionButtonProps<typeof useThreadListLoadMore>;
+}
+
+export const ThreadListPrimitiveLoadMore = createActionButton(
+  "ThreadListPrimitive.LoadMore",
+  useThreadListLoadMore,
+);

package/src/primitives/threadList.ts

@@ -1,4 +1,5 @@
 export { ThreadListPrimitiveNew as New } from "./threadList/ThreadListNew";
 export { ThreadListPrimitiveItems as Items } from "./threadList/ThreadListItems";
 export { ThreadListPrimitiveItemByIndex as ItemByIndex } from "./threadList/ThreadListItems";
+export { ThreadListPrimitiveLoadMore as LoadMore } from "./threadList/ThreadListLoadMore";
 export { ThreadListPrimitiveRoot as Root } from "./threadList/ThreadListRoot";

package/src/tests/BaseComposerRuntimeCore.test.ts

@@ -35,6 +35,10 @@ class TestComposerCore extends BaseComposerRuntimeCore {
     return false;
   }
 
+  get canSend() {
+    return !this.isEmpty;
+  }
+
   protected handleSend(
     message: Omit<AppendMessage, "parentId" | "sourceId">,
     options?: SendOptions,

package/src/tests/RemoteThreadListRuntime.adapterProvider.test.tsx

@@ -0,0 +1,138 @@
+// @vitest-environment jsdom
+
+import { act, render, waitFor } from "@testing-library/react";
+import type { FC, PropsWithChildren } from "react";
+import { describe, expect, it } from "vitest";
+import {
+  RuntimeAdapterProvider,
+  useRemoteThreadListRuntime,
+  useRuntimeAdapters,
+} from "@assistant-ui/core/react";
+import { makeAdapter } from "./remote-thread-list-test-helpers";
+import { useLocalRuntime } from "../legacy-runtime/runtime-cores/local/useLocalRuntime";
+import { AssistantRuntimeProvider } from "../context";
+import type { ChatModelAdapter, RemoteThreadListAdapter } from "../index";
+import type {
+  RuntimeAdapters as RuntimeAdaptersShape,
+  ThreadHistoryAdapter,
+} from "@assistant-ui/core";
+
+type CapturedAdapters = RuntimeAdaptersShape | null;
+
+const noOpAdapter: ChatModelAdapter = {
+  async *run() {},
+};
+
+const dummyHistory: ThreadHistoryAdapter = {
+  load: async () => ({ messages: [] }),
+  append: async () => {},
+};
+
+const makeRuntimeHook = (capture: { adapters: CapturedAdapters }) =>
+  function useTestRuntimeHook() {
+    capture.adapters = useRuntimeAdapters();
+    return useLocalRuntime(noOpAdapter);
+  };
+
+async function renderAndWaitForBinder(
+  adapter: RemoteThreadListAdapter,
+  capture: { adapters: CapturedAdapters },
+) {
+  const Inner: FC = () => {
+    const runtime = useRemoteThreadListRuntime({
+      runtimeHook: makeRuntimeHook(capture),
+      adapter,
+    });
+    return (
+      <AssistantRuntimeProvider runtime={runtime}>
+        {null}
+      </AssistantRuntimeProvider>
+    );
+  };
+
+  // first thread instance arrives asynchronously via switchToNewThread.
+  await act(async () => {
+    render(<Inner />);
+  });
+  await waitFor(() => expect(capture.adapters).not.toBeNull());
+}
+
+const wrapInRuntimeAdapterProvider = (
+  history: ThreadHistoryAdapter,
+): FC<PropsWithChildren> =>
+  function Provider({ children }) {
+    return (
+      <RuntimeAdapterProvider adapters={{ history }}>
+        {children}
+      </RuntimeAdapterProvider>
+    );
+  };
+
+describe("RemoteThreadListAdapter.unstable_Provider", () => {
+  it("makes RuntimeAdapterProvider context visible to the runtime hook", async () => {
+    const capture: { adapters: CapturedAdapters } = { adapters: null };
+    const adapter = makeAdapter({
+      unstable_Provider: wrapInRuntimeAdapterProvider(dummyHistory),
+    });
+    await renderAndWaitForBinder(adapter, capture);
+
+    expect(capture.adapters?.history).toBe(dummyHistory);
+  });
+
+  it("preserves modelContext from the outer runtime-core RuntimeAdapterProvider", async () => {
+    const capture: { adapters: CapturedAdapters } = { adapters: null };
+    const adapter = makeAdapter({
+      unstable_Provider: wrapInRuntimeAdapterProvider(dummyHistory),
+    });
+    await renderAndWaitForBinder(adapter, capture);
+
+    expect(capture.adapters?.history).toBe(dummyHistory);
+    expect(capture.adapters?.modelContext).toBeDefined();
+  });
+
+  it("returns no history when no Provider is supplied", async () => {
+    const capture: { adapters: CapturedAdapters } = { adapters: null };
+    const adapter = makeAdapter();
+    await renderAndWaitForBinder(adapter, capture);
+
+    expect(capture.adapters?.history).toBeUndefined();
+  });
+
+  it("picks up a swapped Provider on re-render", async () => {
+    const capture: { adapters: CapturedAdapters } = { adapters: null };
+    const firstHistory: ThreadHistoryAdapter = {
+      load: async () => ({ messages: [] }),
+      append: async () => {},
+    };
+    const secondHistory: ThreadHistoryAdapter = {
+      load: async () => ({ messages: [] }),
+      append: async () => {},
+    };
+
+    const Inner: FC<{ history: ThreadHistoryAdapter }> = ({ history }) => {
+      const adapter = makeAdapter({
+        unstable_Provider: wrapInRuntimeAdapterProvider(history),
+      });
+      const runtime = useRemoteThreadListRuntime({
+        runtimeHook: makeRuntimeHook(capture),
+        adapter,
+      });
+      return (
+        <AssistantRuntimeProvider runtime={runtime}>
+          {null}
+        </AssistantRuntimeProvider>
+      );
+    };
+
+    let result: ReturnType<typeof render>;
+    await act(async () => {
+      result = render(<Inner history={firstHistory} />);
+    });
+    await waitFor(() => expect(capture.adapters?.history).toBe(firstHistory));
+
+    await act(async () => {
+      result!.rerender(<Inner history={secondHistory} />);
+    });
+    await waitFor(() => expect(capture.adapters?.history).toBe(secondHistory));
+  });
+});

package/src/tests/RemoteThreadListRuntime.deferredProvider.test.tsx

@@ -1,8 +1,8 @@
 // @vitest-environment jsdom
 
-import { render } from "@testing-library/react";
+import { act, render } from "@testing-library/react";
 import { type FC, type PropsWithChildren, useState } from "react";
-import { describe, expect, it } from "vitest";
+import { afterEach, describe, expect, it, vi } from "vitest";
 import { useRemoteThreadListRuntime } from "@assistant-ui/core/react";
 import { makeAdapter } from "./remote-thread-list-test-helpers";
 import type { AssistantRuntime } from "@assistant-ui/core";
@@ -39,14 +39,13 @@ const RuntimeCapture: FC<{
   return null;
 };
 
-// regression for #3678: deferred unstable_Provider must not strand the runtime binder.
-describe("useRemoteThreadListRuntime with a deferred unstable_Provider", () => {
-  it("composer.setText does not throw EMPTY_THREAD_ERROR when unstable_Provider defers children", () => {
-    const Provider: FC<PropsWithChildren> = ({ children }) => {
-      const [ready] = useState(false);
-      if (!ready) return null;
-      return <>{children}</>;
-    };
+afterEach(() => {
+  vi.useRealTimers();
+});
+
+describe("useRemoteThreadListRuntime with unstable_Provider", () => {
+  it("composer.setText works when unstable_Provider renders children unconditionally", () => {
+    const Provider: FC<PropsWithChildren> = ({ children }) => <>{children}</>;
     const adapter = makeAdapter({ unstable_Provider: Provider });
 
     const runtimeRef: { current: AssistantRuntime | null } = { current: null };
@@ -61,19 +60,31 @@ describe("useRemoteThreadListRuntime with a deferred unstable_Provider", () => {
     expect(() => runtime!.thread.composer.setText("hello")).not.toThrow();
   });
 
-  it("composer.setText still works when unstable_Provider renders children unconditionally", () => {
-    const Provider: FC<PropsWithChildren> = ({ children }) => <>{children}</>;
+  it("warns in dev when unstable_Provider defers children", () => {
+    vi.useFakeTimers();
+    const warn = vi.spyOn(console, "warn").mockImplementation(() => {});
+
+    const Provider: FC<PropsWithChildren> = ({ children }) => {
+      const [ready] = useState(false);
+      if (!ready) return null;
+      return <>{children}</>;
+    };
     const adapter = makeAdapter({ unstable_Provider: Provider });
 
-    const runtimeRef: { current: AssistantRuntime | null } = { current: null };
     render(
       <RuntimeProvider adapter={adapter}>
-        <RuntimeCapture runtimeRef={runtimeRef} />
+        <div />
       </RuntimeProvider>,
     );
 
-    const runtime = runtimeRef.current;
-    expect(runtime).toBeTruthy();
-    expect(() => runtime!.thread.composer.setText("hello")).not.toThrow();
+    act(() => {
+      vi.advanceTimersByTime(150);
+    });
+
+    expect(warn).toHaveBeenCalledWith(
+      expect.stringContaining("did not render its `children` synchronously"),
+    );
+
+    warn.mockRestore();
   });
 });

package/src/tests/auiV0Encode.test.ts

@@ -0,0 +1,55 @@
+import { describe, expect, it } from "vitest";
+import { auiV0Encode } from "../legacy-runtime/cloud/auiV0";
+
+describe("auiV0Encode", () => {
+  it("preserves document source parts in the legacy cloud encoder", () => {
+    const encoded = auiV0Encode({
+      id: "m1",
+      createdAt: new Date("2026-03-15T00:00:00.000Z"),
+      role: "assistant",
+      status: { type: "complete", reason: "stop" },
+      metadata: {
+        unstable_state: undefined,
+        unstable_annotations: [],
+        unstable_data: [],
+        steps: [],
+        custom: {},
+      },
+      content: [
+        {
+          type: "source",
+          sourceType: "document",
+          id: "doc_123",
+          title: "proposal.pdf",
+          mediaType: "application/pdf",
+          filename: "proposal.pdf",
+          providerMetadata: {
+            openai: {
+              type: "file_citation",
+              fileId: "file_123",
+              index: 0,
+            },
+          },
+        },
+      ],
+    });
+
+    expect(encoded.content).toEqual([
+      {
+        type: "source",
+        sourceType: "document",
+        id: "doc_123",
+        title: "proposal.pdf",
+        mediaType: "application/pdf",
+        filename: "proposal.pdf",
+        providerMetadata: {
+          openai: {
+            type: "file_citation",
+            fileId: "file_123",
+            index: 0,
+          },
+        },
+      },
+    ]);
+  });
+});

package/src/utils/hooks/useManagedRef.ts

@@ -10,6 +10,7 @@ export const useManagedRef = <TNode>(
       // Call the previous cleanup function
       if (cleanupRef.current) {
         cleanupRef.current();
+        cleanupRef.current = undefined;
       }
 
       // Call the new callback and store its cleanup function

package/src/utils/hooks/useOnResizeContent.ts

@@ -13,8 +13,7 @@ export const useOnResizeContent = (callback: () => void) => {
 
       const mutationObserver = new MutationObserver((mutations) => {
         // Filter out style-only attribute mutations to prevent feedback loops
-        // with components like ThreadViewportSlack that write styles in response
-        // to viewport changes
+        // with code paths that write styles in response to viewport changes.
         const hasRelevantMutation = mutations.some(
           (m) => m.type !== "attributes" || m.attributeName !== "style",
         );

package/dist/legacy-runtime/runtime-cores/external-store/getExternalStoreMessage.d.ts

@@ -1,3 +0,0 @@
-export { getExternalStoreMessage, getExternalStoreMessages, bindExternalStoreMessage, } from "@assistant-ui/core";
-export { symbolInnerMessage } from "@assistant-ui/core/internal";
-//# sourceMappingURL=getExternalStoreMessage.d.ts.map

package/dist/legacy-runtime/runtime-cores/external-store/getExternalStoreMessage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getExternalStoreMessage.d.ts","sourceRoot":"","sources":["../../../../src/legacy-runtime/runtime-cores/external-store/getExternalStoreMessage.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,wBAAwB,EACxB,wBAAwB,GACzB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/legacy-runtime/runtime-cores/external-store/getExternalStoreMessage.js

@@ -1,3 +0,0 @@
-export { getExternalStoreMessage, getExternalStoreMessages, bindExternalStoreMessage, } from "@assistant-ui/core";
-export { symbolInnerMessage } from "@assistant-ui/core/internal";
-//# sourceMappingURL=getExternalStoreMessage.js.map

package/dist/legacy-runtime/runtime-cores/external-store/getExternalStoreMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getExternalStoreMessage.js","sourceRoot":"","sources":["../../../../src/legacy-runtime/runtime-cores/external-store/getExternalStoreMessage.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,wBAAwB,EACxB,wBAAwB,GACzB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/primitives/thread/ThreadViewportSlack.d.ts

@@ -1,20 +0,0 @@
-import { type FC, type ReactNode } from "react";
-export type ThreadViewportSlackProps = {
-    /** Threshold at which the user message height clamps to the offset */
-    fillClampThreshold?: string | undefined;
-    /** Offset used when clamping large user messages */
-    fillClampOffset?: string | undefined;
-    children: ReactNode;
-};
-/**
- * A slot component that provides minimum height to enable scroll anchoring.
- *
- * When using `turnAnchor="top"`, this component ensures there is
- * enough scroll room below the anchor point (last user message) for it to scroll
- * to the top of the viewport. The min-height is applied only to the last
- * assistant message.
- *
- * This component is used internally by MessagePrimitive.Root.
- */
-export declare const ThreadPrimitiveViewportSlack: FC<ThreadViewportSlackProps>;
-//# sourceMappingURL=ThreadViewportSlack.d.ts.map

package/dist/primitives/thread/ThreadViewportSlack.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThreadViewportSlack.d.ts","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadViewportSlack.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,EAAE,EACP,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AA2Bf,MAAM,MAAM,wBAAwB,GAAG;IACrC,sEAAsE;IACtE,kBAAkB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC,oDAAoD;IACpD,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,4BAA4B,EAAE,EAAE,CAAC,wBAAwB,CA2DrE,CAAC"}

package/dist/primitives/thread/ThreadViewportSlack.js

@@ -1,80 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Slot } from "radix-ui";
-import { createContext, useCallback, useContext, } from "react";
-import { useThreadViewportStore } from "../../context/react/ThreadViewportContext.js";
-import { useAuiState } from "@assistant-ui/store";
-import { useManagedRef } from "../../utils/hooks/useManagedRef.js";
-const SlackNestingContext = createContext(false);
-const parseCssLength = (value, element) => {
-    const match = value.match(/^([\d.]+)(em|px|rem)$/);
-    if (!match)
-        return 0;
-    const num = parseFloat(match[1]);
-    const unit = match[2];
-    if (unit === "px")
-        return num;
-    if (unit === "em") {
-        const fontSize = parseFloat(getComputedStyle(element).fontSize) || 16;
-        return num * fontSize;
-    }
-    if (unit === "rem") {
-        const rootFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;
-        return num * rootFontSize;
-    }
-    return 0;
-};
-/**
- * A slot component that provides minimum height to enable scroll anchoring.
- *
- * When using `turnAnchor="top"`, this component ensures there is
- * enough scroll room below the anchor point (last user message) for it to scroll
- * to the top of the viewport. The min-height is applied only to the last
- * assistant message.
- *
- * This component is used internally by MessagePrimitive.Root.
- */
-export const ThreadPrimitiveViewportSlack = ({ children, fillClampThreshold = "10em", fillClampOffset = "6em", }) => {
-    const shouldApplySlack = useAuiState(
-    // only add slack to the last assistant message following a user message (valid turn)
-    (s) => s.message.isLast &&
-        s.message.role === "assistant" &&
-        s.message.index >= 1 &&
-        s.thread.messages.at(s.message.index - 1)?.role === "user");
-    const threadViewportStore = useThreadViewportStore({ optional: true });
-    const isNested = useContext(SlackNestingContext);
-    const callback = useCallback((el) => {
-        if (!threadViewportStore || isNested)
-            return;
-        const updateMinHeight = () => {
-            const state = threadViewportStore.getState();
-            if (state.turnAnchor === "top" && shouldApplySlack) {
-                const { viewport, inset, userMessage } = state.height;
-                const threshold = parseCssLength(fillClampThreshold, el);
-                const offset = parseCssLength(fillClampOffset, el);
-                const clampAdjustment = userMessage <= threshold ? userMessage : offset;
-                const minHeight = Math.max(0, viewport - inset - clampAdjustment);
-                el.style.minHeight = `${minHeight}px`;
-                el.style.flexShrink = "0";
-                el.style.transition = "min-height 0s";
-            }
-            else {
-                el.style.minHeight = "";
-                el.style.flexShrink = "";
-                el.style.transition = "";
-            }
-        };
-        updateMinHeight();
-        return threadViewportStore.subscribe(updateMinHeight);
-    }, [
-        threadViewportStore,
-        shouldApplySlack,
-        isNested,
-        fillClampThreshold,
-        fillClampOffset,
-    ]);
-    const ref = useManagedRef(callback);
-    return (_jsx(SlackNestingContext.Provider, { value: true, children: _jsx(Slot.Root, { ref: ref, children: children }) }));
-};
-ThreadPrimitiveViewportSlack.displayName = "ThreadPrimitive.ViewportSlack";
-//# sourceMappingURL=ThreadViewportSlack.js.map

package/dist/primitives/thread/ThreadViewportSlack.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThreadViewportSlack.js","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadViewportSlack.tsx"],"names":[],"mappings":"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"}