@superinterface/react 1.0.4 → 1.1.0

package/dist/queryFns.js

@@ -1,8 +1,209 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.runsQueryFn = exports.messagesQueryFn = void 0;
-var queryFn_1 = require("./hooks/messages/useMessages/lib/queryOptions/queryFn");
-Object.defineProperty(exports, "messagesQueryFn", { enumerable: true, get: function () { return queryFn_1.queryFn; } });
-var queryFn_2 = require("./hooks/runs/useRuns/lib/queryOptions/queryFn");
-Object.defineProperty(exports, "runsQueryFn", { enumerable: true, get: function () { return queryFn_2.queryFn; } });
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/queryFns.ts
+var queryFns_exports = {};
+__export(queryFns_exports, {
+  messagesQueryFn: () => queryFn,
+  runsQueryFn: () => queryFn2
+});
+module.exports = __toCommonJS(queryFns_exports);
+
+// src/lib/ai/index.ts
+var import_openai = __toESM(require("openai"));
+var defaultClient = new import_openai.default({
+  apiKey: "123"
+});
+
+// src/hooks/messages/useMessages/lib/queryOptions/queryFn/data/index.ts
+var import_p_map = __toESM(require("p-map"));
+
+// src/lib/runSteps/getRunSteps/index.ts
+var getRunSteps = async ({
+  threadId,
+  runId,
+  client
+}) => {
+  const runStepsResponse = await client.beta.threads.runs.steps.list(
+    threadId,
+    runId
+  );
+  return runStepsResponse.data;
+};
+
+// src/lib/messages/extendMessage.ts
+var extendMessage = async ({
+  message,
+  client
+}) => {
+  if (!message.run_id) {
+    return {
+      ...message,
+      runSteps: []
+    };
+  }
+  return {
+    ...message,
+    runSteps: await getRunSteps({
+      threadId: message.thread_id,
+      runId: message.run_id,
+      client
+    })
+  };
+};
+
+// src/hooks/messages/useMessages/lib/queryOptions/queryFn/data/runMessages/getLatestRun.ts
+var getLatestRun = async ({
+  threadId,
+  client
+}) => {
+  const runsResponse = await client.beta.threads.runs.list(threadId, {
+    limit: 1
+  });
+  return runsResponse.data[0];
+};
+
+// src/lib/optimistic/optimisticId.ts
+var import_radash = require("radash");
+var optimisticId = () => `-${(0, import_radash.uid)(24)}`;
+
+// src/hooks/messages/useMessages/lib/queryOptions/queryFn/data/runMessages/index.ts
+var runMessages = async ({
+  messages,
+  threadId,
+  client
+}) => {
+  const latestRun = await getLatestRun({ threadId, client });
+  if (!latestRun) {
+    return [];
+  }
+  const messageFromLatestRun = messages.find((m) => m.run_id === latestRun.id);
+  if (messageFromLatestRun) {
+    return [];
+  }
+  return [
+    await extendMessage({
+      message: {
+        id: optimisticId(),
+        role: "assistant",
+        created_at: +/* @__PURE__ */ new Date(),
+        object: "thread.message",
+        content: [],
+        run_id: latestRun.id,
+        assistant_id: latestRun.assistant_id,
+        thread_id: latestRun.thread_id,
+        file_ids: [],
+        metadata: {}
+      },
+      client
+    })
+  ];
+};
+
+// src/hooks/messages/useMessages/lib/queryOptions/queryFn/data/index.ts
+var data = async ({
+  messagesResponse,
+  pageParam,
+  threadId,
+  client
+}) => {
+  const messages = await (0, import_p_map.default)(messagesResponse.data, (message) => extendMessage({
+    client,
+    message
+  }));
+  if (pageParam) {
+    return messages;
+  }
+  return [
+    ...await runMessages({
+      messages,
+      threadId,
+      client
+    }),
+    ...messages
+  ];
+};
+
+// src/hooks/messages/useMessages/lib/queryOptions/queryFn/messagesLimit.ts
+var messagesLimit = 10;
+
+// src/hooks/messages/useMessages/lib/queryOptions/queryFn/hasNextPage.ts
+var hasNextPage = ({
+  messagesResponse
+}) => {
+  if (messagesResponse.data.length < messagesLimit)
+    return false;
+  return messagesResponse.hasNextPage();
+};
+
+// src/hooks/messages/useMessages/lib/queryOptions/queryFn/index.ts
+var queryFn = async ({
+  client = defaultClient,
+  threadId,
+  pageParam
+}) => {
+  const messagesResponse = await client.beta.threads.messages.list(threadId, {
+    ...pageParam ? { after: pageParam } : {},
+    limit: messagesLimit
+  });
+  return {
+    data: await data({
+      client,
+      messagesResponse,
+      pageParam,
+      threadId
+    }),
+    hasNextPage: hasNextPage({ messagesResponse }),
+    // @ts-ignore-next-line
+    lastId: messagesResponse.body.last_id
+  };
+};
+
+// src/hooks/runs/useRuns/lib/queryOptions/queryFn.ts
+var queryFn2 = async ({
+  client = defaultClient,
+  threadId
+}) => {
+  const response = await client.beta.threads.runs.list(threadId, {
+    limit: 1
+  });
+  return {
+    // @ts-ignore-next-line
+    data: response.data,
+    hasNextPage: response.hasNextPage(),
+    // @ts-ignore-next-line
+    lastId: response.body.last_id
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  messagesQueryFn,
+  runsQueryFn
+});
 //# sourceMappingURL=queryFns.js.map

package/dist/queryFns.js.map

@@ -1 +1 @@
-{"version":3,"file":"queryFns.js","sourceRoot":"","sources":["../src/queryFns.ts"],"names":[],"mappings":";;;AAAA,iFAAkG;AAAzF,0GAAA,OAAO,OAAmB;AACnC,yEAAsF;AAA7E,sGAAA,OAAO,OAAe"}
+{"version":3,"sources":["../src/queryFns.ts","../src/lib/ai/index.ts","../src/hooks/messages/useMessages/lib/queryOptions/queryFn/data/index.ts","../src/lib/runSteps/getRunSteps/index.ts","../src/lib/messages/extendMessage.ts","../src/hooks/messages/useMessages/lib/queryOptions/queryFn/data/runMessages/getLatestRun.ts","../src/lib/optimistic/optimisticId.ts","../src/hooks/messages/useMessages/lib/queryOptions/queryFn/data/runMessages/index.ts","../src/hooks/messages/useMessages/lib/queryOptions/queryFn/messagesLimit.ts","../src/hooks/messages/useMessages/lib/queryOptions/queryFn/hasNextPage.ts","../src/hooks/messages/useMessages/lib/queryOptions/queryFn/index.ts","../src/hooks/runs/useRuns/lib/queryOptions/queryFn.ts"],"sourcesContent":["export { queryFn as messagesQueryFn } from '@/hooks/messages/useMessages/lib/queryOptions/queryFn'\nexport { queryFn as runsQueryFn } from '@/hooks/runs/useRuns/lib/queryOptions/queryFn'\n","import OpenAI from 'openai'\n\nexport const defaultClient = new OpenAI({\n  apiKey: '123' || process.env.OPENAI_API_KEY!,\n})\n","import OpenAI from 'openai'\nimport pMap from 'p-map'\nimport { extendMessage } from '@/lib/messages/extendMessage'\nimport { runMessages } from './runMessages'\n\nexport const data = async ({\n  messagesResponse,\n  pageParam,\n  threadId,\n  client,\n}: {\n  messagesResponse: OpenAI.CursorPage<OpenAI.Beta.Threads.Messages.ThreadMessage>\n  pageParam?: string\n  threadId: string\n  client: OpenAI\n}) => {\n  const messages = await pMap(messagesResponse.data, (message) => (\n    extendMessage({\n      client,\n      message,\n    })\n  ))\n\n  if (pageParam) {\n    return messages\n  }\n\n  return [\n    ...await runMessages({\n      messages,\n      threadId,\n      client,\n    }),\n    ...messages,\n  ]\n}\n","import OpenAI from 'openai'\n\ntype Args = {\n  threadId: string\n  runId: string\n  client: OpenAI\n}\n\nexport const getRunSteps = async ({\n  threadId,\n  runId,\n  client,\n}: Args) => {\n  const runStepsResponse = await client.beta.threads.runs.steps.list(\n    threadId,\n    runId,\n  )\n\n  return runStepsResponse.data\n}\n","import OpenAI from 'openai'\nimport { getRunSteps } from '@/lib/runSteps/getRunSteps'\n\ntype Args = {\n  message: OpenAI.Beta.Threads.Messages.ThreadMessage\n  client: OpenAI\n}\n\nexport const extendMessage = async ({\n  message,\n  client,\n}: Args) => {\n  if (!message.run_id) {\n    return {\n      ...message,\n      runSteps: [],\n    }\n  }\n\n  return {\n    ...message,\n    runSteps: await getRunSteps({\n      threadId: message.thread_id,\n      runId: message.run_id,\n      client,\n    }),\n  }\n}\n","import OpenAI from 'openai'\n\ntype Args = {\n  threadId: string\n  client: OpenAI\n}\n\nexport const getLatestRun = async ({\n  threadId,\n  client,\n}: Args) => {\n  const runsResponse = await client.beta.threads.runs.list(threadId, {\n    limit: 1,\n  })\n\n  return runsResponse.data[0]\n}\n","import { uid } from 'radash'\n\nexport const optimisticId = () => (\n  `-${uid(24)}`\n)\n","import OpenAI from 'openai'\nimport { Message } from '@/types'\nimport { getLatestRun } from './getLatestRun'\nimport { extendMessage } from '@/lib/messages/extendMessage'\nimport { optimisticId } from '@/lib/optimistic/optimisticId'\n\ntype Args = {\n  messages: Message[]\n  threadId: string\n  client: OpenAI\n}\n\nexport const runMessages = async ({\n  messages,\n  threadId,\n  client,\n}: Args) => {\n  const latestRun = await getLatestRun({ threadId, client })\n\n  if (!latestRun) {\n    return []\n  }\n\n  const messageFromLatestRun = messages.find(m => m.run_id === latestRun.id)\n\n  if (messageFromLatestRun) {\n    return []\n  }\n\n  return [\n    await extendMessage({\n      message: {\n        id: optimisticId(),\n        role: 'assistant' as OpenAI.Beta.Threads.Messages.ThreadMessage['role'],\n        created_at: +new Date(),\n        object: 'thread.message' as OpenAI.Beta.Threads.Messages.ThreadMessage['object'],\n        content: [],\n        run_id: latestRun.id,\n        assistant_id: latestRun.assistant_id,\n        thread_id: latestRun.thread_id,\n        file_ids: [],\n        metadata: {},\n      },\n      client,\n    }),\n  ]\n}\n","export const messagesLimit = 10\n","import OpenAI from 'openai'\nimport { messagesLimit } from './messagesLimit'\n\nexport const hasNextPage = ({\n  messagesResponse,\n}: {\n  messagesResponse: OpenAI.CursorPage<OpenAI.Beta.Threads.Messages.ThreadMessage>\n}) => {\n  if (messagesResponse.data.length < messagesLimit) return false\n\n  return messagesResponse.hasNextPage()\n}\n","import _ from 'lodash'\nimport { defaultClient } from '@/lib/ai'\nimport { MessagesPage } from '@/types'\nimport { data } from './data'\nimport { messagesLimit } from './messagesLimit'\nimport { hasNextPage } from './hasNextPage'\n\ntype Args = {\n  client?: typeof defaultClient\n  threadId: string\n  pageParam?: string\n}\n\nexport const queryFn = async ({\n  client = defaultClient,\n  threadId,\n  pageParam,\n}: Args): Promise<MessagesPage> => {\n  const messagesResponse = await client.beta.threads.messages.list(threadId, {\n    ...(pageParam ? { after: pageParam } : {}),\n    limit: messagesLimit,\n  })\n\n  return {\n    data: await data({\n      client,\n      messagesResponse,\n      pageParam,\n      threadId,\n    }),\n    hasNextPage: hasNextPage({ messagesResponse }),\n    // @ts-ignore-next-line\n    lastId: messagesResponse.body.last_id,\n  }\n}\n","import { RunsPage } from '@/types'\nimport { defaultClient } from '@/lib/ai'\n\ntype Args = {\n  client?: typeof defaultClient\n  threadId: string\n}\n\nexport const queryFn = async ({\n  client = defaultClient,\n  threadId,\n}: Args): Promise<RunsPage> => {\n  const response = await client.beta.threads.runs.list(threadId, {\n    limit: 1,\n  })\n\n  return {\n    // @ts-ignore-next-line\n    data: response.data,\n    hasNextPage: response.hasNextPage(),\n    // @ts-ignore-next-line\n    lastId: response.body.last_id,\n  }\n}\n"],"mappings":"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","names":["queryFn","OpenAI","pMap","queryFn"]}

package/dist/types/index.d.ts

@@ -1,31 +1,33 @@
 import OpenAI from 'openai';
-export type Message = OpenAI.Beta.Threads.Messages.ThreadMessage & {
+
+type Message = OpenAI.Beta.Threads.Messages.ThreadMessage & {
     runSteps: OpenAI.Beta.Threads.Runs.RunStep[];
 };
-export type MessagesPage = {
+type MessagesPage = {
     data: Message[];
     hasNextPage: boolean;
     lastId: string;
 };
-export type RunStepsPage = {
+type RunStepsPage = {
     data: OpenAI.Beta.Threads.Runs.RunStep[];
     hasNextPage: boolean;
     lastId: string;
 };
-export type MessageGroup = {
+type MessageGroup = {
     id: string;
     role: "user" | "assistant";
     messages: Message[];
     createdAt: number;
 };
-export type Run = OpenAI.Beta.Threads.Runs.Run;
-export type RunsPage = {
+type Run = OpenAI.Beta.Threads.Runs.Run;
+type RunsPage = {
     data: Run[];
     hasNextPage: boolean;
     lastId: string;
 };
 type Fn = (args: any) => Promise<string>;
-export type Functions = {
+type Functions = {
     [key: string]: Fn;
 };
-export {};
+
+export type { Functions, Message, MessageGroup, MessagesPage, Run, RunStepsPage, RunsPage };

package/dist/types/index.js

@@ -1,3 +1,19 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/types/index.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
 //# sourceMappingURL=index.js.map

package/dist/types/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":""}
+{"version":3,"sources":["../../src/types/index.ts"],"sourcesContent":["import OpenAI from 'openai'\n\nexport type Message = OpenAI.Beta.Threads.Messages.ThreadMessage & {\n  runSteps: OpenAI.Beta.Threads.Runs.RunStep[]\n}\n\nexport type MessagesPage = {\n  data: Message[],\n  hasNextPage: boolean,\n  lastId: string\n}\n\nexport type RunStepsPage = {\n  data: OpenAI.Beta.Threads.Runs.RunStep[],\n  hasNextPage: boolean,\n  lastId: string\n}\n\nexport type MessageGroup = {\n  id: string\n  role: \"user\" | \"assistant\"\n  messages: Message[]\n  createdAt: number\n}\n\nexport type Run = OpenAI.Beta.Threads.Runs.Run\n\nexport type RunsPage = {\n  data: Run[],\n  hasNextPage: boolean,\n  lastId: string\n}\n\ntype Fn = (args: any) => Promise<string>\n\nexport type Functions = {\n  [key: string]: Fn\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/{lib/messages/extendMessage.d.ts → utils.d.ts}

@@ -1,8 +1,11 @@
+export { HydrationBoundary, QueryClient, dehydrate } from '@tanstack/react-query';
 import OpenAI from 'openai';
+
 type Args = {
     message: OpenAI.Beta.Threads.Messages.ThreadMessage;
+    client: OpenAI;
 };
-export declare const extendMessage: ({ message, }: Args) => Promise<{
+declare const extendMessage: ({ message, client, }: Args) => Promise<{
     runSteps: OpenAI.Beta.Threads.Runs.Steps.RunStep[];
     id: string;
     assistant_id: string | null;
@@ -15,4 +18,7 @@ export declare const extendMessage: ({ message, }: Args) => Promise<{
     run_id: string | null;
     thread_id: string;
 }>;
-export {};
+
+declare const optimisticId: () => string;
+
+export { extendMessage, optimisticId };

package/dist/utils.js

@@ -0,0 +1,77 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  HydrationBoundary: () => import_react_query.HydrationBoundary,
+  QueryClient: () => import_react_query.QueryClient,
+  dehydrate: () => import_react_query.dehydrate,
+  extendMessage: () => extendMessage,
+  optimisticId: () => optimisticId
+});
+module.exports = __toCommonJS(utils_exports);
+var import_react_query = require("@tanstack/react-query");
+
+// src/lib/runSteps/getRunSteps/index.ts
+var getRunSteps = async ({
+  threadId,
+  runId,
+  client
+}) => {
+  const runStepsResponse = await client.beta.threads.runs.steps.list(
+    threadId,
+    runId
+  );
+  return runStepsResponse.data;
+};
+
+// src/lib/messages/extendMessage.ts
+var extendMessage = async ({
+  message,
+  client
+}) => {
+  if (!message.run_id) {
+    return {
+      ...message,
+      runSteps: []
+    };
+  }
+  return {
+    ...message,
+    runSteps: await getRunSteps({
+      threadId: message.thread_id,
+      runId: message.run_id,
+      client
+    })
+  };
+};
+
+// src/lib/optimistic/optimisticId.ts
+var import_radash = require("radash");
+var optimisticId = () => `-${(0, import_radash.uid)(24)}`;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HydrationBoundary,
+  QueryClient,
+  dehydrate,
+  extendMessage,
+  optimisticId
+});
+//# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils.ts","../src/lib/runSteps/getRunSteps/index.ts","../src/lib/messages/extendMessage.ts","../src/lib/optimistic/optimisticId.ts"],"sourcesContent":["export {\n  QueryClient,\n  HydrationBoundary,\n  dehydrate,\n} from '@tanstack/react-query'\nexport { extendMessage } from '@/lib/messages/extendMessage'\nexport { optimisticId } from '@/lib/optimistic/optimisticId'\n","import OpenAI from 'openai'\n\ntype Args = {\n  threadId: string\n  runId: string\n  client: OpenAI\n}\n\nexport const getRunSteps = async ({\n  threadId,\n  runId,\n  client,\n}: Args) => {\n  const runStepsResponse = await client.beta.threads.runs.steps.list(\n    threadId,\n    runId,\n  )\n\n  return runStepsResponse.data\n}\n","import OpenAI from 'openai'\nimport { getRunSteps } from '@/lib/runSteps/getRunSteps'\n\ntype Args = {\n  message: OpenAI.Beta.Threads.Messages.ThreadMessage\n  client: OpenAI\n}\n\nexport const extendMessage = async ({\n  message,\n  client,\n}: Args) => {\n  if (!message.run_id) {\n    return {\n      ...message,\n      runSteps: [],\n    }\n  }\n\n  return {\n    ...message,\n    runSteps: await getRunSteps({\n      threadId: message.thread_id,\n      runId: message.run_id,\n      client,\n    }),\n  }\n}\n","import { uid } from 'radash'\n\nexport const optimisticId = () => (\n  `-${uid(24)}`\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAIO;;;ACIA,IAAM,cAAc,OAAO;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AACF,MAAY;AACV,QAAM,mBAAmB,MAAM,OAAO,KAAK,QAAQ,KAAK,MAAM;AAAA,IAC5D;AAAA,IACA;AAAA,EACF;AAEA,SAAO,iBAAiB;AAC1B;;;ACXO,IAAM,gBAAgB,OAAO;AAAA,EAClC;AAAA,EACA;AACF,MAAY;AACV,MAAI,CAAC,QAAQ,QAAQ;AACnB,WAAO;AAAA,MACL,GAAG;AAAA,MACH,UAAU,CAAC;AAAA,IACb;AAAA,EACF;AAEA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,UAAU,MAAM,YAAY;AAAA,MAC1B,UAAU,QAAQ;AAAA,MAClB,OAAO,QAAQ;AAAA,MACf;AAAA,IACF,CAAC;AAAA,EACH;AACF;;;AC3BA,oBAAoB;AAEb,IAAM,eAAe,MAC1B,QAAI,mBAAI,EAAE,CAAC;","names":[]}

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@superinterface/react",
-  "version": "1.0.4",
+  "version": "1.1.0",
   "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": "./dist/index.js",
     "./*": "./dist/*.js",
-    "./types": "./dist/types/index.js",
-    "./lib": "./dist/lib/index.js"
+    "./types": "./dist/types/index.js"
   },
   "files": [
     "dist"
@@ -14,6 +15,7 @@
   "keywords": [],
   "license": "ISC",
   "scripts": {
+    "build": "tsup",
     "resolve-tspaths": "resolve-tspaths",
     "install-peers": "install-peers"
   },
@@ -42,6 +44,7 @@
     "@types/react": "^18.2.46",
     "install-peers-cli": "^2.2.0",
     "react": "^18.2.0",
-    "resolve-tspaths": "^0.8.17"
+    "resolve-tspaths": "^0.8.17",
+    "tsup": "^8.0.1"
   }
 }

package/dist/components/examples/Examples/Example/index.d.ts

@@ -1,12 +0,0 @@
-import { UseMutationOptions, UseInfiniteQueryOptions, InfiniteData } from '@tanstack/react-query';
-import { Message, MessagesPage, RunsPage } from '../../../../types';
-type Args = {
-    example: string;
-    messagesQueryOptions: UseInfiniteQueryOptions<InfiniteData<MessagesPage>>;
-    runsQueryOptions: UseInfiniteQueryOptions<InfiniteData<RunsPage>>;
-    createMessageMutationOptions: UseMutationOptions<{
-        message: Message;
-    }>;
-};
-export declare const Example: ({ example, messagesQueryOptions, runsQueryOptions, createMessageMutationOptions, }: Args) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/examples/Examples/Example/index.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Example = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_icons_1 = require("@radix-ui/react-icons");
-const themes_1 = require("@radix-ui/themes");
-const useCreateMessage_1 = require("../../../../hooks/messages/useCreateMessage");
-const useIsRunActive_1 = require("../../../../hooks/runs/useIsRunActive");
-const Example = ({ example, messagesQueryOptions, runsQueryOptions, createMessageMutationOptions, }) => {
-    const { createMessage, } = (0, useCreateMessage_1.useCreateMessage)({
-        createMessageMutationOptions,
-    });
-    const { isRunActive } = (0, useIsRunActive_1.useIsRunActive)({
-        messagesQueryOptions,
-        runsQueryOptions,
-    });
-    return ((0, jsx_runtime_1.jsxs)(themes_1.Button, { variant: "soft", style: {
-            justifyContent: 'space-between',
-        }, onClick: () => {
-            // @ts-ignore-next-line
-            createMessage({
-                content: example,
-            });
-        }, disabled: isRunActive, children: [(0, jsx_runtime_1.jsx)(themes_1.Text, { size: "1", weight: "regular", children: example }), (0, jsx_runtime_1.jsx)(react_icons_1.ArrowUpIcon, {})] }));
-};
-exports.Example = Example;
-//# sourceMappingURL=index.js.map

package/dist/components/examples/Examples/Example/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/examples/Examples/Example/index.tsx"],"names":[],"mappings":";;;;AAKA,uDAE8B;AAC9B,6CAGyB;AACzB,wEAAoE;AACpE,gEAA4D;AAUrD,MAAM,OAAO,GAAG,CAAC,EACtB,OAAO,EACP,oBAAoB,EACpB,gBAAgB,EAChB,4BAA4B,GACvB,EAAE,EAAE;IACT,MAAM,EACJ,aAAa,GACd,GAAG,IAAA,mCAAgB,EAAC;QACnB,4BAA4B;KAC7B,CAAC,CAAA;IAEF,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,+BAAc,EAAC;QACrC,oBAAoB;QACpB,gBAAgB;KACjB,CAAC,CAAA;IAEF,OAAO,CACL,wBAAC,eAAM,IACL,OAAO,EAAC,MAAM,EACd,KAAK,EAAE;YACL,cAAc,EAAE,eAAe;SAChC,EACD,OAAO,EAAE,GAAG,EAAE;YACZ,uBAAuB;YACvB,aAAa,CAAC;gBACZ,OAAO,EAAE,OAAO;aACjB,CAAC,CAAA;QACJ,CAAC,EACD,QAAQ,EAAE,WAAW,aAErB,uBAAC,aAAI,IACH,IAAI,EAAC,GAAG,EACR,MAAM,EAAC,SAAS,YAEf,OAAO,GACH,EAEP,uBAAC,yBAAW,KAAG,IACR,CACV,CAAA;AACH,CAAC,CAAA;AAzCY,QAAA,OAAO,WAyCnB"}

package/dist/components/examples/Examples/index.d.ts

@@ -1,13 +0,0 @@
-import { UseMutationOptions, UseInfiniteQueryOptions, InfiniteData } from '@tanstack/react-query';
-import { Message, MessagesPage, RunsPage } from '../../../types';
-type Args = {
-    messagesQueryOptions: UseInfiniteQueryOptions<InfiniteData<MessagesPage>>;
-    runsQueryOptions: UseInfiniteQueryOptions<InfiniteData<RunsPage>>;
-    createMessageMutationOptions: UseMutationOptions<{
-        message: Message;
-    }>;
-    latestMessage: Message | null;
-    isLoading: boolean;
-};
-export declare const Examples: ({ createMessageMutationOptions, messagesQueryOptions, runsQueryOptions, latestMessage, isLoading, }: Args) => import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/components/examples/Examples/index.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Examples = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const themes_1 = require("@radix-ui/themes");
-const Example_1 = require("./Example");
-const initialExamples = [
-    'Find a brandable domain for an AI cooking app.',
-    'Create a domain name for a todo app.',
-    'Suggest a domain for a financial tech startup.',
-    'Luxurious .com domain for a space company.',
-];
-const regularExamples = [
-    'Continue',
-];
-const Examples = ({ createMessageMutationOptions, messagesQueryOptions, runsQueryOptions, latestMessage, isLoading, }) => {
-    if (!latestMessage) {
-        return ((0, jsx_runtime_1.jsx)(themes_1.Grid, { columns: {
-                initial: "1",
-                md: "2",
-            }, gap: "2", py: "2", children: initialExamples.map((example) => ((0, jsx_runtime_1.jsx)(Example_1.Example, { example: example, createMessageMutationOptions: createMessageMutationOptions, messagesQueryOptions: messagesQueryOptions, runsQueryOptions: runsQueryOptions }, example))) }));
-    }
-    if (latestMessage.role === 'assistant' && !isLoading) {
-        return ((0, jsx_runtime_1.jsx)(themes_1.Grid, { columns: {
-                initial: "3",
-                md: "4",
-            }, gap: "2", py: "2", children: regularExamples.map((example) => ((0, jsx_runtime_1.jsx)(Example_1.Example, { example: example, createMessageMutationOptions: createMessageMutationOptions, messagesQueryOptions: messagesQueryOptions, runsQueryOptions: runsQueryOptions }, example))) }));
-    }
-    return null;
-};
-exports.Examples = Examples;
-//# sourceMappingURL=index.js.map

package/dist/components/examples/Examples/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/examples/Examples/index.tsx"],"names":[],"mappings":";;;;AAKA,6CAEyB;AAEzB,uCAAmC;AAUnC,MAAM,eAAe,GAAG;IACtB,gDAAgD;IAChD,sCAAsC;IACtC,gDAAgD;IAChD,4CAA4C;CAC7C,CAAA;AAED,MAAM,eAAe,GAAG;IACtB,UAAU;CACX,CAAA;AAEM,MAAM,QAAQ,GAAG,CAAC,EACvB,4BAA4B,EAC5B,oBAAoB,EACpB,gBAAgB,EAChB,aAAa,EACb,SAAS,GACJ,EAAE,EAAE;IACT,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,CACL,uBAAC,aAAI,IACH,OAAO,EAAE;gBACP,OAAO,EAAE,GAAG;gBACZ,EAAE,EAAE,GAAG;aACR,EACD,GAAG,EAAC,GAAG,EACP,EAAE,EAAC,GAAG,YAEL,eAAe,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAChC,uBAAC,iBAAO,IAEN,OAAO,EAAE,OAAO,EAChB,4BAA4B,EAAE,4BAA4B,EAC1D,oBAAoB,EAAE,oBAAoB,EAC1C,gBAAgB,EAAE,gBAAgB,IAJ7B,OAAO,CAKZ,CACH,CAAC,GACG,CACR,CAAA;IACH,CAAC;IAED,IAAI,aAAa,CAAC,IAAI,KAAK,WAAW,IAAI,CAAC,SAAS,EAAE,CAAC;QACrD,OAAO,CACL,uBAAC,aAAI,IACH,OAAO,EAAE;gBACP,OAAO,EAAE,GAAG;gBACZ,EAAE,EAAE,GAAG;aACR,EACD,GAAG,EAAC,GAAG,EACP,EAAE,EAAC,GAAG,YAEL,eAAe,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAChC,uBAAC,iBAAO,IAEN,OAAO,EAAE,OAAO,EAChB,4BAA4B,EAAE,4BAA4B,EAC1D,oBAAoB,EAAE,oBAAoB,EAC1C,gBAAgB,EAAE,gBAAgB,IAJ7B,OAAO,CAKZ,CACH,CAAC,GACG,CACR,CAAA;IACH,CAAC;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAtDY,QAAA,QAAQ,YAsDpB"}

package/dist/components/messageGroups/MessagesGroupBase/AssistantAvatar.d.ts

@@ -1 +0,0 @@
-export declare const AssistantAvatar: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/messageGroups/MessagesGroupBase/AssistantAvatar.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AssistantAvatar = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const themes_1 = require("@radix-ui/themes");
-const AssistantAvatarContext_1 = require("../../../contexts/avatars/AssistantAvatarContext");
-const AssistantAvatar = () => {
-    const AssistantAvatarContextValue = (0, react_1.useContext)(AssistantAvatarContext_1.AssistantAvatarContext);
-    return ((0, jsx_runtime_1.jsx)(themes_1.Flex, { shrink: "0", className: "rounded-3 overflow-hidden h-[24px] w-[24px]", children: AssistantAvatarContextValue }));
-};
-exports.AssistantAvatar = AssistantAvatar;
-//# sourceMappingURL=AssistantAvatar.js.map

package/dist/components/messageGroups/MessagesGroupBase/AssistantAvatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AssistantAvatar.js","sourceRoot":"","sources":["../../../../src/components/messageGroups/MessagesGroupBase/AssistantAvatar.tsx"],"names":[],"mappings":";;;;AAAA,iCAAkC;AAClC,6CAEyB;AACzB,sFAAkF;AAE3E,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,2BAA2B,GAAG,IAAA,kBAAU,EAAC,+CAAsB,CAAC,CAAA;IAEtE,OAAO,CACL,uBAAC,aAAI,IACH,MAAM,EAAC,GAAG,EACV,SAAS,EAAC,6CAA6C,YAEtD,2BAA2B,GACvB,CACR,CAAA;AACH,CAAC,CAAA;AAXY,QAAA,eAAe,mBAW3B"}

package/dist/components/messageGroups/MessagesGroupBase/Name.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-type Args = {
-    children: React.ReactNode;
-};
-export declare const Name: ({ children, }: Args) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/messageGroups/MessagesGroupBase/Name.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Name = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const themes_1 = require("@radix-ui/themes");
-const Name = ({ children, }) => ((0, jsx_runtime_1.jsx)(themes_1.Flex, { height: "5", align: "center", children: (0, jsx_runtime_1.jsx)(themes_1.Text, { size: "2", weight: "bold", children: children }) }));
-exports.Name = Name;
-//# sourceMappingURL=Name.js.map

package/dist/components/messageGroups/MessagesGroupBase/Name.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Name.js","sourceRoot":"","sources":["../../../../src/components/messageGroups/MessagesGroupBase/Name.tsx"],"names":[],"mappings":";;;;AAAA,6CAGyB;AAMlB,MAAM,IAAI,GAAG,CAAC,EACnB,QAAQ,GACH,EAAE,EAAE,CAAC,CACV,uBAAC,aAAI,IACH,MAAM,EAAC,GAAG,EACV,KAAK,EAAC,QAAQ,YAEd,uBAAC,aAAI,IACH,IAAI,EAAC,GAAG,EACR,MAAM,EAAC,MAAM,YAEZ,QAAQ,GACJ,GACF,CACR,CAAA;AAdY,QAAA,IAAI,QAchB"}

package/dist/components/messageGroups/MessagesGroupBase/index.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-type Args = {
-    children: React.ReactNode;
-};
-export declare const MessagesGroupBase: import("react").ForwardRefExoticComponent<Args & import("react").RefAttributes<unknown>>;
-export {};

package/dist/components/messageGroups/MessagesGroupBase/index.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MessagesGroupBase = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const themes_1 = require("@radix-ui/themes");
-exports.MessagesGroupBase = (0, react_1.forwardRef)(function MessagesGroupBase({ children, }, ref) {
-    return ((0, jsx_runtime_1.jsx)(themes_1.Container
-    // @ts-ignore-next-line
-    , { 
-        // @ts-ignore-next-line
-        ref: ref, size: "2", grow: "0", children: (0, jsx_runtime_1.jsx)(themes_1.Flex, { shrink: "0", gap: "3", children: children }) }));
-});
-//# sourceMappingURL=index.js.map

package/dist/components/messageGroups/MessagesGroupBase/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/messageGroups/MessagesGroupBase/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAkC;AAClC,6CAGyB;AAMZ,QAAA,iBAAiB,GAAG,IAAA,kBAAU,EAAC,SAAS,iBAAiB,CAAC,EACrE,QAAQ,GACH,EAAE,GAAG;IACV,OAAO,CACL,uBAAC,kBAAS;IACR,uBAAuB;;QAAvB,uBAAuB;QACvB,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,GAAG,YAER,uBAAC,aAAI,IACH,MAAM,EAAC,GAAG,EACV,GAAG,EAAC,GAAG,YAEN,QAAQ,GACJ,GACG,CACb,CAAA;AACH,CAAC,CAAC,CAAA"}

package/dist/components/messages/Form/Submit/index.d.ts

@@ -1,6 +0,0 @@
-type Args = {
-    isLoading: boolean;
-    isDisabled: boolean;
-};
-export declare const Submit: ({ isLoading, isDisabled }: Args) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/messages/Form/Submit/index.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Submit = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_icons_1 = require("@radix-ui/react-icons");
-const themes_1 = require("@radix-ui/themes");
-const Spinner_1 = require("../../../spinners/Spinner");
-const Submit = ({ isLoading, isDisabled }) => ((0, jsx_runtime_1.jsx)(themes_1.Button, { type: "submit", color: "gray", highContrast: true, radius: "large", disabled: isLoading || isDisabled, children: isLoading ? (0, jsx_runtime_1.jsx)(Spinner_1.Spinner, {}) : (0, jsx_runtime_1.jsx)(react_icons_1.ArrowUpIcon, {}) }));
-exports.Submit = Submit;
-//# sourceMappingURL=index.js.map

package/dist/components/messages/Form/Submit/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/messages/Form/Submit/index.tsx"],"names":[],"mappings":";;;;AAAA,uDAE8B;AAC9B,6CAEyB;AACzB,2DAEsC;AAO/B,MAAM,MAAM,GAAG,CAAC,EACrB,SAAS,EACT,UAAU,EACL,EAAE,EAAE,CAAC,CACV,uBAAC,eAAM,IACL,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,MAAM,EACZ,YAAY,QACZ,MAAM,EAAC,OAAO,EACd,QAAQ,EAAE,SAAS,IAAI,UAAU,YAEhC,SAAS,CAAC,CAAC,CAAC,uBAAC,iBAAO,KAAG,CAAC,CAAC,CAAC,uBAAC,yBAAW,KAAG,GACnC,CACV,CAAA;AAbY,QAAA,MAAM,UAalB"}