npm - @assistant-ui/react - Versions diffs - 0.10.50 → 0.11.1 - Mend

@assistant-ui/react 0.10.50 → 0.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1262) hide show

package/dist/primitives/messagePart/useMessagePartSource.js CHANGED Viewed

@@ -1,14 +1,14 @@
 "use client";
 // src/primitives/messagePart/useMessagePartSource.tsx
-import { useMessagePart } from "../../context/react/MessagePartContext.js";
+import { useAssistantState } from "../../context/index.js";
 var useMessagePartSource = () => {
-  const source = useMessagePart((c) => {
-    if (c.type !== "source")
+  const source = useAssistantState(({ part }) => {
+    if (part.type !== "source")
       throw new Error(
         "MessagePartSource can only be used inside source message parts."
       );
-    return c;
+    return part;
   });
   return source;
 };

package/dist/primitives/messagePart/useMessagePartSource.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/primitives/messagePart/useMessagePartSource.tsx"],"sourcesContent":["\"use client\";\n\nimport { MessagePartState } from \"../../~~api~~/MessagePartRuntime\";\nimport { ~~useMessagePart~~ } from \"../../context~~/react/MessagePartContext~~\";\nimport { SourceMessagePart } from \"../../types\";\n\nexport const useMessagePartSource = () => {\n const source = ~~useMessagePart~~((c) => {\n if (c.type !== \"source\")\n throw new Error(\n \"MessagePartSource can only be used inside source message parts.\",\n );\n\n return c as MessagePartState & SourceMessagePart;\n });\n\n return source;\n};\n"],"mappings":";;;AAGA,SAAS,~~sBAAsB~~;~~AAGxB~~,IAAM,uBAAuB,MAAM;AACxC,QAAM,SAAS,~~eAAe~~,CAAC,MAAM;~~AACnC~~,QAAI,~~EAAE~~,SAAS;~~AACb~~,YAAM,IAAI;AAAA,QACR;AAAA,MACF;AAEF,WAAO;AAAA,EACT,CAAC;AAED,SAAO;AACT;","names":[]}
1	+ {"version":3,"sources":["../../../src/primitives/messagePart/useMessagePartSource.tsx"],"sourcesContent":["\"use client\";\n\nimport type { MessagePartState } from \"../../legacy-runtime/runtime/MessagePartRuntime\";\nimport { useAssistantState } from \"../../context\";\nimport { SourceMessagePart } from \"../../types\";\n\nexport const useMessagePartSource = () => {\n const source = useAssistantState(({ part }) => {\n if (part.type !== \"source\")\n throw new Error(\n \"MessagePartSource can only be used inside source message parts.\",\n );\n\n return part as MessagePartState & SourceMessagePart;\n });\n\n return source;\n};\n"],"mappings":";;;AAGA,SAAS,yBAAyB;AAG3B,IAAM,uBAAuB,MAAM;AACxC,QAAM,SAAS,kBAAkB,CAAC,EAAE,KAAK,MAAM;AAC7C,QAAI,KAAK,SAAS;AAChB,YAAM,IAAI;AAAA,QACR;AAAA,MACF;AAEF,WAAO;AAAA,EACT,CAAC;AAED,SAAO;AACT;","names":[]}

package/dist/primitives/messagePart/useMessagePartText.js CHANGED Viewed

@@ -1,14 +1,14 @@
 "use client";
 // src/primitives/messagePart/useMessagePartText.tsx
-import { useMessagePart } from "../../context/react/MessagePartContext.js";
+import { useAssistantState } from "../../context/index.js";
 var useMessagePartText = () => {
-  const text = useMessagePart((c) => {
-    if (c.type !== "text" && c.type !== "reasoning")
+  const text = useAssistantState(({ part }) => {
+    if (part.type !== "text" && part.type !== "reasoning")
       throw new Error(
         "MessagePartText can only be used inside text or reasoning message parts."
       );
-    return c;
+    return part;
   });
   return text;
 };

package/dist/primitives/messagePart/useMessagePartText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/primitives/messagePart/useMessagePartText.tsx"],"sourcesContent":["\"use client\";\n\nimport { MessagePartState } from \"../../~~api~~/MessagePartRuntime\";\nimport { ~~useMessagePart~~ } from \"../../context~~/react/MessagePartContext~~\";\nimport { TextMessagePart, ReasoningMessagePart } from \"../../types\";\n\nexport const useMessagePartText = () => {\n const text = ~~useMessagePart~~((c) => {\n if (c.type !== \"text\" && c.type !== \"reasoning\")\n throw new Error(\n \"MessagePartText can only be used inside text or reasoning message parts.\",\n );\n\n return c as MessagePartState & (TextMessagePart \| ReasoningMessagePart);\n });\n\n return text;\n};\n"],"mappings":";;;AAGA,SAAS,~~sBAAsB~~;~~AAGxB~~,IAAM,qBAAqB,MAAM;AACtC,QAAM,OAAO,~~eAAe~~,CAAC,MAAM;~~AACjC~~,QAAI,~~EAAE~~,SAAS,UAAU,~~EAAE~~,SAAS;~~AAClC~~,YAAM,IAAI;AAAA,QACR;AAAA,MACF;AAEF,WAAO;AAAA,EACT,CAAC;AAED,SAAO;AACT;","names":[]}
1	+ {"version":3,"sources":["../../../src/primitives/messagePart/useMessagePartText.tsx"],"sourcesContent":["\"use client\";\n\nimport { MessagePartState } from \"../../legacy-runtime/runtime/MessagePartRuntime\";\nimport { useAssistantState } from \"../../context\";\nimport { TextMessagePart, ReasoningMessagePart } from \"../../types\";\n\nexport const useMessagePartText = () => {\n const text = useAssistantState(({ part }) => {\n if (part.type !== \"text\" && part.type !== \"reasoning\")\n throw new Error(\n \"MessagePartText can only be used inside text or reasoning message parts.\",\n );\n\n return part as MessagePartState & (TextMessagePart \| ReasoningMessagePart);\n });\n\n return text;\n};\n"],"mappings":";;;AAGA,SAAS,yBAAyB;AAG3B,IAAM,qBAAqB,MAAM;AACtC,QAAM,OAAO,kBAAkB,CAAC,EAAE,KAAK,MAAM;AAC3C,QAAI,KAAK,SAAS,UAAU,KAAK,SAAS;AACxC,YAAM,IAAI;AAAA,QACR;AAAA,MACF;AAEF,WAAO;AAAA,EACT,CAAC;AAED,SAAO;AACT;","names":[]}

package/dist/primitives/thread/ThreadEmpty.js CHANGED Viewed

@@ -1,11 +1,11 @@
 "use client";
 // src/primitives/thread/ThreadEmpty.tsx
-import { useThread } from "../../context/index.js";
+import { useAssistantState } from "../../context/index.js";
 var ThreadPrimitiveEmpty = ({
   children
 }) => {
-  const empty = useThread((u) => u.messages.length === 0);
+  const empty = useAssistantState(({ thread }) => thread.messages.length === 0);
   return empty ? children : null;
 };
 ThreadPrimitiveEmpty.displayName = "ThreadPrimitive.Empty";

package/dist/primitives/thread/ThreadEmpty.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/primitives/thread/ThreadEmpty.tsx"],"sourcesContent":["\"use client\";\n\nimport type { FC, PropsWithChildren } from \"react\";\nimport { ~~useThread~~ } from \"../../context\";\n\nexport namespace ThreadPrimitiveEmpty {\n export type Props = PropsWithChildren;\n}\n\nexport const ThreadPrimitiveEmpty: FC<ThreadPrimitiveEmpty.Props> = ({\n children,\n}) => {\n const empty = ~~useThread~~((u) => u.messages.length === 0);\n return empty ? children : null;\n};\n\nThreadPrimitiveEmpty.displayName = \"ThreadPrimitive.Empty\";\n"],"mappings":";;;AAGA,SAAS,~~iBAAiB~~;~~AAMnB~~,IAAM,uBAAuD,CAAC;AAAA,EACnE;AACF,MAAM;AACJ,QAAM,QAAQ,~~UAAU~~,CAAC,MAAM,~~EAAE~~,SAAS,WAAW,CAAC;~~AACtD~~,SAAO,QAAQ,WAAW;AAC5B;AAEA,qBAAqB,cAAc;","names":[]}
1	+ {"version":3,"sources":["../../../src/primitives/thread/ThreadEmpty.tsx"],"sourcesContent":["\"use client\";\n\nimport type { FC, PropsWithChildren } from \"react\";\nimport { useAssistantState } from \"../../context\";\n\nexport namespace ThreadPrimitiveEmpty {\n export type Props = PropsWithChildren;\n}\n\nexport const ThreadPrimitiveEmpty: FC<ThreadPrimitiveEmpty.Props> = ({\n children,\n}) => {\n const empty = useAssistantState(({ thread }) => thread.messages.length === 0);\n return empty ? children : null;\n};\n\nThreadPrimitiveEmpty.displayName = \"ThreadPrimitive.Empty\";\n"],"mappings":";;;AAGA,SAAS,yBAAyB;AAM3B,IAAM,uBAAuD,CAAC;AAAA,EACnE;AACF,MAAM;AACJ,QAAM,QAAQ,kBAAkB,CAAC,EAAE,OAAO,MAAM,OAAO,SAAS,WAAW,CAAC;AAC5E,SAAO,QAAQ,WAAW;AAC5B;AAEA,qBAAqB,cAAc;","names":[]}

package/dist/primitives/thread/ThreadIf.js CHANGED Viewed

@@ -1,9 +1,9 @@
 "use client";
 // src/primitives/thread/ThreadIf.tsx
-import { useThread } from "../../context/index.js";
+import { useAssistantState } from "../../context/index.js";
 var useThreadIf = (props) => {
-  return useThread((thread) => {
+  return useAssistantState(({ thread }) => {
     if (props.empty === true && thread.messages.length !== 0) return false;
     if (props.empty === false && thread.messages.length === 0) return false;
     if (props.running === true && !thread.isRunning) return false;

package/dist/primitives/thread/ThreadIf.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/primitives/thread/ThreadIf.tsx"],"sourcesContent":["\"use client\";\n\nimport type { FC, PropsWithChildren } from \"react\";\nimport { ~~useThread~~ } from \"../../context\";\nimport type { RequireAtLeastOne } from \"../../utils/RequireAtLeastOne\";\n\ntype ThreadIfFilters = {\n empty: boolean \| undefined;\n running: boolean \| undefined;\n disabled: boolean \| undefined;\n};\n\ntype UseThreadIfProps = RequireAtLeastOne<ThreadIfFilters>;\n\nconst useThreadIf = (props: UseThreadIfProps) => {\n return ~~useThread~~((thread) => {\n if (props.empty === true && thread.messages.length !== 0) return false;\n if (props.empty === false && thread.messages.length === 0) return false;\n if (props.running === true && !thread.isRunning) return false;\n if (props.running === false && thread.isRunning) return false;\n if (props.disabled === true && !thread.isDisabled) return false;\n if (props.disabled === false && thread.isDisabled) return false;\n\n return true;\n });\n};\n\nexport namespace ThreadPrimitiveIf {\n export type Props = PropsWithChildren<UseThreadIfProps>;\n}\n\nexport const ThreadPrimitiveIf: FC<ThreadPrimitiveIf.Props> = ({\n children,\n ...query\n}) => {\n const result = useThreadIf(query);\n return result ? children : null;\n};\n\nThreadPrimitiveIf.displayName = \"ThreadPrimitive.If\";\n"],"mappings":";;;AAGA,SAAS,~~iBAAiB~~;~~AAW1B~~,IAAM,cAAc,CAAC,UAA4B;AAC/C,SAAO,~~UAAU~~,CAAC,~~WAAW~~;~~AAC3B~~,QAAI,MAAM,UAAU,QAAQ,OAAO,SAAS,WAAW,EAAG,QAAO;AACjE,QAAI,MAAM,UAAU,SAAS,OAAO,SAAS,WAAW,EAAG,QAAO;AAClE,QAAI,MAAM,YAAY,QAAQ,CAAC,OAAO,UAAW,QAAO;AACxD,QAAI,MAAM,YAAY,SAAS,OAAO,UAAW,QAAO;AACxD,QAAI,MAAM,aAAa,QAAQ,CAAC,OAAO,WAAY,QAAO;AAC1D,QAAI,MAAM,aAAa,SAAS,OAAO,WAAY,QAAO;AAE1D,WAAO;AAAA,EACT,CAAC;AACH;AAMO,IAAM,oBAAiD,CAAC;AAAA,EAC7D;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,SAAS,YAAY,KAAK;AAChC,SAAO,SAAS,WAAW;AAC7B;AAEA,kBAAkB,cAAc;","names":[]}
1	+ {"version":3,"sources":["../../../src/primitives/thread/ThreadIf.tsx"],"sourcesContent":["\"use client\";\n\nimport type { FC, PropsWithChildren } from \"react\";\nimport { useAssistantState } from \"../../context\";\nimport type { RequireAtLeastOne } from \"../../utils/RequireAtLeastOne\";\n\ntype ThreadIfFilters = {\n empty: boolean \| undefined;\n running: boolean \| undefined;\n disabled: boolean \| undefined;\n};\n\ntype UseThreadIfProps = RequireAtLeastOne<ThreadIfFilters>;\n\nconst useThreadIf = (props: UseThreadIfProps) => {\n return useAssistantState(({ thread }) => {\n if (props.empty === true && thread.messages.length !== 0) return false;\n if (props.empty === false && thread.messages.length === 0) return false;\n if (props.running === true && !thread.isRunning) return false;\n if (props.running === false && thread.isRunning) return false;\n if (props.disabled === true && !thread.isDisabled) return false;\n if (props.disabled === false && thread.isDisabled) return false;\n\n return true;\n });\n};\n\nexport namespace ThreadPrimitiveIf {\n export type Props = PropsWithChildren<UseThreadIfProps>;\n}\n\nexport const ThreadPrimitiveIf: FC<ThreadPrimitiveIf.Props> = ({\n children,\n ...query\n}) => {\n const result = useThreadIf(query);\n return result ? children : null;\n};\n\nThreadPrimitiveIf.displayName = \"ThreadPrimitive.If\";\n"],"mappings":";;;AAGA,SAAS,yBAAyB;AAWlC,IAAM,cAAc,CAAC,UAA4B;AAC/C,SAAO,kBAAkB,CAAC,EAAE,OAAO,MAAM;AACvC,QAAI,MAAM,UAAU,QAAQ,OAAO,SAAS,WAAW,EAAG,QAAO;AACjE,QAAI,MAAM,UAAU,SAAS,OAAO,SAAS,WAAW,EAAG,QAAO;AAClE,QAAI,MAAM,YAAY,QAAQ,CAAC,OAAO,UAAW,QAAO;AACxD,QAAI,MAAM,YAAY,SAAS,OAAO,UAAW,QAAO;AACxD,QAAI,MAAM,aAAa,QAAQ,CAAC,OAAO,WAAY,QAAO;AAC1D,QAAI,MAAM,aAAa,SAAS,OAAO,WAAY,QAAO;AAE1D,WAAO;AAAA,EACT,CAAC;AACH;AAMO,IAAM,oBAAiD,CAAC;AAAA,EAC7D;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,SAAS,YAAY,KAAK;AAChC,SAAO,SAAS,WAAW;AAC7B;AAEA,kBAAkB,cAAc;","names":[]}

package/dist/primitives/thread/ThreadMessages.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThreadMessages.d.ts","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadMessages.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,EAAE,EAAiB,MAAM,OAAO,CAAC;~~AAMnE~~,yBAAiB,uBAAuB,CAAC;IACvC,KAAY,KAAK,GAAG;QAClB;;;;;;;;;WASG;QACH,UAAU,EACN;YACE,iDAAiD;YACjD,OAAO,EAAE,aAAa,CAAC;YACvB,mDAAmD;YACnD,YAAY,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;YACzC,6DAA6D;YAC7D,gBAAgB,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;YAC7C,kEAAkE;YAClE,qBAAqB,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;YAClD,+DAA+D;YAC/D,kBAAkB,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;YAC/C,0DAA0D;YAC1D,WAAW,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;YACxC,+DAA+D;YAC/D,gBAAgB,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;YAC7C,4DAA4D;YAC5D,aAAa,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;SAC3C,GACD;YACE,4DAA4D;YAC5D,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;YACpC,mDAAmD;YACnD,YAAY,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;YACzC,6DAA6D;YAC7D,gBAAgB,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;YAC7C,kEAAkE;YAClE,qBAAqB,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;YAClD,+DAA+D;YAC/D,kBAAkB,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;YAC/C,6CAA6C;YAC7C,WAAW,EAAE,aAAa,CAAC;YAC3B,kDAAkD;YAClD,gBAAgB,EAAE,aAAa,CAAC;YAChC,+CAA+C;YAC/C,aAAa,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;SAC3C,CAAC;KACP,CAAC;CACH;~~AAgFD~~,yBAAiB,6BAA6B,CAAC;IAC7C,KAAY,KAAK,GAAG;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,uBAAuB,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;KACzD,CAAC;CACH;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,6BAA6B,EAAE,EAAE,CAAC,6BAA6B,CAAC,KAAK,~~CAkB~~/E,CAAC;AAIJ;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAAC,uBAAuB,CAAC,KAAK,~~CAiBzE~~,CAAC;AAIF,eAAO,MAAM,uBAAuB,qEAGnC,CAAC"}
1	+ {"version":3,"file":"ThreadMessages.d.ts","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadMessages.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,EAAE,EAAiB,MAAM,OAAO,CAAC;AAInE,yBAAiB,uBAAuB,CAAC;IACvC,KAAY,KAAK,GAAG;QAClB;;;;;;;;;WASG;QACH,UAAU,EACN;YACE,iDAAiD;YACjD,OAAO,EAAE,aAAa,CAAC;YACvB,mDAAmD;YACnD,YAAY,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;YACzC,6DAA6D;YAC7D,gBAAgB,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;YAC7C,kEAAkE;YAClE,qBAAqB,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;YAClD,+DAA+D;YAC/D,kBAAkB,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;YAC/C,0DAA0D;YAC1D,WAAW,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;YACxC,+DAA+D;YAC/D,gBAAgB,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;YAC7C,4DAA4D;YAC5D,aAAa,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;SAC3C,GACD;YACE,4DAA4D;YAC5D,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;YACpC,mDAAmD;YACnD,YAAY,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;YACzC,6DAA6D;YAC7D,gBAAgB,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;YAC7C,kEAAkE;YAClE,qBAAqB,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;YAClD,+DAA+D;YAC/D,kBAAkB,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;YAC/C,6CAA6C;YAC7C,WAAW,EAAE,aAAa,CAAC;YAC3B,kDAAkD;YAClD,gBAAgB,EAAE,aAAa,CAAC;YAChC,+CAA+C;YAC/C,aAAa,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;SAC3C,CAAC;KACP,CAAC;CACH;AAkFD,yBAAiB,6BAA6B,CAAC;IAC7C,KAAY,KAAK,GAAG;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,uBAAuB,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;KACzD,CAAC;CACH;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,6BAA6B,EAAE,EAAE,CAAC,6BAA6B,CAAC,KAAK,CAY/E,CAAC;AAIJ;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAAC,uBAAuB,CAAC,KAAK,CAmBzE,CAAC;AAIF,eAAO,MAAM,uBAAuB,qEAGnC,CAAC"}

package/dist/primitives/thread/ThreadMessages.js CHANGED Viewed

@@ -2,9 +2,7 @@
 // src/primitives/thread/ThreadMessages.tsx
 import { memo, useMemo } from "react";
-import { useThread, useThreadRuntime } from "../../context/react/ThreadContext.js";
-import { MessageRuntimeProvider } from "../../context/providers/MessageRuntimeProvider.js";
-import { useEditComposer, useMessage } from "../../context/index.js";
+import { useAssistantState, MessageByIndexProvider } from "../../context/index.js";
 import { jsx } from "react/jsx-runtime";
 var isComponentsSame = (prev, next) => {
   return prev.Message === next.Message && prev.EditComposer === next.EditComposer && prev.UserEditComposer === next.UserEditComposer && prev.AssistantEditComposer === next.AssistantEditComposer && prev.SystemEditComposer === next.SystemEditComposer && prev.UserMessage === next.UserMessage && prev.AssistantMessage === next.AssistantMessage && prev.SystemMessage === next.SystemMessage;
@@ -38,19 +36,16 @@ var getComponent = (components, role, isEditing) => {
 var ThreadMessageComponent = ({
   components
 }) => {
-  const role = useMessage((m) => m.role);
-  const isEditing = useEditComposer((c) => c.isEditing);
+  const role = useAssistantState(({ message }) => message.role);
+  const isEditing = useAssistantState(
+    ({ message }) => message.composer.isEditing
+  );
   const Component = getComponent(components, role, isEditing);
   return /* @__PURE__ */ jsx(Component, {});
 };
 var ThreadPrimitiveMessageByIndex = memo(
   ({ index, components }) => {
-    const threadRuntime = useThreadRuntime();
-    const runtime = useMemo(
-      () => threadRuntime.getMesssageByIndex(index),
-      [threadRuntime, index]
-    );
-    return /* @__PURE__ */ jsx(MessageRuntimeProvider, { runtime, children: /* @__PURE__ */ jsx(ThreadMessageComponent, { components }) });
+    return /* @__PURE__ */ jsx(MessageByIndexProvider, { index, children: /* @__PURE__ */ jsx(ThreadMessageComponent, { components }) });
   },
   (prev, next) => prev.index === next.index && isComponentsSame(prev.components, next.components)
 );
@@ -58,7 +53,9 @@ ThreadPrimitiveMessageByIndex.displayName = "ThreadPrimitive.MessageByIndex";
 var ThreadPrimitiveMessagesImpl = ({
   components
 }) => {
-  const messagesLength = useThread((t) => t.messages.length);
+  const messagesLength = useAssistantState(
+    ({ thread }) => thread.messages.length
+  );
   const messageElements = useMemo(() => {
     if (messagesLength === 0) return null;
     return Array.from({ length: messagesLength }, (_, index) => /* @__PURE__ */ jsx(

package/dist/primitives/thread/ThreadMessages.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/primitives/thread/ThreadMessages.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ComponentType, type FC, memo, useMemo } from \"react\";\nimport { useThread, useThreadRuntime } from \"../../context/react/ThreadContext\";\nimport { MessageRuntimeProvider } from \"../../context/providers/MessageRuntimeProvider\";\nimport { useEditComposer, useMessage } from \"../../context\";\nimport { ThreadMessage as ThreadMessageType } from \"../../types\";\n\nexport namespace ThreadPrimitiveMessages {\n export type Props = {\n /*\n Component configuration for rendering different types of messages and composers.\n \n You can provide either:\n * 1. A single `Message` component that handles all message types\n * 2. Specific components for `UserMessage` and `AssistantMessage` (with optional `SystemMessage`)\n \n Optional edit composer components can be provided to customize the editing experience\n * for different message types when users edit their messages.\n /\n components:\n \| {\n /* Component used to render all message types /\n Message: ComponentType;\n /* Component used when editing any message type /\n EditComposer?: ComponentType \| undefined;\n /* Component used when editing user messages specifically /\n UserEditComposer?: ComponentType \| undefined;\n /* Component used when editing assistant messages specifically /\n AssistantEditComposer?: ComponentType \| undefined;\n /* Component used when editing system messages specifically /\n SystemEditComposer?: ComponentType \| undefined;\n /* Component used to render user messages specifically /\n UserMessage?: ComponentType \| undefined;\n /* Component used to render assistant messages specifically /\n AssistantMessage?: ComponentType \| undefined;\n /* Component used to render system messages specifically /\n SystemMessage?: ComponentType \| undefined;\n }\n \| {\n /* Component used to render all message types (fallback) /\n Message?: ComponentType \| undefined;\n /* Component used when editing any message type /\n EditComposer?: ComponentType \| undefined;\n /* Component used when editing user messages specifically /\n UserEditComposer?: ComponentType \| undefined;\n /* Component used when editing assistant messages specifically /\n AssistantEditComposer?: ComponentType \| undefined;\n /* Component used when editing system messages specifically /\n SystemEditComposer?: ComponentType \| undefined;\n /* Component used to render user messages /\n UserMessage: ComponentType;\n /* Component used to render assistant messages /\n AssistantMessage: ComponentType;\n /* Component used to render system messages /\n SystemMessage?: ComponentType \| undefined;\n };\n };\n}\n\nconst isComponentsSame = (\n prev: ThreadPrimitiveMessages.Props[\"components\"],\n next: ThreadPrimitiveMessages.Props[\"components\"],\n) => {\n return (\n prev.Message === next.Message &&\n prev.EditComposer === next.EditComposer &&\n prev.UserEditComposer === next.UserEditComposer &&\n prev.AssistantEditComposer === next.AssistantEditComposer &&\n prev.SystemEditComposer === next.SystemEditComposer &&\n prev.UserMessage === next.UserMessage &&\n prev.AssistantMessage === next.AssistantMessage &&\n prev.SystemMessage === next.SystemMessage\n );\n};\n\nconst DEFAULT_SYSTEM_MESSAGE = () => null;\n\nconst getComponent = (\n components: ThreadPrimitiveMessages.Props[\"components\"],\n role: ThreadMessageType[\"role\"],\n isEditing: boolean,\n) => {\n switch (role) {\n case \"user\":\n if (isEditing) {\n return (\n components.UserEditComposer ??\n components.EditComposer ??\n components.UserMessage ??\n (components.Message as ComponentType)\n );\n } else {\n return components.UserMessage ?? (components.Message as ComponentType);\n }\n case \"assistant\":\n if (isEditing) {\n return (\n components.AssistantEditComposer ??\n components.EditComposer ??\n components.AssistantMessage ??\n (components.Message as ComponentType)\n );\n } else {\n return (\n components.AssistantMessage ?? (components.Message as ComponentType)\n );\n }\n case \"system\":\n if (isEditing) {\n return (\n components.SystemEditComposer ??\n components.EditComposer ??\n components.SystemMessage ??\n (components.Message as ComponentType)\n );\n } else {\n return components.SystemMessage ?? DEFAULT_SYSTEM_MESSAGE;\n }\n default:\n const _exhaustiveCheck: never = role;\n throw new Error(`Unknown message role: ${_exhaustiveCheck}`);\n }\n};\n\ntype ThreadMessageComponentProps = {\n components: ThreadPrimitiveMessages.Props[\"components\"];\n};\n\nconst ThreadMessageComponent: FC<ThreadMessageComponentProps> = ({\n components,\n}) => {\n const role = useMessage((m) => m.role);\n const isEditing = useEditComposer((c) => c.isEditing);\n const Component = getComponent(components, role, isEditing);\n\n return <Component />;\n};\nexport namespace ThreadPrimitiveMessageByIndex {\n export type Props = {\n index: number;\n components: ThreadPrimitiveMessages.Props[\"components\"];\n };\n}\n\n/\n Renders a single message at the specified index in the current thread.\n \n This component provides message context for a specific message in the thread\n * and renders it using the provided component configuration.\n \n @example\n * ```tsx\n * <ThreadPrimitive.MessageByIndex\n * index={0}\n * components={{\n * UserMessage: MyUserMessage,\n * AssistantMessage: MyAssistantMessage\n * }}\n * />\n * ```\n /\nexport const ThreadPrimitiveMessageByIndex: FC<ThreadPrimitiveMessageByIndex.Props> =\n memo(\n ({ index, components }) => {\n const threadRuntime = useThreadRuntime();\n const runtime = useMemo(\n () => threadRuntime.getMesssageByIndex(index),\n [threadRuntime, index],\n );\n\n return (\n <MessageRuntimeProvider runtime={runtime}>\n <ThreadMessageComponent components={components} />\n </MessageRuntimeProvider>\n );\n },\n (prev, next) =>\n prev.index === next.index &&\n isComponentsSame(prev.components, next.components),\n );\n\nThreadPrimitiveMessageByIndex.displayName = \"ThreadPrimitive.MessageByIndex\";\n\n/\n Renders all messages in the current thread using the provided component configuration.\n \n This component automatically renders all messages in the thread, providing the appropriate\n * message context for each message. It handles different message types (user, assistant, system)\n * and supports editing mode through the provided edit composer components.\n \n @example\n * ```tsx\n * <ThreadPrimitive.Messages\n * components={{\n * UserMessage: MyUserMessage,\n * AssistantMessage: MyAssistantMessage,\n * EditComposer: MyEditComposer\n * }}\n * />\n * ```\n */\nexport const ThreadPrimitiveMessagesImpl: FC<ThreadPrimitiveMessages.Props> = ({\n components,\n}) => {\n const messagesLength = useThread((t) => t.messages.length);\n\n const messageElements = useMemo(() => {\n if (messagesLength === 0) return null;\n return Array.from({ length: messagesLength }, (_, index) => (\n <ThreadPrimitiveMessageByIndex\n key={index}\n index={index}\n components={components}\n />\n ));\n }, [messagesLength, components]);\n\n return messageElements;\n};\n\nThreadPrimitiveMessagesImpl.displayName = \"ThreadPrimitive.Messages\";\n\nexport const ThreadPrimitiveMessages = memo(\n ThreadPrimitiveMessagesImpl,\n (prev, next) => isComponentsSame(prev.components, next.components),\n);\n"],"mappings":";;;AAEA,SAAsC,MAAM,eAAe;AAC3D,SAAS,WAAW,wBAAwB;AAC5C,SAAS,8BAA8B;AACvC,SAAS,iBAAiB,kBAAkB;AAmInC;AA5ET,IAAM,mBAAmB,CACvB,MACA,SACG;AACH,SACE,KAAK,YAAY,KAAK,WACtB,KAAK,iBAAiB,KAAK,gBAC3B,KAAK,qBAAqB,KAAK,oBAC/B,KAAK,0BAA0B,KAAK,yBACpC,KAAK,uBAAuB,KAAK,sBACjC,KAAK,gBAAgB,KAAK,eAC1B,KAAK,qBAAqB,KAAK,oBAC/B,KAAK,kBAAkB,KAAK;AAEhC;AAEA,IAAM,yBAAyB,MAAM;AAErC,IAAM,eAAe,CACnB,YACA,MACA,cACG;AACH,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,UAAI,WAAW;AACb,eACE,WAAW,oBACX,WAAW,gBACX,WAAW,eACV,WAAW;AAAA,MAEhB,OAAO;AACL,eAAO,WAAW,eAAgB,WAAW;AAAA,MAC/C;AAAA,IACF,KAAK;AACH,UAAI,WAAW;AACb,eACE,WAAW,yBACX,WAAW,gBACX,WAAW,oBACV,WAAW;AAAA,MAEhB,OAAO;AACL,eACE,WAAW,oBAAqB,WAAW;AAAA,MAE/C;AAAA,IACF,KAAK;AACH,UAAI,WAAW;AACb,eACE,WAAW,sBACX,WAAW,gBACX,WAAW,iBACV,WAAW;AAAA,MAEhB,OAAO;AACL,eAAO,WAAW,iBAAiB;AAAA,MACrC;AAAA,IACF;AACE,YAAM,mBAA0B;AAChC,YAAM,IAAI,MAAM,yBAAyB,gBAAgB,EAAE;AAAA,EAC/D;AACF;AAMA,IAAM,yBAA0D,CAAC;AAAA,EAC/D;AACF,MAAM;AACJ,QAAM,OAAO,WAAW,CAAC,MAAM,EAAE,IAAI;AACrC,QAAM,YAAY,gBAAgB,CAAC,MAAM,EAAE,SAAS;AACpD,QAAM,YAAY,aAAa,YAAY,MAAM,SAAS;AAE1D,SAAO,oBAAC,aAAU;AACpB;AAyBO,IAAM,gCACX;AAAA,EACE,CAAC,EAAE,OAAO,WAAW,MAAM;AACzB,UAAM,gBAAgB,iBAAiB;AACvC,UAAM,UAAU;AAAA,MACd,MAAM,cAAc,mBAAmB,KAAK;AAAA,MAC5C,CAAC,eAAe,KAAK;AAAA,IACvB;AAEA,WACE,oBAAC,0BAAuB,SACtB,8BAAC,0BAAuB,YAAwB,GAClD;AAAA,EAEJ;AAAA,EACA,CAAC,MAAM,SACL,KAAK,UAAU,KAAK,SACpB,iBAAiB,KAAK,YAAY,KAAK,UAAU;AACrD;AAEF,8BAA8B,cAAc;AAoBrC,IAAM,8BAAiE,CAAC;AAAA,EAC7E;AACF,MAAM;AACJ,QAAM,iBAAiB,UAAU,CAAC,MAAM,EAAE,SAAS,MAAM;AAEzD,QAAM,kBAAkB,QAAQ,MAAM;AACpC,QAAI,mBAAmB,EAAG,QAAO;AACjC,WAAO,MAAM,KAAK,EAAE,QAAQ,eAAe,GAAG,CAAC,GAAG,UAChD;AAAA,MAAC;AAAA;AAAA,QAEC;AAAA,QACA;AAAA;AAAA,MAFK;AAAA,IAGP,CACD;AAAA,EACH,GAAG,CAAC,gBAAgB,UAAU,CAAC;AAE/B,SAAO;AACT;AAEA,4BAA4B,cAAc;AAEnC,IAAM,0BAA0B;AAAA,EACrC;AAAA,EACA,CAAC,MAAM,SAAS,iBAAiB,KAAK,YAAY,KAAK,UAAU;AACnE;","names":[]}
1	+ {"version":3,"sources":["../../../src/primitives/thread/ThreadMessages.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ComponentType, type FC, memo, useMemo } from \"react\";\nimport { useAssistantState, MessageByIndexProvider } from \"../../context\";\nimport { ThreadMessage as ThreadMessageType } from \"../../types\";\n\nexport namespace ThreadPrimitiveMessages {\n export type Props = {\n /*\n Component configuration for rendering different types of messages and composers.\n \n You can provide either:\n * 1. A single `Message` component that handles all message types\n * 2. Specific components for `UserMessage` and `AssistantMessage` (with optional `SystemMessage`)\n \n Optional edit composer components can be provided to customize the editing experience\n * for different message types when users edit their messages.\n /\n components:\n \| {\n /* Component used to render all message types /\n Message: ComponentType;\n /* Component used when editing any message type /\n EditComposer?: ComponentType \| undefined;\n /* Component used when editing user messages specifically /\n UserEditComposer?: ComponentType \| undefined;\n /* Component used when editing assistant messages specifically /\n AssistantEditComposer?: ComponentType \| undefined;\n /* Component used when editing system messages specifically /\n SystemEditComposer?: ComponentType \| undefined;\n /* Component used to render user messages specifically /\n UserMessage?: ComponentType \| undefined;\n /* Component used to render assistant messages specifically /\n AssistantMessage?: ComponentType \| undefined;\n /* Component used to render system messages specifically /\n SystemMessage?: ComponentType \| undefined;\n }\n \| {\n /* Component used to render all message types (fallback) /\n Message?: ComponentType \| undefined;\n /* Component used when editing any message type /\n EditComposer?: ComponentType \| undefined;\n /* Component used when editing user messages specifically /\n UserEditComposer?: ComponentType \| undefined;\n /* Component used when editing assistant messages specifically /\n AssistantEditComposer?: ComponentType \| undefined;\n /* Component used when editing system messages specifically /\n SystemEditComposer?: ComponentType \| undefined;\n /* Component used to render user messages /\n UserMessage: ComponentType;\n /* Component used to render assistant messages /\n AssistantMessage: ComponentType;\n /* Component used to render system messages /\n SystemMessage?: ComponentType \| undefined;\n };\n };\n}\n\nconst isComponentsSame = (\n prev: ThreadPrimitiveMessages.Props[\"components\"],\n next: ThreadPrimitiveMessages.Props[\"components\"],\n) => {\n return (\n prev.Message === next.Message &&\n prev.EditComposer === next.EditComposer &&\n prev.UserEditComposer === next.UserEditComposer &&\n prev.AssistantEditComposer === next.AssistantEditComposer &&\n prev.SystemEditComposer === next.SystemEditComposer &&\n prev.UserMessage === next.UserMessage &&\n prev.AssistantMessage === next.AssistantMessage &&\n prev.SystemMessage === next.SystemMessage\n );\n};\n\nconst DEFAULT_SYSTEM_MESSAGE = () => null;\n\nconst getComponent = (\n components: ThreadPrimitiveMessages.Props[\"components\"],\n role: ThreadMessageType[\"role\"],\n isEditing: boolean,\n) => {\n switch (role) {\n case \"user\":\n if (isEditing) {\n return (\n components.UserEditComposer ??\n components.EditComposer ??\n components.UserMessage ??\n (components.Message as ComponentType)\n );\n } else {\n return components.UserMessage ?? (components.Message as ComponentType);\n }\n case \"assistant\":\n if (isEditing) {\n return (\n components.AssistantEditComposer ??\n components.EditComposer ??\n components.AssistantMessage ??\n (components.Message as ComponentType)\n );\n } else {\n return (\n components.AssistantMessage ?? (components.Message as ComponentType)\n );\n }\n case \"system\":\n if (isEditing) {\n return (\n components.SystemEditComposer ??\n components.EditComposer ??\n components.SystemMessage ??\n (components.Message as ComponentType)\n );\n } else {\n return components.SystemMessage ?? DEFAULT_SYSTEM_MESSAGE;\n }\n default:\n const _exhaustiveCheck: never = role;\n throw new Error(`Unknown message role: ${_exhaustiveCheck}`);\n }\n};\n\ntype ThreadMessageComponentProps = {\n components: ThreadPrimitiveMessages.Props[\"components\"];\n};\n\nconst ThreadMessageComponent: FC<ThreadMessageComponentProps> = ({\n components,\n}) => {\n const role = useAssistantState(({ message }) => message.role);\n const isEditing = useAssistantState(\n ({ message }) => message.composer.isEditing,\n );\n const Component = getComponent(components, role, isEditing);\n\n return <Component />;\n};\nexport namespace ThreadPrimitiveMessageByIndex {\n export type Props = {\n index: number;\n components: ThreadPrimitiveMessages.Props[\"components\"];\n };\n}\n\n/\n Renders a single message at the specified index in the current thread.\n \n This component provides message context for a specific message in the thread\n * and renders it using the provided component configuration.\n \n @example\n * ```tsx\n * <ThreadPrimitive.MessageByIndex\n * index={0}\n * components={{\n * UserMessage: MyUserMessage,\n * AssistantMessage: MyAssistantMessage\n * }}\n * />\n * ```\n /\nexport const ThreadPrimitiveMessageByIndex: FC<ThreadPrimitiveMessageByIndex.Props> =\n memo(\n ({ index, components }) => {\n return (\n <MessageByIndexProvider index={index}>\n <ThreadMessageComponent components={components} />\n </MessageByIndexProvider>\n );\n },\n (prev, next) =>\n prev.index === next.index &&\n isComponentsSame(prev.components, next.components),\n );\n\nThreadPrimitiveMessageByIndex.displayName = \"ThreadPrimitive.MessageByIndex\";\n\n/\n Renders all messages in the current thread using the provided component configuration.\n \n This component automatically renders all messages in the thread, providing the appropriate\n * message context for each message. It handles different message types (user, assistant, system)\n * and supports editing mode through the provided edit composer components.\n \n @example\n * ```tsx\n * <ThreadPrimitive.Messages\n * components={{\n * UserMessage: MyUserMessage,\n * AssistantMessage: MyAssistantMessage,\n * EditComposer: MyEditComposer\n * }}\n * />\n * ```\n */\nexport const ThreadPrimitiveMessagesImpl: FC<ThreadPrimitiveMessages.Props> = ({\n components,\n}) => {\n const messagesLength = useAssistantState(\n ({ thread }) => thread.messages.length,\n );\n\n const messageElements = useMemo(() => {\n if (messagesLength === 0) return null;\n return Array.from({ length: messagesLength }, (_, index) => (\n <ThreadPrimitiveMessageByIndex\n key={index}\n index={index}\n components={components}\n />\n ));\n }, [messagesLength, components]);\n\n return messageElements;\n};\n\nThreadPrimitiveMessagesImpl.displayName = \"ThreadPrimitive.Messages\";\n\nexport const ThreadPrimitiveMessages = memo(\n ThreadPrimitiveMessagesImpl,\n (prev, next) => isComponentsSame(prev.components, next.components),\n);\n"],"mappings":";;;AAEA,SAAsC,MAAM,eAAe;AAC3D,SAAS,mBAAmB,8BAA8B;AAqIjD;AA9ET,IAAM,mBAAmB,CACvB,MACA,SACG;AACH,SACE,KAAK,YAAY,KAAK,WACtB,KAAK,iBAAiB,KAAK,gBAC3B,KAAK,qBAAqB,KAAK,oBAC/B,KAAK,0BAA0B,KAAK,yBACpC,KAAK,uBAAuB,KAAK,sBACjC,KAAK,gBAAgB,KAAK,eAC1B,KAAK,qBAAqB,KAAK,oBAC/B,KAAK,kBAAkB,KAAK;AAEhC;AAEA,IAAM,yBAAyB,MAAM;AAErC,IAAM,eAAe,CACnB,YACA,MACA,cACG;AACH,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,UAAI,WAAW;AACb,eACE,WAAW,oBACX,WAAW,gBACX,WAAW,eACV,WAAW;AAAA,MAEhB,OAAO;AACL,eAAO,WAAW,eAAgB,WAAW;AAAA,MAC/C;AAAA,IACF,KAAK;AACH,UAAI,WAAW;AACb,eACE,WAAW,yBACX,WAAW,gBACX,WAAW,oBACV,WAAW;AAAA,MAEhB,OAAO;AACL,eACE,WAAW,oBAAqB,WAAW;AAAA,MAE/C;AAAA,IACF,KAAK;AACH,UAAI,WAAW;AACb,eACE,WAAW,sBACX,WAAW,gBACX,WAAW,iBACV,WAAW;AAAA,MAEhB,OAAO;AACL,eAAO,WAAW,iBAAiB;AAAA,MACrC;AAAA,IACF;AACE,YAAM,mBAA0B;AAChC,YAAM,IAAI,MAAM,yBAAyB,gBAAgB,EAAE;AAAA,EAC/D;AACF;AAMA,IAAM,yBAA0D,CAAC;AAAA,EAC/D;AACF,MAAM;AACJ,QAAM,OAAO,kBAAkB,CAAC,EAAE,QAAQ,MAAM,QAAQ,IAAI;AAC5D,QAAM,YAAY;AAAA,IAChB,CAAC,EAAE,QAAQ,MAAM,QAAQ,SAAS;AAAA,EACpC;AACA,QAAM,YAAY,aAAa,YAAY,MAAM,SAAS;AAE1D,SAAO,oBAAC,aAAU;AACpB;AAyBO,IAAM,gCACX;AAAA,EACE,CAAC,EAAE,OAAO,WAAW,MAAM;AACzB,WACE,oBAAC,0BAAuB,OACtB,8BAAC,0BAAuB,YAAwB,GAClD;AAAA,EAEJ;AAAA,EACA,CAAC,MAAM,SACL,KAAK,UAAU,KAAK,SACpB,iBAAiB,KAAK,YAAY,KAAK,UAAU;AACrD;AAEF,8BAA8B,cAAc;AAoBrC,IAAM,8BAAiE,CAAC;AAAA,EAC7E;AACF,MAAM;AACJ,QAAM,iBAAiB;AAAA,IACrB,CAAC,EAAE,OAAO,MAAM,OAAO,SAAS;AAAA,EAClC;AAEA,QAAM,kBAAkB,QAAQ,MAAM;AACpC,QAAI,mBAAmB,EAAG,QAAO;AACjC,WAAO,MAAM,KAAK,EAAE,QAAQ,eAAe,GAAG,CAAC,GAAG,UAChD;AAAA,MAAC;AAAA;AAAA,QAEC;AAAA,QACA;AAAA;AAAA,MAFK;AAAA,IAGP,CACD;AAAA,EACH,GAAG,CAAC,gBAAgB,UAAU,CAAC;AAE/B,SAAO;AACT;AAEA,4BAA4B,cAAc;AAEnC,IAAM,0BAA0B;AAAA,EACrC;AAAA,EACA,CAAC,MAAM,SAAS,iBAAiB,KAAK,YAAY,KAAK,UAAU;AACnE;","names":[]}

package/dist/primitives/thread/ThreadSuggestion.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThreadSuggestion.d.ts","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadSuggestion.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EAElB,MAAM,gCAAgC,CAAC;~~AAKxC~~,QAAA,MAAM,mBAAmB,GAAI,uBAG1B;IACD,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,~~wBAcA~~,CAAC;AAEF,yBAAiB,yBAAyB,CAAC;IACzC,KAAY,OAAO,GAAG,mBAAmB,CAAC;IAC1C,KAAY,KAAK,GAAG,iBAAiB,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACnE;AAED,eAAO,MAAM,yBAAyB;;;~~YAxB5B~~,MAAM;aACL,SAAS;eACP,OAAO,GAAG,SAAS;~~qDA0B~~/B,CAAC"}
1	+ {"version":3,"file":"ThreadSuggestion.d.ts","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadSuggestion.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EAElB,MAAM,gCAAgC,CAAC;AAIxC,QAAA,MAAM,mBAAmB,GAAI,uBAG1B;IACD,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,wBAeA,CAAC;AAEF,yBAAiB,yBAAyB,CAAC;IACzC,KAAY,OAAO,GAAG,mBAAmB,CAAC;IAC1C,KAAY,KAAK,GAAG,iBAAiB,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACnE;AAED,eAAO,MAAM,yBAAyB;;;YAzB5B,MAAM;aACL,SAAS;eACP,OAAO,GAAG,SAAS;qDA2B/B,CAAC"}

package/dist/primitives/thread/ThreadSuggestion.js CHANGED Viewed

@@ -5,21 +5,21 @@ import {
   createActionButton
 } from "../../utils/createActionButton.js";
 import { useCallback } from "react";
-import { useThread } from "../../context/index.js";
-import { useThreadRuntime } from "../../context/react/ThreadContext.js";
+import { useAssistantState, useAssistantApi } from "../../context/index.js";
 var useThreadSuggestion = ({
   prompt,
   autoSend
 }) => {
-  const threadRuntime = useThreadRuntime();
-  const disabled = useThread((t) => t.isDisabled);
+  const api = useAssistantApi();
+  const disabled = useAssistantState(({ thread }) => thread.isDisabled);
   const callback = useCallback(() => {
-    if (autoSend && !threadRuntime.getState().isRunning) {
-      threadRuntime.append(prompt);
+    const isRunning = api.thread().getState().isRunning;
+    if (autoSend && !isRunning) {
+      api.thread().append(prompt);
     } else {
-      threadRuntime.composer.setText(prompt);
+      api.composer().setText(prompt);
     }
-  }, [threadRuntime, autoSend, prompt]);
+  }, [api, autoSend, prompt]);
   if (disabled) return null;
   return callback;
 };

package/dist/primitives/thread/ThreadSuggestion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/primitives/thread/ThreadSuggestion.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n ActionButtonElement,\n ActionButtonProps,\n createActionButton,\n} from \"../../utils/createActionButton\";\nimport { useCallback } from \"react\";\nimport { ~~useThread~~ } ~~from \"../../context\";\nimport { useThreadRuntime~~ } from \"../../context~~/react/ThreadContext~~\";\n\nconst useThreadSuggestion = ({\n prompt,\n autoSend,\n}: {\n prompt: string;\n method?: \"replace\";\n autoSend?: boolean \| undefined;\n}) => {\n const ~~threadRuntime~~ = ~~useThreadRuntime~~();\n\n const disabled = ~~useThread~~((t) => t.isDisabled);\n const callback = useCallback(() => {\n if ~~(autoSend~~ && ~~!threadRuntime~~.getState().isRunning) {\n ~~threadRuntime~~.append(prompt);\n } else {\n ~~threadRuntime~~.composer.setText(prompt);\n }\n }, [~~threadRuntime~~, autoSend, prompt]);\n\n if (disabled) return null;\n return callback;\n};\n\nexport namespace ThreadPrimitiveSuggestion {\n export type Element = ActionButtonElement;\n export type Props = ActionButtonProps<typeof useThreadSuggestion>;\n}\n\nexport const ThreadPrimitiveSuggestion = createActionButton(\n \"ThreadPrimitive.Suggestion\",\n useThreadSuggestion,\n [\"prompt\", \"autoSend\", \"method\"],\n);\n"],"mappings":";;;AAEA;AAAA,EAGE;AAAA,OACK;AACP,SAAS,mBAAmB;AAC5B,SAAS,~~iBAAiB;AAC1B~~,~~SAAS,wBAAwB~~;~~AAEjC~~,IAAM,sBAAsB,CAAC;AAAA,EAC3B;AAAA,EACA;AACF,MAIM;AACJ,QAAM,gBAAgB~~,iBAAiB~~;~~AAEvC~~,QAAM,WAAW,~~UAAU~~,CAAC,MAAM,~~EAAE~~,UAAU;~~AAC9C~~,QAAM,WAAW,YAAY,MAAM;AACjC,~~QAAI~~,YAAY,~~CAAC~~,~~cAAc~~,SAAS,EAAE,WAAW;~~AACnD~~,~~oBAAc~~,OAAO,MAAM;AAAA,~~IAC7B~~,OAAO;AACL,~~oBAAc~~,SAAS,QAAQ,MAAM;AAAA,~~IACvC~~;AAAA,EACF,GAAG,CAAC,~~eAAe~~,UAAU,MAAM,CAAC;~~AAEpC~~,MAAI,SAAU,QAAO;AACrB,SAAO;AACT;AAOO,IAAM,4BAA4B;AAAA,EACvC;AAAA,EACA;AAAA,EACA,CAAC,UAAU,YAAY,QAAQ;AACjC;","names":[]}
1	+ {"version":3,"sources":["../../../src/primitives/thread/ThreadSuggestion.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n ActionButtonElement,\n ActionButtonProps,\n createActionButton,\n} from \"../../utils/createActionButton\";\nimport { useCallback } from \"react\";\nimport { useAssistantState, useAssistantApi } from \"../../context\";\n\nconst useThreadSuggestion = ({\n prompt,\n autoSend,\n}: {\n prompt: string;\n method?: \"replace\";\n autoSend?: boolean \| undefined;\n}) => {\n const api = useAssistantApi();\n const disabled = useAssistantState(({ thread }) => thread.isDisabled);\n\n const callback = useCallback(() => {\n const isRunning = api.thread().getState().isRunning;\n if (autoSend && !isRunning) {\n api.thread().append(prompt);\n } else {\n api.composer().setText(prompt);\n }\n }, [api, autoSend, prompt]);\n\n if (disabled) return null;\n return callback;\n};\n\nexport namespace ThreadPrimitiveSuggestion {\n export type Element = ActionButtonElement;\n export type Props = ActionButtonProps<typeof useThreadSuggestion>;\n}\n\nexport const ThreadPrimitiveSuggestion = createActionButton(\n \"ThreadPrimitive.Suggestion\",\n useThreadSuggestion,\n [\"prompt\", \"autoSend\", \"method\"],\n);\n"],"mappings":";;;AAEA;AAAA,EAGE;AAAA,OACK;AACP,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB,uBAAuB;AAEnD,IAAM,sBAAsB,CAAC;AAAA,EAC3B;AAAA,EACA;AACF,MAIM;AACJ,QAAM,MAAM,gBAAgB;AAC5B,QAAM,WAAW,kBAAkB,CAAC,EAAE,OAAO,MAAM,OAAO,UAAU;AAEpE,QAAM,WAAW,YAAY,MAAM;AACjC,UAAM,YAAY,IAAI,OAAO,EAAE,SAAS,EAAE;AAC1C,QAAI,YAAY,CAAC,WAAW;AAC1B,UAAI,OAAO,EAAE,OAAO,MAAM;AAAA,IAC5B,OAAO;AACL,UAAI,SAAS,EAAE,QAAQ,MAAM;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,KAAK,UAAU,MAAM,CAAC;AAE1B,MAAI,SAAU,QAAO;AACrB,SAAO;AACT;AAOO,IAAM,4BAA4B;AAAA,EACvC;AAAA,EACA;AAAA,EACA,CAAC,UAAU,YAAY,QAAQ;AACjC;","names":[]}

package/dist/primitives/thread/useThreadViewportAutoScroll.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useThreadViewportAutoScroll.d.ts","sourceRoot":"","sources":["../../../src/primitives/thread/useThreadViewportAutoScroll.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,~~EAAkC~~,MAAM,OAAO,CAAC;~~AAQpE~~,yBAAiB,2BAA2B,CAAC;IAC3C,KAAY,OAAO,GAAG;QACpB,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;KAClC,CAAC;CACH;AAED,eAAO,MAAM,2BAA2B,GAAI,QAAQ,SAAS,WAAW,EAAE,iBAEvE,2BAA2B,CAAC,OAAO,KAAG,WAAW,CAAC,QAAQ,~~CA6E5D~~,CAAC"}
1	+ {"version":3,"file":"useThreadViewportAutoScroll.d.ts","sourceRoot":"","sources":["../../../src/primitives/thread/useThreadViewportAutoScroll.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAuB,MAAM,OAAO,CAAC;AAQzD,yBAAiB,2BAA2B,CAAC;IAC3C,KAAY,OAAO,GAAG;QACpB,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;KAClC,CAAC;CACH;AAED,eAAO,MAAM,2BAA2B,GAAI,QAAQ,SAAS,WAAW,EAAE,iBAEvE,2BAA2B,CAAC,OAAO,KAAG,WAAW,CAAC,QAAQ,CA0E5D,CAAC"}

package/dist/primitives/thread/useThreadViewportAutoScroll.js CHANGED Viewed

@@ -2,8 +2,8 @@
 // src/primitives/thread/useThreadViewportAutoScroll.tsx
 import { useComposedRefs } from "@radix-ui/react-compose-refs";
-import { useCallback, useEffect, useRef } from "react";
-import { useThreadRuntime } from "../../context/react/ThreadContext.js";
+import { useCallback, useRef } from "react";
+import { useAssistantEvent } from "../../context/index.js";
 import { useOnResizeContent } from "../../utils/hooks/useOnResizeContent.js";
 import { useOnScrollToBottom } from "../../utils/hooks/useOnScrollToBottom.js";
 import { useManagedRef } from "../../utils/hooks/useManagedRef.js";
@@ -58,10 +58,7 @@ var useThreadViewportAutoScroll = ({
   useOnScrollToBottom(() => {
     scrollToBottom("auto");
   });
-  const threadRuntime = useThreadRuntime();
-  useEffect(() => {
-    return threadRuntime.unstable_on("run-start", () => scrollToBottom("auto"));
-  }, [scrollToBottom, threadRuntime]);
+  useAssistantEvent("thread.run-start", () => scrollToBottom("auto"));
   const autoScrollRef = useComposedRefs(resizeRef, scrollRef, divRef);
   return autoScrollRef;
 };

package/dist/primitives/thread/useThreadViewportAutoScroll.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/primitives/thread/useThreadViewportAutoScroll.tsx"],"sourcesContent":["\"use client\";\n\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { RefCallback, useCallback, ~~useEffect,~~ useRef } from \"react\";\nimport { ~~useThreadRuntime~~ } from \"../../context~~/react/ThreadContext~~\";\nimport { useOnResizeContent } from \"../../utils/hooks/useOnResizeContent\";\nimport { useOnScrollToBottom } from \"../../utils/hooks/useOnScrollToBottom\";\nimport { useManagedRef } from \"../../utils/hooks/useManagedRef\";\nimport { writableStore } from \"../../context/ReadonlyStore\";\nimport { useThreadViewportStore } from \"../../context/react/ThreadViewportContext\";\n\nexport namespace useThreadViewportAutoScroll {\n export type Options = {\n autoScroll?: boolean \| undefined;\n };\n}\n\nexport const useThreadViewportAutoScroll = <TElement extends HTMLElement>({\n autoScroll = true,\n}: useThreadViewportAutoScroll.Options): RefCallback<TElement> => {\n const divRef = useRef<TElement>(null);\n\n const threadViewportStore = useThreadViewportStore();\n\n const lastScrollTop = useRef<number>(0);\n\n // bug: when ScrollToBottom's button changes its disabled state, the scroll stops\n // fix: delay the state change until the scroll is done\n const isScrollingToBottomRef = useRef(false);\n\n const scrollToBottom = useCallback(\n (behavior: ScrollBehavior) => {\n const div = divRef.current;\n if (!div \|\| !autoScroll) return;\n\n isScrollingToBottomRef.current = true;\n div.scrollTo({ top: div.scrollHeight, behavior });\n },\n [autoScroll],\n );\n\n const handleScroll = () => {\n const div = divRef.current;\n if (!div) return;\n\n const isAtBottom = threadViewportStore.getState().isAtBottom;\n const newIsAtBottom =\n div.scrollHeight - div.scrollTop <= div.clientHeight + 1; // TODO figure out why +1 is needed\n\n if (!newIsAtBottom && lastScrollTop.current < div.scrollTop) {\n // ignore scroll down\n } else {\n if (newIsAtBottom) {\n isScrollingToBottomRef.current = false;\n }\n\n if (newIsAtBottom !== isAtBottom) {\n writableStore(threadViewportStore).setState({\n isAtBottom: newIsAtBottom,\n });\n }\n }\n\n lastScrollTop.current = div.scrollTop;\n };\n\n const resizeRef = useOnResizeContent(() => {\n if (\n isScrollingToBottomRef.current \|\|\n threadViewportStore.getState().isAtBottom\n ) {\n scrollToBottom(\"instant\");\n }\n\n handleScroll();\n });\n\n const scrollRef = useManagedRef<HTMLElement>((el) => {\n el.addEventListener(\"scroll\", handleScroll);\n return () => {\n el.removeEventListener(\"scroll\", handleScroll);\n };\n });\n\n useOnScrollToBottom(() => {\n scrollToBottom(\"auto\");\n });\n\n // autoscroll on run start\n ~~const threadRuntime = useThreadRuntime~~(~~);\n useEffect(() => {~~\~~n return threadRuntime~~.~~unstable_on(\"~~run-start\", () => scrollToBottom(\"auto\"));\n ~~}, [scrollToBottom, threadRuntime]);\n~~\n const autoScrollRef = useComposedRefs<TElement>(resizeRef, scrollRef, divRef);\n return autoScrollRef as RefCallback<TElement>;\n};\n"],"mappings":";;;AAEA,SAAS,uBAAuB;AAChC,SAAsB,aAAa,~~WAAW,~~cAAc;~~AAC5D~~,SAAS,~~wBAAwB~~;~~AACjC~~,SAAS,0BAA0B;AACnC,SAAS,2BAA2B;AACpC,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,8BAA8B;AAQhC,IAAM,8BAA8B,CAA+B;AAAA,EACxE,aAAa;AACf,MAAkE;AAChE,QAAM,SAAS,OAAiB,IAAI;AAEpC,QAAM,sBAAsB,uBAAuB;AAEnD,QAAM,gBAAgB,OAAe,CAAC;AAItC,QAAM,yBAAyB,OAAO,KAAK;AAE3C,QAAM,iBAAiB;AAAA,IACrB,CAAC,aAA6B;AAC5B,YAAM,MAAM,OAAO;AACnB,UAAI,CAAC,OAAO,CAAC,WAAY;AAEzB,6BAAuB,UAAU;AACjC,UAAI,SAAS,EAAE,KAAK,IAAI,cAAc,SAAS,CAAC;AAAA,IAClD;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AAEA,QAAM,eAAe,MAAM;AACzB,UAAM,MAAM,OAAO;AACnB,QAAI,CAAC,IAAK;AAEV,UAAM,aAAa,oBAAoB,SAAS,EAAE;AAClD,UAAM,gBACJ,IAAI,eAAe,IAAI,aAAa,IAAI,eAAe;AAEzD,QAAI,CAAC,iBAAiB,cAAc,UAAU,IAAI,WAAW;AAAA,IAE7D,OAAO;AACL,UAAI,eAAe;AACjB,+BAAuB,UAAU;AAAA,MACnC;AAEA,UAAI,kBAAkB,YAAY;AAChC,sBAAc,mBAAmB,EAAE,SAAS;AAAA,UAC1C,YAAY;AAAA,QACd,CAAC;AAAA,MACH;AAAA,IACF;AAEA,kBAAc,UAAU,IAAI;AAAA,EAC9B;AAEA,QAAM,YAAY,mBAAmB,MAAM;AACzC,QACE,uBAAuB,WACvB,oBAAoB,SAAS,EAAE,YAC/B;AACA,qBAAe,SAAS;AAAA,IAC1B;AAEA,iBAAa;AAAA,EACf,CAAC;AAED,QAAM,YAAY,cAA2B,CAAC,OAAO;AACnD,OAAG,iBAAiB,UAAU,YAAY;AAC1C,WAAO,MAAM;AACX,SAAG,oBAAoB,UAAU,YAAY;AAAA,IAC/C;AAAA,EACF,CAAC;AAED,sBAAoB,MAAM;AACxB,mBAAe,MAAM;AAAA,EACvB,CAAC;AAGD,~~QAAM~~,~~gBAAgB~~,~~iBAAiB;AACvC,YAAU,~~MAAM~~;AACd~~,~~WAAO,cAAc,YAAY,aAAa,MAAM,~~eAAe,MAAM,CAAC;~~AAAA~~,~~EAC5E,GAAG,CAAC,gBAAgB,aAAa,CAAC;AAElC,~~QAAM,gBAAgB,gBAA0B,WAAW,WAAW,MAAM;AAC5E,SAAO;AACT;","names":[]}
1	+ {"version":3,"sources":["../../../src/primitives/thread/useThreadViewportAutoScroll.tsx"],"sourcesContent":["\"use client\";\n\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { RefCallback, useCallback, useRef } from \"react\";\nimport { useAssistantEvent } from \"../../context\";\nimport { useOnResizeContent } from \"../../utils/hooks/useOnResizeContent\";\nimport { useOnScrollToBottom } from \"../../utils/hooks/useOnScrollToBottom\";\nimport { useManagedRef } from \"../../utils/hooks/useManagedRef\";\nimport { writableStore } from \"../../context/ReadonlyStore\";\nimport { useThreadViewportStore } from \"../../context/react/ThreadViewportContext\";\n\nexport namespace useThreadViewportAutoScroll {\n export type Options = {\n autoScroll?: boolean \| undefined;\n };\n}\n\nexport const useThreadViewportAutoScroll = <TElement extends HTMLElement>({\n autoScroll = true,\n}: useThreadViewportAutoScroll.Options): RefCallback<TElement> => {\n const divRef = useRef<TElement>(null);\n\n const threadViewportStore = useThreadViewportStore();\n\n const lastScrollTop = useRef<number>(0);\n\n // bug: when ScrollToBottom's button changes its disabled state, the scroll stops\n // fix: delay the state change until the scroll is done\n const isScrollingToBottomRef = useRef(false);\n\n const scrollToBottom = useCallback(\n (behavior: ScrollBehavior) => {\n const div = divRef.current;\n if (!div \|\| !autoScroll) return;\n\n isScrollingToBottomRef.current = true;\n div.scrollTo({ top: div.scrollHeight, behavior });\n },\n [autoScroll],\n );\n\n const handleScroll = () => {\n const div = divRef.current;\n if (!div) return;\n\n const isAtBottom = threadViewportStore.getState().isAtBottom;\n const newIsAtBottom =\n div.scrollHeight - div.scrollTop <= div.clientHeight + 1; // TODO figure out why +1 is needed\n\n if (!newIsAtBottom && lastScrollTop.current < div.scrollTop) {\n // ignore scroll down\n } else {\n if (newIsAtBottom) {\n isScrollingToBottomRef.current = false;\n }\n\n if (newIsAtBottom !== isAtBottom) {\n writableStore(threadViewportStore).setState({\n isAtBottom: newIsAtBottom,\n });\n }\n }\n\n lastScrollTop.current = div.scrollTop;\n };\n\n const resizeRef = useOnResizeContent(() => {\n if (\n isScrollingToBottomRef.current \|\|\n threadViewportStore.getState().isAtBottom\n ) {\n scrollToBottom(\"instant\");\n }\n\n handleScroll();\n });\n\n const scrollRef = useManagedRef<HTMLElement>((el) => {\n el.addEventListener(\"scroll\", handleScroll);\n return () => {\n el.removeEventListener(\"scroll\", handleScroll);\n };\n });\n\n useOnScrollToBottom(() => {\n scrollToBottom(\"auto\");\n });\n\n // autoscroll on run start\n useAssistantEvent(\"thread.run-start\", () => scrollToBottom(\"auto\"));\n\n const autoScrollRef = useComposedRefs<TElement>(resizeRef, scrollRef, divRef);\n return autoScrollRef as RefCallback<TElement>;\n};\n"],"mappings":";;;AAEA,SAAS,uBAAuB;AAChC,SAAsB,aAAa,cAAc;AACjD,SAAS,yBAAyB;AAClC,SAAS,0BAA0B;AACnC,SAAS,2BAA2B;AACpC,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,8BAA8B;AAQhC,IAAM,8BAA8B,CAA+B;AAAA,EACxE,aAAa;AACf,MAAkE;AAChE,QAAM,SAAS,OAAiB,IAAI;AAEpC,QAAM,sBAAsB,uBAAuB;AAEnD,QAAM,gBAAgB,OAAe,CAAC;AAItC,QAAM,yBAAyB,OAAO,KAAK;AAE3C,QAAM,iBAAiB;AAAA,IACrB,CAAC,aAA6B;AAC5B,YAAM,MAAM,OAAO;AACnB,UAAI,CAAC,OAAO,CAAC,WAAY;AAEzB,6BAAuB,UAAU;AACjC,UAAI,SAAS,EAAE,KAAK,IAAI,cAAc,SAAS,CAAC;AAAA,IAClD;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AAEA,QAAM,eAAe,MAAM;AACzB,UAAM,MAAM,OAAO;AACnB,QAAI,CAAC,IAAK;AAEV,UAAM,aAAa,oBAAoB,SAAS,EAAE;AAClD,UAAM,gBACJ,IAAI,eAAe,IAAI,aAAa,IAAI,eAAe;AAEzD,QAAI,CAAC,iBAAiB,cAAc,UAAU,IAAI,WAAW;AAAA,IAE7D,OAAO;AACL,UAAI,eAAe;AACjB,+BAAuB,UAAU;AAAA,MACnC;AAEA,UAAI,kBAAkB,YAAY;AAChC,sBAAc,mBAAmB,EAAE,SAAS;AAAA,UAC1C,YAAY;AAAA,QACd,CAAC;AAAA,MACH;AAAA,IACF;AAEA,kBAAc,UAAU,IAAI;AAAA,EAC9B;AAEA,QAAM,YAAY,mBAAmB,MAAM;AACzC,QACE,uBAAuB,WACvB,oBAAoB,SAAS,EAAE,YAC/B;AACA,qBAAe,SAAS;AAAA,IAC1B;AAEA,iBAAa;AAAA,EACf,CAAC;AAED,QAAM,YAAY,cAA2B,CAAC,OAAO;AACnD,OAAG,iBAAiB,UAAU,YAAY;AAC1C,WAAO,MAAM;AACX,SAAG,oBAAoB,UAAU,YAAY;AAAA,IAC/C;AAAA,EACF,CAAC;AAED,sBAAoB,MAAM;AACxB,mBAAe,MAAM;AAAA,EACvB,CAAC;AAGD,oBAAkB,oBAAoB,MAAM,eAAe,MAAM,CAAC;AAElE,QAAM,gBAAgB,gBAA0B,WAAW,WAAW,MAAM;AAC5E,SAAO;AACT;","names":[]}

package/dist/primitives/threadList/ThreadListItems.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThreadListItems.d.ts","sourceRoot":"","sources":["../../../src/primitives/threadList/ThreadListItems.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,EAAE,EAAiB,MAAM,OAAO,CAAC;~~AAIzD~~,yBAAiB,wBAAwB,CAAC;IACxC,KAAY,KAAK,GAAG;QAClB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAC/B,UAAU,EAAE;YACV,cAAc,EAAE,aAAa,CAAC;SAC/B,CAAC;KACH,CAAC;CACH;AAED,yBAAiB,8BAA8B,CAAC;IAC9C,KAAY,KAAK,GAAG;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAC/B,UAAU,EAAE,wBAAwB,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;KAC1D,CAAC;CACH;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,8BAA8B,EAAE,EAAE,CAAC,8BAA8B,CAAC,KAAK,~~CAwBjF~~,CAAC;AAIJ,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,wBAAwB,CAAC,KAAK,CAoBvE,CAAC"}
1	+ {"version":3,"file":"ThreadListItems.d.ts","sourceRoot":"","sources":["../../../src/primitives/threadList/ThreadListItems.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,EAAE,EAAiB,MAAM,OAAO,CAAC;AAMzD,yBAAiB,wBAAwB,CAAC;IACxC,KAAY,KAAK,GAAG;QAClB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAC/B,UAAU,EAAE;YACV,cAAc,EAAE,aAAa,CAAC;SAC/B,CAAC;KACH,CAAC;CACH;AAED,yBAAiB,8BAA8B,CAAC;IAC9C,KAAY,KAAK,GAAG;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAC/B,UAAU,EAAE,wBAAwB,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;KAC1D,CAAC;CACH;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,8BAA8B,EAAE,EAAE,CAAC,8BAA8B,CAAC,KAAK,CAejF,CAAC;AAIJ,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,wBAAwB,CAAC,KAAK,CAoBvE,CAAC"}

package/dist/primitives/threadList/ThreadListItems.js CHANGED Viewed

@@ -2,18 +2,15 @@
 // src/primitives/threadList/ThreadListItems.tsx
 import { memo, useMemo } from "react";
-import { ThreadListItemRuntimeProvider } from "../../context/providers/ThreadListItemRuntimeProvider.js";
-import { useAssistantRuntime, useThreadList } from "../../context/index.js";
+import {
+  ThreadListItemByIndexProvider,
+  useAssistantState
+} from "../../context/index.js";
 import { jsx } from "react/jsx-runtime";
 var ThreadListPrimitiveItemByIndex = memo(
   ({ index, archived = false, components }) => {
-    const assistantRuntime = useAssistantRuntime();
-    const runtime = useMemo(
-      () => archived ? assistantRuntime.threads.getArchivedItemByIndex(index) : assistantRuntime.threads.getItemByIndex(index),
-      [assistantRuntime, index, archived]
-    );
     const ThreadListItemComponent = components.ThreadListItem;
-    return /* @__PURE__ */ jsx(ThreadListItemRuntimeProvider, { runtime, children: /* @__PURE__ */ jsx(ThreadListItemComponent, {}) });
+    return /* @__PURE__ */ jsx(ThreadListItemByIndexProvider, { index, archived, children: /* @__PURE__ */ jsx(ThreadListItemComponent, {}) });
   },
   (prev, next) => prev.index === next.index && prev.archived === next.archived && prev.components.ThreadListItem === next.components.ThreadListItem
 );
@@ -22,8 +19,8 @@ var ThreadListPrimitiveItems = ({
   archived = false,
   components
 }) => {
-  const contentLength = useThreadList(
-    (s) => archived ? s.archivedThreads.length : s.threads.length
+  const contentLength = useAssistantState(
+    ({ threads }) => archived ? threads.archivedThreadIds.length : threads.threadIds.length
   );
   const listElements = useMemo(() => {
     return Array.from({ length: contentLength }, (_, index) => /* @__PURE__ */ jsx(

package/dist/primitives/threadList/ThreadListItems.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/primitives/threadList/ThreadListItems.tsx"],"sourcesContent":["\"use client\";\n\nimport { ComponentType, FC, memo, useMemo } from \"react\";\nimport { ~~ThreadListItemRuntimeProvider } from~~ \~~"../../context/providers/ThreadListItemRuntimeProvider\";\nimport { useAssistantRuntime, useThreadList~~ } from \"../../context\";\n\nexport namespace ThreadListPrimitiveItems {\n export type Props = {\n archived?: boolean \| undefined;\n components: {\n ThreadListItem: ComponentType;\n };\n };\n}\n\nexport namespace ThreadListPrimitiveItemByIndex {\n export type Props = {\n index: number;\n archived?: boolean \| undefined;\n components: ThreadListPrimitiveItems.Props[\"components\"];\n };\n}\n\n/*\n Renders a single thread list item at the specified index.\n \n This component provides direct access to render a specific thread\n * from the thread list using the provided component configuration.\n \n @example\n * ```tsx\n * <ThreadListPrimitive.ItemByIndex\n * index={0}\n * components={{\n * ThreadListItem: MyThreadListItem\n * }}\n * />\n * ```\n */\nexport const ThreadListPrimitiveItemByIndex: FC<ThreadListPrimitiveItemByIndex.Props> =\n memo(\n ({ index, archived = false, components }) => {\n const assistantRuntime = useAssistantRuntime();\n const runtime = useMemo(\n () =>\n archived\n ? assistantRuntime.threads.getArchivedItemByIndex(index)\n : assistantRuntime.threads.getItemByIndex(index),\n [assistantRuntime, index, archived],\n );\n\n const ThreadListItemComponent = components.ThreadListItem;\n\n return (\n <~~ThreadListItemRuntimeProvider~~ ~~runtime~~={~~runtime~~}>\n <ThreadListItemComponent />\n </~~ThreadListItemRuntimeProvider~~>\n );\n },\n (prev, next) =>\n prev.index === next.index &&\n prev.archived === next.archived &&\n prev.components.ThreadListItem === next.components.ThreadListItem,\n );\n\nThreadListPrimitiveItemByIndex.displayName = \"ThreadListPrimitive.ItemByIndex\";\n\nexport const ThreadListPrimitiveItems: FC<ThreadListPrimitiveItems.Props> = ({\n archived = false,\n components,\n}) => {\n const contentLength = ~~useThreadList~~((s) =>\n archived ? s.~~archivedThreads~~.length : s.threads.length,\n );\n\n const listElements = useMemo(() => {\n return Array.from({ length: contentLength }, (_, index) => (\n <ThreadListPrimitiveItemByIndex\n key={index}\n index={index}\n archived={archived}\n components={components}\n />\n ));\n }, [contentLength, archived, components]);\n\n return listElements;\n};\n\nThreadListPrimitiveItems.displayName = \"ThreadListPrimitive.Items\";\n"],"mappings":";;;AAEA,SAA4B,MAAM,eAAe;AACjD,~~SAAS~~,~~qCAAqC~~;~~AAC9C~~,~~SAAS,qBAAqB,qBAAqB~~;~~AAmDzC~~;~~AAhBH~~,IAAM,iCACX;AAAA,EACE,CAAC,EAAE,OAAO,WAAW,OAAO,WAAW,MAAM;AAC3C,UAAM,~~mBAAmB,oBAAoB;AAC7C,UAAM,UAAU;AAAA,MACd,MACE,WACI,iBAAiB,QAAQ,uBAAuB,KAAK,IACrD,iBAAiB,QAAQ,eAAe,KAAK;AAAA,MACnD,CAAC,kBAAkB,OAAO,QAAQ;AAAA,IACpC;AAEA,UAAM,~~0BAA0B,WAAW;AAE3C,WACE,oBAAC,iCAA8B,~~SAC7B~~,8BAAC,2BAAwB,GAC3B;AAAA,EAEJ;AAAA,EACA,CAAC,MAAM,SACL,KAAK,UAAU,KAAK,SACpB,KAAK,aAAa,KAAK,YACvB,KAAK,WAAW,mBAAmB,KAAK,WAAW;AACvD;AAEF,+BAA+B,cAAc;AAEtC,IAAM,2BAA+D,CAAC;AAAA,EAC3E,WAAW;AAAA,EACX;AACF,MAAM;AACJ,QAAM,gBAAgB;AAAA,~~IAAc~~,CAAC,~~MACnC~~,WAAW,~~EAAE~~,~~gBAAgB~~,SAAS,~~EAAE~~,~~QAAQ~~;AAAA,~~EAClD~~;AAEA,QAAM,eAAe,QAAQ,MAAM;AACjC,WAAO,MAAM,KAAK,EAAE,QAAQ,cAAc,GAAG,CAAC,GAAG,UAC/C;AAAA,MAAC;AAAA;AAAA,QAEC;AAAA,QACA;AAAA,QACA;AAAA;AAAA,MAHK;AAAA,IAIP,CACD;AAAA,EACH,GAAG,CAAC,eAAe,UAAU,UAAU,CAAC;AAExC,SAAO;AACT;AAEA,yBAAyB,cAAc;","names":[]}
1	+ {"version":3,"sources":["../../../src/primitives/threadList/ThreadListItems.tsx"],"sourcesContent":["\"use client\";\n\nimport { ComponentType, FC, memo, useMemo } from \"react\";\nimport {\n ThreadListItemByIndexProvider,\n useAssistantState,\n} from \"../../context\";\n\nexport namespace ThreadListPrimitiveItems {\n export type Props = {\n archived?: boolean \| undefined;\n components: {\n ThreadListItem: ComponentType;\n };\n };\n}\n\nexport namespace ThreadListPrimitiveItemByIndex {\n export type Props = {\n index: number;\n archived?: boolean \| undefined;\n components: ThreadListPrimitiveItems.Props[\"components\"];\n };\n}\n\n/*\n Renders a single thread list item at the specified index.\n \n This component provides direct access to render a specific thread\n * from the thread list using the provided component configuration.\n \n @example\n * ```tsx\n * <ThreadListPrimitive.ItemByIndex\n * index={0}\n * components={{\n * ThreadListItem: MyThreadListItem\n * }}\n * />\n * ```\n */\nexport const ThreadListPrimitiveItemByIndex: FC<ThreadListPrimitiveItemByIndex.Props> =\n memo(\n ({ index, archived = false, components }) => {\n const ThreadListItemComponent = components.ThreadListItem;\n\n return (\n <ThreadListItemByIndexProvider index={index} archived={archived}>\n <ThreadListItemComponent />\n </ThreadListItemByIndexProvider>\n );\n },\n (prev, next) =>\n prev.index === next.index &&\n prev.archived === next.archived &&\n prev.components.ThreadListItem === next.components.ThreadListItem,\n );\n\nThreadListPrimitiveItemByIndex.displayName = \"ThreadListPrimitive.ItemByIndex\";\n\nexport const ThreadListPrimitiveItems: FC<ThreadListPrimitiveItems.Props> = ({\n archived = false,\n components,\n}) => {\n const contentLength = useAssistantState(({ threads }) =>\n archived ? threads.archivedThreadIds.length : threads.threadIds.length,\n );\n\n const listElements = useMemo(() => {\n return Array.from({ length: contentLength }, (_, index) => (\n <ThreadListPrimitiveItemByIndex\n key={index}\n index={index}\n archived={archived}\n components={components}\n />\n ));\n }, [contentLength, archived, components]);\n\n return listElements;\n};\n\nThreadListPrimitiveItems.displayName = \"ThreadListPrimitive.Items\";\n"],"mappings":";;;AAEA,SAA4B,MAAM,eAAe;AACjD;AAAA,EACE;AAAA,EACA;AAAA,OACK;AA0CG;AAPH,IAAM,iCACX;AAAA,EACE,CAAC,EAAE,OAAO,WAAW,OAAO,WAAW,MAAM;AAC3C,UAAM,0BAA0B,WAAW;AAE3C,WACE,oBAAC,iCAA8B,OAAc,UAC3C,8BAAC,2BAAwB,GAC3B;AAAA,EAEJ;AAAA,EACA,CAAC,MAAM,SACL,KAAK,UAAU,KAAK,SACpB,KAAK,aAAa,KAAK,YACvB,KAAK,WAAW,mBAAmB,KAAK,WAAW;AACvD;AAEF,+BAA+B,cAAc;AAEtC,IAAM,2BAA+D,CAAC;AAAA,EAC3E,WAAW;AAAA,EACX;AACF,MAAM;AACJ,QAAM,gBAAgB;AAAA,IAAkB,CAAC,EAAE,QAAQ,MACjD,WAAW,QAAQ,kBAAkB,SAAS,QAAQ,UAAU;AAAA,EAClE;AAEA,QAAM,eAAe,QAAQ,MAAM;AACjC,WAAO,MAAM,KAAK,EAAE,QAAQ,cAAc,GAAG,CAAC,GAAG,UAC/C;AAAA,MAAC;AAAA;AAAA,QAEC;AAAA,QACA;AAAA,QACA;AAAA;AAAA,MAHK;AAAA,IAIP,CACD;AAAA,EACH,GAAG,CAAC,eAAe,UAAU,UAAU,CAAC;AAExC,SAAO;AACT;AAEA,yBAAyB,cAAc;","names":[]}

package/dist/primitives/threadList/ThreadListNew.d.ts CHANGED Viewed

@@ -1,11 +1,9 @@
 import { ActionButtonElement, ActionButtonProps } from "../../utils/createActionButton";
-declare const useThreadListNew: () => () => void;
 export declare namespace ThreadListPrimitiveNew {
     type Element = ActionButtonElement;
-    type Props = ActionButtonProps<typeof useThreadListNew>;
+    type Props = ActionButtonProps<() => void>;
 }
 export declare const ThreadListPrimitiveNew: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
     asChild?: boolean;
 }, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-export {};
 //# sourceMappingURL=ThreadListNew.d.ts.map

package/dist/primitives/threadList/ThreadListNew.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThreadListNew.d.ts","sourceRoot":"","sources":["../../../src/primitives/threadList/ThreadListNew.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,gCAAgC,CAAC;AAMxC,~~QAAA,MAAM,gBAAgB,kBAKrB,CAAC;AAEF,~~yBAAiB,sBAAsB,CAAC;IACtC,KAAY,OAAO,GAAG,mBAAmB,CAAC;IAC1C,KAAY,KAAK,GAAG,iBAAiB,CAAC,~~OAAO~~,~~gBAAgB~~,CAAC,CAAC;~~CAChE~~;AAED,eAAO,MAAM,sBAAsB;;~~6DAmBjC~~,CAAC"}
1	+ {"version":3,"file":"ThreadListNew.d.ts","sourceRoot":"","sources":["../../../src/primitives/threadList/ThreadListNew.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,gCAAgC,CAAC;AAMxC,yBAAiB,sBAAsB,CAAC;IACtC,KAAY,OAAO,GAAG,mBAAmB,CAAC;IAC1C,KAAY,KAAK,GAAG,iBAAiB,CAAC,MAAM,IAAI,CAAC,CAAC;CACnD;AAED,eAAO,MAAM,sBAAsB;;6DAsBjC,CAAC"}

package/dist/primitives/threadList/ThreadListNew.js CHANGED Viewed

@@ -1,20 +1,16 @@
 "use client";
 // src/primitives/threadList/ThreadListNew.tsx
-import { useAssistantRuntime, useThreadList } from "../../context/index.js";
 import { forwardRef } from "react";
 import { Primitive } from "@radix-ui/react-primitive";
 import { composeEventHandlers } from "@radix-ui/primitive";
+import { useAssistantState, useAssistantApi } from "../../context/index.js";
 import { jsx } from "react/jsx-runtime";
-var useThreadListNew = () => {
-  const runtime = useAssistantRuntime();
-  return () => {
-    runtime.switchToNewThread();
-  };
-};
 var ThreadListPrimitiveNew = forwardRef(({ onClick, disabled, ...props }, forwardedRef) => {
-  const isMain = useThreadList((t) => t.newThread === t.mainThreadId);
-  const callback = useThreadListNew();
+  const isMain = useAssistantState(
+    ({ threads }) => threads.newThreadId === threads.mainThreadId
+  );
+  const api = useAssistantApi();
   return /* @__PURE__ */ jsx(
     Primitive.button,
     {
@@ -22,9 +18,9 @@ var ThreadListPrimitiveNew = forwardRef(({ onClick, disabled, ...props }, forwar
       ...isMain ? { "data-active": "true", "aria-current": "true" } : null,
       ...props,
       ref: forwardedRef,
-      disabled: disabled || !callback,
+      disabled,
       onClick: composeEventHandlers(onClick, () => {
-        callback?.();
+        api.threads().switchToNewThread();
       })
     }
   );

package/dist/primitives/threadList/ThreadListNew.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/primitives/threadList/ThreadListNew.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n ActionButtonElement,\n ActionButtonProps,\n} from \"../../utils/createActionButton\";\nimport { ~~useAssistantRuntime, useThreadList } from \"../../context\";\nimport {~~ forwardRef } from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\~~n\nconst~~ ~~useThreadListNew = () =>~~ {~~\n const~~ ~~runtime~~ = ~~useAssistantRuntime();\n return~~ () ~~=> {~~\~~n runtime.switchToNewThread()~~;\n ~~};\n};\n~~\nexport namespace ThreadListPrimitiveNew {\n export type Element = ActionButtonElement;\n export type Props = ActionButtonProps<~~typeof~~ ~~useThreadListNew~~>;\n}\n\nexport const ThreadListPrimitiveNew = forwardRef<\n ThreadListPrimitiveNew.Element,\n ThreadListPrimitiveNew.Props\n>(({ onClick, disabled, ...props }, forwardedRef) => {\n const isMain = ~~useThreadList~~((t) => t.~~newThread~~ === t.mainThreadId);\n const ~~callback~~ = ~~useThreadListNew~~();\n\n return (\n <Primitive.button\n type=\"button\"\n {...(isMain ? { \"data-active\": \"true\", \"aria-current\": \"true\" } : null)}\n {...props}\n ref={forwardedRef}\n disabled={disabled ~~\|\| !callback~~}\n onClick={composeEventHandlers(onClick, () => {\n ~~callback?.~~();\n })}\n />\n );\n});\n\nThreadListPrimitiveNew.displayName = \"ThreadListPrimitive.New\";\n"],"mappings":";;;AAMA,SAAS,~~qBAAqB,qBAAqB;AACnD,SAAS,~~kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,4BAA4B;~~AAsBjC;AApBJ~~,~~IAAM~~,mBAAmB,~~MAAM~~;~~AAC7B,QAAM,UAAU,oBAAoB~~;~~AACpC~~,~~SAAO,MAAM;AACX,YAAQ,kBAAkB;AAAA,EAC5B;AACF;AAOO,~~IAAM,yBAAyB,WAGpC,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACnD,QAAM,SAAS,~~cAAc~~,CAAC,MAAM,~~EAAE~~,~~cAAc~~,~~EAAE~~,~~YAAY~~;~~AAClE~~,QAAM,~~WAAW~~,~~iBAAiB~~;~~AAElC~~,SACE;AAAA,IAAC,UAAU;AAAA,IAAV;AAAA,MACC,MAAK;AAAA,MACJ,GAAI,SAAS,EAAE,eAAe,QAAQ,gBAAgB,OAAO,IAAI;AAAA,MACjE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL~~,UAAU,YAAY,CAAC~~;AAAA,~~MACvB~~,SAAS,qBAAqB,SAAS,MAAM;AAC3C,~~mBAAW~~;AAAA,~~MACb~~,CAAC;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,uBAAuB,cAAc;","names":[]}
1	+ {"version":3,"sources":["../../../src/primitives/threadList/ThreadListNew.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n ActionButtonElement,\n ActionButtonProps,\n} from \"../../utils/createActionButton\";\nimport { forwardRef } from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useAssistantState, useAssistantApi } from \"../../context\";\n\nexport namespace ThreadListPrimitiveNew {\n export type Element = ActionButtonElement;\n export type Props = ActionButtonProps<() => void>;\n}\n\nexport const ThreadListPrimitiveNew = forwardRef<\n ThreadListPrimitiveNew.Element,\n ThreadListPrimitiveNew.Props\n>(({ onClick, disabled, ...props }, forwardedRef) => {\n const isMain = useAssistantState(\n ({ threads }) => threads.newThreadId === threads.mainThreadId,\n );\n\n const api = useAssistantApi();\n\n return (\n <Primitive.button\n type=\"button\"\n {...(isMain ? { \"data-active\": \"true\", \"aria-current\": \"true\" } : null)}\n {...props}\n ref={forwardedRef}\n disabled={disabled}\n onClick={composeEventHandlers(onClick, () => {\n api.threads().switchToNewThread();\n })}\n />\n );\n});\n\nThreadListPrimitiveNew.displayName = \"ThreadListPrimitive.New\";\n"],"mappings":";;;AAMA,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,4BAA4B;AACrC,SAAS,mBAAmB,uBAAuB;AAkB/C;AAXG,IAAM,yBAAyB,WAGpC,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACnD,QAAM,SAAS;AAAA,IACb,CAAC,EAAE,QAAQ,MAAM,QAAQ,gBAAgB,QAAQ;AAAA,EACnD;AAEA,QAAM,MAAM,gBAAgB;AAE5B,SACE;AAAA,IAAC,UAAU;AAAA,IAAV;AAAA,MACC,MAAK;AAAA,MACJ,GAAI,SAAS,EAAE,eAAe,QAAQ,gBAAgB,OAAO,IAAI;AAAA,MACjE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL;AAAA,MACA,SAAS,qBAAqB,SAAS,MAAM;AAC3C,YAAI,QAAQ,EAAE,kBAAkB;AAAA,MAClC,CAAC;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,uBAAuB,cAAc;","names":[]}

package/dist/primitives/threadListItem/ThreadListItemArchive.js CHANGED Viewed

@@ -4,13 +4,13 @@
 import {
   createActionButton
 } from "../../utils/createActionButton.js";
-import { useThreadListItemRuntime } from "../../context/react/ThreadListItemContext.js";
+import { useAssistantApi } from "../../context/index.js";
 import { useCallback } from "react";
 var useThreadListItemArchive = () => {
-  const runtime = useThreadListItemRuntime();
+  const api = useAssistantApi();
   return useCallback(() => {
-    runtime.archive();
-  }, [runtime]);
+    api.threadListItem().archive();
+  }, [api]);
 };
 var ThreadListItemPrimitiveArchive = createActionButton(
   "ThreadListItemPrimitive.Archive",

package/dist/primitives/threadListItem/ThreadListItemArchive.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/primitives/threadListItem/ThreadListItemArchive.ts"],"sourcesContent":["\"use client\";\n\nimport {\n ActionButtonElement,\n ActionButtonProps,\n createActionButton,\n} from \"../../utils/createActionButton\";\nimport { ~~useThreadListItemRuntime~~ } from \"../../context~~/react/ThreadListItemContext~~\";\nimport { useCallback } from \"react\";\n\nconst useThreadListItemArchive = () => {\n const ~~runtime~~ = ~~useThreadListItemRuntime~~();\n return useCallback(() => {\n ~~runtime~~.archive();\n }, [~~runtime~~]);\n};\n\nexport namespace ThreadListItemPrimitiveArchive {\n export type Element = ActionButtonElement;\n export type Props = ActionButtonProps<typeof useThreadListItemArchive>;\n}\n\nexport const ThreadListItemPrimitiveArchive = createActionButton(\n \"ThreadListItemPrimitive.Archive\",\n useThreadListItemArchive,\n);\n"],"mappings":";;;AAEA;AAAA,EAGE;AAAA,OACK;AACP,SAAS,~~gCAAgC~~;~~AACzC~~,SAAS,mBAAmB;AAE5B,IAAM,2BAA2B,MAAM;AACrC,QAAM,~~UAAU~~,~~yBAAyB~~;~~AACzC~~,SAAO,YAAY,MAAM;AACvB,~~YAAQ~~,QAAQ;AAAA,~~EAClB~~,GAAG,CAAC,~~OAAO~~,CAAC;~~AACd~~;AAOO,IAAM,iCAAiC;AAAA,EAC5C;AAAA,EACA;AACF;","names":[]}
1	+ {"version":3,"sources":["../../../src/primitives/threadListItem/ThreadListItemArchive.ts"],"sourcesContent":["\"use client\";\n\nimport {\n ActionButtonElement,\n ActionButtonProps,\n createActionButton,\n} from \"../../utils/createActionButton\";\nimport { useAssistantApi } from \"../../context\";\nimport { useCallback } from \"react\";\n\nconst useThreadListItemArchive = () => {\n const api = useAssistantApi();\n return useCallback(() => {\n api.threadListItem().archive();\n }, [api]);\n};\n\nexport namespace ThreadListItemPrimitiveArchive {\n export type Element = ActionButtonElement;\n export type Props = ActionButtonProps<typeof useThreadListItemArchive>;\n}\n\nexport const ThreadListItemPrimitiveArchive = createActionButton(\n \"ThreadListItemPrimitive.Archive\",\n useThreadListItemArchive,\n);\n"],"mappings":";;;AAEA;AAAA,EAGE;AAAA,OACK;AACP,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAE5B,IAAM,2BAA2B,MAAM;AACrC,QAAM,MAAM,gBAAgB;AAC5B,SAAO,YAAY,MAAM;AACvB,QAAI,eAAe,EAAE,QAAQ;AAAA,EAC/B,GAAG,CAAC,GAAG,CAAC;AACV;AAOO,IAAM,iCAAiC;AAAA,EAC5C;AAAA,EACA;AACF;","names":[]}

package/dist/primitives/threadListItem/ThreadListItemDelete.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThreadListItemDelete.d.ts","sourceRoot":"","sources":["../../../src/primitives/threadListItem/ThreadListItemDelete.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EAElB,MAAM,gCAAgC,CAAC;~~AAGxC~~,QAAA,MAAM,uBAAuB,kBAK5B,CAAC;AAEF,yBAAiB,6BAA6B,CAAC;IAC7C,KAAY,OAAO,GAAG,mBAAmB,CAAC;IAC1C,KAAY,KAAK,GAAG,iBAAiB,CAAC,OAAO,uBAAuB,CAAC,CAAC;CACvE;AAED,eAAO,MAAM,6BAA6B;;6DAGzC,CAAC"}
1	+ {"version":3,"file":"ThreadListItemDelete.d.ts","sourceRoot":"","sources":["../../../src/primitives/threadListItem/ThreadListItemDelete.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EAElB,MAAM,gCAAgC,CAAC;AAIxC,QAAA,MAAM,uBAAuB,kBAK5B,CAAC;AAEF,yBAAiB,6BAA6B,CAAC;IAC7C,KAAY,OAAO,GAAG,mBAAmB,CAAC;IAC1C,KAAY,KAAK,GAAG,iBAAiB,CAAC,OAAO,uBAAuB,CAAC,CAAC;CACvE;AAED,eAAO,MAAM,6BAA6B;;6DAGzC,CAAC"}

package/dist/primitives/threadListItem/ThreadListItemDelete.js CHANGED Viewed

@@ -4,12 +4,13 @@
 import {
   createActionButton
 } from "../../utils/createActionButton.js";
-import { useThreadListItemRuntime } from "../../context/react/ThreadListItemContext.js";
+import { useAssistantApi } from "../../context/index.js";
+import { useCallback } from "react";
 var useThreadListItemDelete = () => {
-  const runtime = useThreadListItemRuntime();
-  return () => {
-    runtime.delete();
-  };
+  const api = useAssistantApi();
+  return useCallback(() => {
+    api.threadListItem().delete();
+  }, [api]);
 };
 var ThreadListItemPrimitiveDelete = createActionButton(
   "ThreadListItemPrimitive.Delete",

package/dist/primitives/threadListItem/ThreadListItemDelete.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/primitives/threadListItem/ThreadListItemDelete.ts"],"sourcesContent":["\"use client\";\n\nimport {\n ActionButtonElement,\n ActionButtonProps,\n createActionButton,\n} from \"../../utils/createActionButton\";\nimport { ~~useThreadListItemRuntime~~ } from \"../../context/react~~/ThreadListItemContext~~\";\n\nconst useThreadListItemDelete = () => {\n const ~~runtime~~ = ~~useThreadListItemRuntime~~();\n return () => {\n ~~runtime~~.delete();\n };\n};\n\nexport namespace ThreadListItemPrimitiveDelete {\n export type Element = ActionButtonElement;\n export type Props = ActionButtonProps<typeof useThreadListItemDelete>;\n}\n\nexport const ThreadListItemPrimitiveDelete = createActionButton(\n \"ThreadListItemPrimitive.Delete\",\n useThreadListItemDelete,\n);\n"],"mappings":";;;AAEA;AAAA,EAGE;AAAA,OACK;AACP,SAAS,~~gCAAgC~~;~~AAEzC~~,IAAM,0BAA0B,MAAM;AACpC,QAAM,~~UAAU~~,~~yBAAyB~~;~~AACzC~~,SAAO,MAAM;~~AACX~~,~~YAAQ~~,OAAO;AAAA,~~EACjB~~;~~AACF~~;AAOO,IAAM,gCAAgC;AAAA,EAC3C;AAAA,EACA;AACF;","names":[]}
1	+ {"version":3,"sources":["../../../src/primitives/threadListItem/ThreadListItemDelete.ts"],"sourcesContent":["\"use client\";\n\nimport {\n ActionButtonElement,\n ActionButtonProps,\n createActionButton,\n} from \"../../utils/createActionButton\";\nimport { useAssistantApi } from \"../../context\";\nimport { useCallback } from \"react\";\n\nconst useThreadListItemDelete = () => {\n const api = useAssistantApi();\n return useCallback(() => {\n api.threadListItem().delete();\n }, [api]);\n};\n\nexport namespace ThreadListItemPrimitiveDelete {\n export type Element = ActionButtonElement;\n export type Props = ActionButtonProps<typeof useThreadListItemDelete>;\n}\n\nexport const ThreadListItemPrimitiveDelete = createActionButton(\n \"ThreadListItemPrimitive.Delete\",\n useThreadListItemDelete,\n);\n"],"mappings":";;;AAEA;AAAA,EAGE;AAAA,OACK;AACP,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAE5B,IAAM,0BAA0B,MAAM;AACpC,QAAM,MAAM,gBAAgB;AAC5B,SAAO,YAAY,MAAM;AACvB,QAAI,eAAe,EAAE,OAAO;AAAA,EAC9B,GAAG,CAAC,GAAG,CAAC;AACV;AAOO,IAAM,gCAAgC;AAAA,EAC3C;AAAA,EACA;AACF;","names":[]}

package/dist/primitives/threadListItem/ThreadListItemRoot.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThreadListItemRoot.d.ts","sourceRoot":"","sources":["../../../src/primitives/threadListItem/ThreadListItemRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,KAAK,YAAY,EAAc,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGhF,KAAK,iBAAiB,GAAG,wBAAwB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC;AAExE,yBAAiB,2BAA2B,CAAC;IAC3C,KAAY,OAAO,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC;IACzD,KAAY,KAAK,GAAG,iBAAiB,CAAC;CACvC;AAED,eAAO,MAAM,2BAA2B;;~~0DAatC~~,CAAC"}
1	+ {"version":3,"file":"ThreadListItemRoot.d.ts","sourceRoot":"","sources":["../../../src/primitives/threadListItem/ThreadListItemRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,KAAK,YAAY,EAAc,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGhF,KAAK,iBAAiB,GAAG,wBAAwB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC;AAExE,yBAAiB,2BAA2B,CAAC;IAC3C,KAAY,OAAO,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC;IACzD,KAAY,KAAK,GAAG,iBAAiB,CAAC;CACvC;AAED,eAAO,MAAM,2BAA2B;;0DAetC,CAAC"}

package/dist/primitives/threadListItem/ThreadListItemRoot.js CHANGED Viewed

@@ -3,10 +3,12 @@
 // src/primitives/threadListItem/ThreadListItemRoot.tsx
 import { Primitive } from "@radix-ui/react-primitive";
 import { forwardRef } from "react";
-import { useThreadListItem } from "../../context/react/ThreadListItemContext.js";
+import { useAssistantState } from "../../context/index.js";
 import { jsx } from "react/jsx-runtime";
 var ThreadListItemPrimitiveRoot = forwardRef((props, ref) => {
-  const isMain = useThreadListItem((t) => t.isMain);
+  const isMain = useAssistantState(
+    ({ threads, threadListItem }) => threads.mainThreadId === threadListItem.id
+  );
   return /* @__PURE__ */ jsx(
     Primitive.div,
     {

package/dist/primitives/threadListItem/ThreadListItemRoot.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/primitives/threadListItem/ThreadListItemRoot.tsx"],"sourcesContent":["\"use client\";\n\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { type ComponentRef, forwardRef, ComponentPropsWithoutRef } from \"react\";\nimport { ~~useThreadListItem~~ } from \"../../context~~/react/ThreadListItemContext~~\";\n\ntype PrimitiveDivProps = ComponentPropsWithoutRef<typeof Primitive.div>;\n\nexport namespace ThreadListItemPrimitiveRoot {\n export type Element = ComponentRef<typeof Primitive.div>;\n export type Props = PrimitiveDivProps;\n}\n\nexport const ThreadListItemPrimitiveRoot = forwardRef<\n ThreadListItemPrimitiveRoot.Element,\n ThreadListItemPrimitiveRoot.Props\n>((props, ref) => {\n const isMain = ~~useThreadListItem~~((t) => t.~~isMain~~);\n\n return (\n <Primitive.div\n {...(isMain ? { \"data-active\": \"true\", \"aria-current\": \"true\" } : null)}\n {...props}\n ref={ref}\n />\n );\n});\n\nThreadListItemPrimitiveRoot.displayName = \"ThreadListItemPrimitive.Root\";\n"],"mappings":";;;AAEA,SAAS,iBAAiB;AAC1B,SAA4B,kBAA4C;AACxE,SAAS,yBAAyB;~~AAgB9B~~;~~AAPG~~,IAAM,8BAA8B,WAGzC,CAAC,OAAO,QAAQ;AAChB,QAAM,SAAS,~~kBAAkB~~,CAAC,MAAM,~~EAAE~~,~~MAAM~~;~~AAEhD~~,SACE;AAAA,IAAC,UAAU;AAAA,IAAV;AAAA,MACE,GAAI,SAAS,EAAE,eAAe,QAAQ,gBAAgB,OAAO,IAAI;AAAA,MACjE,GAAG;AAAA,MACJ;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,4BAA4B,cAAc;","names":[]}
1	+ {"version":3,"sources":["../../../src/primitives/threadListItem/ThreadListItemRoot.tsx"],"sourcesContent":["\"use client\";\n\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { type ComponentRef, forwardRef, ComponentPropsWithoutRef } from \"react\";\nimport { useAssistantState } from \"../../context\";\n\ntype PrimitiveDivProps = ComponentPropsWithoutRef<typeof Primitive.div>;\n\nexport namespace ThreadListItemPrimitiveRoot {\n export type Element = ComponentRef<typeof Primitive.div>;\n export type Props = PrimitiveDivProps;\n}\n\nexport const ThreadListItemPrimitiveRoot = forwardRef<\n ThreadListItemPrimitiveRoot.Element,\n ThreadListItemPrimitiveRoot.Props\n>((props, ref) => {\n const isMain = useAssistantState(\n ({ threads, threadListItem }) => threads.mainThreadId === threadListItem.id,\n );\n\n return (\n <Primitive.div\n {...(isMain ? { \"data-active\": \"true\", \"aria-current\": \"true\" } : null)}\n {...props}\n ref={ref}\n />\n );\n});\n\nThreadListItemPrimitiveRoot.displayName = \"ThreadListItemPrimitive.Root\";\n"],"mappings":";;;AAEA,SAAS,iBAAiB;AAC1B,SAA4B,kBAA4C;AACxE,SAAS,yBAAyB;AAkB9B;AATG,IAAM,8BAA8B,WAGzC,CAAC,OAAO,QAAQ;AAChB,QAAM,SAAS;AAAA,IACb,CAAC,EAAE,SAAS,eAAe,MAAM,QAAQ,iBAAiB,eAAe;AAAA,EAC3E;AAEA,SACE;AAAA,IAAC,UAAU;AAAA,IAAV;AAAA,MACE,GAAI,SAAS,EAAE,eAAe,QAAQ,gBAAgB,OAAO,IAAI;AAAA,MACjE,GAAG;AAAA,MACJ;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,4BAA4B,cAAc;","names":[]}

package/dist/primitives/threadListItem/ThreadListItemTitle.js CHANGED Viewed

@@ -1,10 +1,10 @@
 "use client";
 // src/primitives/threadListItem/ThreadListItemTitle.tsx
-import { useThreadListItem } from "../../context/react/ThreadListItemContext.js";
+import { useAssistantState } from "../../context/index.js";
 import { Fragment, jsx } from "react/jsx-runtime";
 var ThreadListItemPrimitiveTitle = ({ fallback }) => {
-  const title = useThreadListItem((t) => t.title);
+  const title = useAssistantState(({ threadListItem }) => threadListItem.title);
   return /* @__PURE__ */ jsx(Fragment, { children: title || fallback });
 };
 ThreadListItemPrimitiveTitle.displayName = "ThreadListItemPrimitive.Title";

package/dist/primitives/threadListItem/ThreadListItemTitle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/primitives/threadListItem/ThreadListItemTitle.tsx"],"sourcesContent":["\"use client\";\n\nimport type { FC, ReactNode } from \"react\";\nimport { ~~useThreadListItem~~ } from \"../../context~~/react/ThreadListItemContext~~\";\n\nexport namespace ThreadListItemPrimitiveTitle {\n export type Props = {\n fallback?: ReactNode;\n };\n}\n\nexport const ThreadListItemPrimitiveTitle: FC<\n ThreadListItemPrimitiveTitle.Props\n> = ({ fallback }) => {\n const title = ~~useThreadListItem~~((t) => t.title);\n return <>{title \|\| fallback}</>;\n};\n\nThreadListItemPrimitiveTitle.displayName = \"ThreadListItemPrimitive.Title\";\n"],"mappings":";;;AAGA,SAAS,yBAAyB;AAYzB;AAJF,IAAM,+BAET,CAAC,EAAE,SAAS,MAAM;AACpB,QAAM,QAAQ,kBAAkB,CAAC,MAAM,~~EAAE~~,KAAK;~~AAC9C~~,SAAO,gCAAG,mBAAS,UAAS;AAC9B;AAEA,6BAA6B,cAAc;","names":[]}
1	+ {"version":3,"sources":["../../../src/primitives/threadListItem/ThreadListItemTitle.tsx"],"sourcesContent":["\"use client\";\n\nimport type { FC, ReactNode } from \"react\";\nimport { useAssistantState } from \"../../context\";\n\nexport namespace ThreadListItemPrimitiveTitle {\n export type Props = {\n fallback?: ReactNode;\n };\n}\n\nexport const ThreadListItemPrimitiveTitle: FC<\n ThreadListItemPrimitiveTitle.Props\n> = ({ fallback }) => {\n const title = useAssistantState(({ threadListItem }) => threadListItem.title);\n return <>{title \|\| fallback}</>;\n};\n\nThreadListItemPrimitiveTitle.displayName = \"ThreadListItemPrimitive.Title\";\n"],"mappings":";;;AAGA,SAAS,yBAAyB;AAYzB;AAJF,IAAM,+BAET,CAAC,EAAE,SAAS,MAAM;AACpB,QAAM,QAAQ,kBAAkB,CAAC,EAAE,eAAe,MAAM,eAAe,KAAK;AAC5E,SAAO,gCAAG,mBAAS,UAAS;AAC9B;AAEA,6BAA6B,cAAc;","names":[]}

package/dist/primitives/threadListItem/ThreadListItemTrigger.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThreadListItemTrigger.d.ts","sourceRoot":"","sources":["../../../src/primitives/threadListItem/ThreadListItemTrigger.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EAElB,MAAM,gCAAgC,CAAC;~~AAGxC~~,QAAA,MAAM,wBAAwB,kBAK7B,CAAC;AAEF,yBAAiB,8BAA8B,CAAC;IAC9C,KAAY,OAAO,GAAG,mBAAmB,CAAC;IAC1C,KAAY,KAAK,GAAG,iBAAiB,CAAC,OAAO,wBAAwB,CAAC,CAAC;CACxE;AAED,eAAO,MAAM,8BAA8B;;6DAG1C,CAAC"}
1	+ {"version":3,"file":"ThreadListItemTrigger.d.ts","sourceRoot":"","sources":["../../../src/primitives/threadListItem/ThreadListItemTrigger.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EAElB,MAAM,gCAAgC,CAAC;AAIxC,QAAA,MAAM,wBAAwB,kBAK7B,CAAC;AAEF,yBAAiB,8BAA8B,CAAC;IAC9C,KAAY,OAAO,GAAG,mBAAmB,CAAC;IAC1C,KAAY,KAAK,GAAG,iBAAiB,CAAC,OAAO,wBAAwB,CAAC,CAAC;CACxE;AAED,eAAO,MAAM,8BAA8B;;6DAG1C,CAAC"}