@messenger-box/tailwind-ui-inbox 10.0.3-alpha.0

package/lib/container/ThreadsInbox.js

@@ -0,0 +1,243 @@
+import React__default,{useEffect}from'react';import {isToday,isYesterday,format}from'date-fns';import {uniqBy,orderBy,startCase}from'lodash-es';import {useThreadMessagesQuery,OnThreadCreatedUpdatedDocument}from'common/graphql';import {useTranslation}from'react-i18next';import {config}from'../config/env-config.js';const {
+  MESSAGES_PER_PAGE,
+  WEB_INBOX_MESSEGE_PATH
+} = config;
+// Skeleton component replacement
+const SkeletonLoader = () => React__default.createElement("div", {
+  className: "animate-pulse"
+}, React__default.createElement("div", {
+  className: "h-10 bg-gray-200 rounded"
+}));
+const ThreadsInbox = React__default.memo(({
+  channelId,
+  role,
+  setChannelId,
+  setPostId,
+  setGoBack,
+  pathPrefix = null
+}) => {
+  const threadsListRootRef = React__default.useRef(null);
+  const threadsListRef = React__default.useRef(null);
+  const {
+    t
+  } = useTranslation('translations');
+  const {
+    data,
+    loading: threadLoading,
+    error,
+    refetch,
+    subscribeToMore
+  } = useThreadMessagesQuery({
+    variables: {
+      channelId: channelId?.toString(),
+      role: role?.toString(),
+      limit: MESSAGES_PER_PAGE,
+      repliesLimit2: 5
+    },
+    fetchPolicy: 'cache-and-network'
+  });
+  useEffect(() => {
+    if (channelId) {
+      setGoBack?.(false);
+      refetch({
+        channelId: channelId?.toString(),
+        role: role?.toString(),
+        limit: MESSAGES_PER_PAGE,
+        repliesLimit2: 5
+      });
+    }
+  }, [channelId]);
+  const threads = React__default.useMemo(() => {
+    if (!data?.threadMessages?.data?.length) return null;
+    const {
+      data: newThreads
+    } = data?.threadMessages;
+    const threadsFiltered = uniqBy([...newThreads], ({
+      id
+    }) => id);
+    return orderBy(threadsFiltered, ['updatedAt'], ['desc']) || [];
+  }, [data?.threadMessages]);
+  const fetchMoreThreads = React__default.useCallback(() => {
+    refetch({
+      channelId: channelId?.toString(),
+      role: role?.toString(),
+      skip: threads?.length,
+      repliesLimit2: 5
+    });
+  }, []);
+  const onMessagesScroll = React__default.useCallback(e => {
+    if (threadsListRootRef.current) {
+      const {
+        scrollTop,
+        scrollHeight,
+        clientHeight
+      } = threadsListRootRef.current;
+      if (clientHeight - scrollTop > scrollHeight - 50 && !threadLoading) {
+        fetchMoreThreads();
+      }
+    }
+  }, [fetchMoreThreads]);
+  const handleSelectThread = React__default.useCallback((channelId, postId) => {
+    setChannelId?.(channelId);
+    setPostId?.(postId);
+    setGoBack?.(true);
+  }, []);
+  if (threadLoading) {
+    return React__default.createElement("div", {
+      className: "space-y-4"
+    }, Array(10).fill(1).map((_x, _y) => React__default.createElement(SkeletonLoader, {
+      key: _y
+    })));
+  }
+  if (!threads || threads?.length == 0) {
+    return React__default.createElement("div", {
+      className: "w-full bg-gray-100 h-full flex items-center justify-center"
+    }, React__default.createElement("span", {
+      className: "text-gray-500"
+    }, t('tailwind_ui_inbox.you_dont_have_any_message_yet')));
+  }
+  return React__default.createElement("div", {
+    ref: threadsListRootRef,
+    className: "flex flex-grow flex-shrink overflow-y-auto px-5 bg-gray-100",
+    onScroll: onMessagesScroll
+  }, React__default.createElement(ThreadsList, {
+    threads: threads,
+    handleSelectThread: handleSelectThread,
+    threadsListRef: threadsListRef,
+    subscribeToNewThreads: () => subscribeToMore({
+      document: OnThreadCreatedUpdatedDocument,
+      variables: {
+        channelId: channelId?.toString(),
+        postParentId: null
+      },
+      updateQuery: (prev, {
+        subscriptionData
+      }) => {
+        if (!subscriptionData.data) return prev;
+        const newPostThreadData = subscriptionData?.data?.threadCreatedUpdated?.data;
+        const newMessage = subscriptionData?.data?.threadCreatedUpdated?.lastMessage;
+        const updatedData = prev?.threadMessages?.data?.map(t => t.id === newPostThreadData?.id ? {
+          ...t,
+          replies: [...t?.replies, newMessage],
+          replyCount: newPostThreadData?.replyCount,
+          lastReplyAt: newPostThreadData?.lastReplyAt,
+          updatedAt: newPostThreadData?.updatedAt
+        } : t) ?? [];
+        const threadsData = updatedData?.length ? orderBy(updatedData, ['updatedAt'], ['desc']) : [];
+        return Object.assign({}, prev, {
+          threadMessages: {
+            ...prev?.threadMessages,
+            totalCount: newPostThreadData?.totalCount ?? 0,
+            data: threadsData?.length > 0 ? threadsData : [newPostThreadData]
+          }
+        });
+      }
+    })
+  }));
+});
+const ThreadsList = React__default.memo(({
+  threads,
+  handleSelectThread,
+  threadsListRef,
+  subscribeToNewThreads
+}) => {
+  React__default.useEffect(() => subscribeToNewThreads(), []);
+  return React__default.createElement("div", {
+    className: "w-full",
+    ref: threadsListRef
+  }, threads?.length > 0 && threads?.map((thread, index) => {
+    return React__default.createElement("div", {
+      key: 'thread-key-' + index
+    }, React__default.createElement(ThreadItem, {
+      onOpen: handleSelectThread,
+      thread: thread
+    }));
+  }));
+});
+const ThreadItem = React__default.memo(({
+  thread,
+  onOpen
+}) => {
+  const {
+    t
+  } = useTranslation('translations');
+  const threadPostReply = React__default.useMemo(() => {
+    if (!thread?.replies) return null;
+    return orderBy(thread?.replies, ['updatedAt'], ['desc']) || [];
+  }, [thread]);
+  const createdAtText = value => {
+    if (!value) return '';
+    let date = new Date(value);
+    if (isToday(date)) return t('tailwind_ui_inbox.today');
+    if (isYesterday(date)) return t('tailwind_ui_inbox.yesterday');
+    return format(new Date(value), 'MMM dd, yyyy');
+  };
+  return React__default.createElement("div", {
+    className: "flex-1 py-2 my-2 space-y-4"
+  }, React__default.createElement("div", {
+    className: "flex space-x-6"
+  }, React__default.createElement("div", {
+    className: "w-full"
+  }, React__default.createElement("div", {
+    className: "flex flex-col items-start pt-5 pb-5 pl-5 pr-2 space-y-5 bg-white rounded-md shadow-sm p-6"
+  }, !threadPostReply || (threadPostReply?.length == 0 || threadPostReply?.length == 1) && React__default.createElement("div", {
+    className: "flex w-full items-start space-x-4"
+  }, React__default.createElement("div", null, React__default.createElement("img", {
+    className: "w-9 h-9 object-cover rounded",
+    src: thread?.post?.author?.picture,
+    alt: startCase(thread?.post?.author?.username?.charAt(0))
+  })), React__default.createElement("div", {
+    className: "leading-3"
+  }, React__default.createElement("div", {
+    className: "flex flex-col flex-1 items-start space-y-3"
+  }, React__default.createElement("div", {
+    className: "flex space-x-2"
+  }, React__default.createElement("span", {
+    className: "text-lg text-gray-900 font-semibold flex-wrap"
+  }, thread?.post?.author?.givenName ?? '', ' ', thread?.post?.author?.familyName ?? ''), React__default.createElement("span", {
+    className: "text-sm text-gray-500 font-semibold flex-wrap"
+  }, thread?.post ? createdAtText(thread?.post?.createdAt) : '')), React__default.createElement("div", {
+    className: "space-y-2"
+  }, React__default.createElement("p", {
+    className: "text-sm text-gray-500 font-semibold flex-wrap"
+  }, thread?.post?.message ? thread?.post?.message.length < 70 ? `${thread?.post?.message}` : `${thread?.post?.message.substring(0, 68)}....` : ''), thread?.post?.files?.data?.length > 0 && thread?.post?.files?.data?.map((f, idx) => React__default.createElement("div", {
+    key: idx
+  }, React__default.createElement("img", {
+    className: "w-12 h-12 object-cover",
+    src: f?.url,
+    alt: 'Image'
+  })))), threadPostReply?.length == 0 && React__default.createElement("button", {
+    onClick: () => onOpen(thread?.channel?.id?.toString(), thread?.post?.id?.toString()),
+    className: "py-2 px-4 border border-gray-300 text-gray-700 bg-white hover:bg-gray-50 rounded-md text-sm font-medium w-37 focus:outline-none focus:ring-2 focus:ring-gray-500"
+  }, "Reply")))), threadPostReply?.length > 0 && React__default.createElement(React__default.Fragment, null, threadPostReply?.slice(0, 2)?.reverse()?.map((reply, index) => React__default.createElement("div", {
+    key: 'thread-post-reply-item-' + index,
+    className: "flex w-full items-start space-x-4"
+  }, React__default.createElement("div", null, React__default.createElement("img", {
+    className: "w-9 h-9 object-cover rounded",
+    src: reply?.author?.picture,
+    alt: startCase(reply?.author?.username?.charAt(0))
+  })), React__default.createElement("div", {
+    className: "leading-3"
+  }, React__default.createElement("div", {
+    className: "flex flex-col flex-1 items-start space-y-3"
+  }, React__default.createElement("div", {
+    className: "flex space-x-2"
+  }, React__default.createElement("span", {
+    className: "text-lg text-gray-900 font-semibold flex-wrap"
+  }, reply?.author?.givenName ?? '', ' ', reply?.author?.familyName ?? ''), React__default.createElement("span", {
+    className: "text-sm text-gray-500 font-semibold flex-wrap"
+  }, reply?.createdAt ? createdAtText(reply?.createdAt) : '')), React__default.createElement("div", {
+    className: "space-y-2"
+  }, React__default.createElement("p", {
+    className: "text-sm text-gray-500 font-semibold flex-wrap"
+  }, reply?.message ? reply?.message.length < 70 ? `${reply?.message}` : `${reply?.message.substring(0, 68)}....` : ''), reply?.files?.data?.length > 0 && reply?.files?.data?.map((f, idx) => React__default.createElement("div", {
+    key: idx
+  }, React__default.createElement("img", {
+    className: "w-12 h-12 object-cover",
+    src: f?.url,
+    alt: 'Image'
+  })))), (threadPostReply?.length == 1 || index !== 0) && React__default.createElement("button", {
+    onClick: () => onOpen(thread?.channel?.id?.toString(), thread?.post?.id?.toString()),
+    className: "py-2 px-4 border border-gray-300 text-gray-700 bg-white hover:bg-gray-50 rounded-md text-sm font-medium w-37 focus:outline-none focus:ring-2 focus:ring-gray-500"
+  }, "Reply"))))))))));
+});export{ThreadsInbox};//# sourceMappingURL=ThreadsInbox.js.map

package/lib/container/ThreadsInbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadsInbox.js","sources":["../../src/container/ThreadsInbox.tsx"],"sourcesContent":[null],"names":["React","THREAD_CHAT_ADDED"],"mappings":"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"}

package/lib/container/apply-footer-styles.d.ts

@@ -0,0 +1,2 @@
+export declare const applyFooterStyles: () => () => void;
+//# sourceMappingURL=apply-footer-styles.d.ts.map

package/lib/container/apply-footer-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"apply-footer-styles.d.ts","sourceRoot":"","sources":["../../src/container/apply-footer-styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,kBAgB7B,CAAC"}

package/lib/container/apply-footer-styles.js

@@ -0,0 +1,16 @@
+const applyFooterStyles = () => {
+  const footerElement = document.querySelector('#nav-footer');
+  if (footerElement) {
+    footerElement.style.display = 'none';
+  }
+  const nkqmc7 = document.querySelector('.css-nkqmc7'); // temp, check paddingBottom needed
+  if (nkqmc7) {
+    nkqmc7.style.paddingBottom = '0px';
+    nkqmc7.style.minHeight = '0px';
+  }
+  return () => {
+    if (footerElement?.style) {
+      footerElement.style.display = 'block';
+    }
+  };
+};export{applyFooterStyles};//# sourceMappingURL=apply-footer-styles.js.map

package/lib/container/apply-footer-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apply-footer-styles.js","sources":["../../src/container/apply-footer-styles.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAO,MAAM,iBAAiB,GAAG,MAAK;QAClC,aAAM,WAAqB,CAAA,2BAAuB,CAAA;MAClD,aAAI,EAAa;AACb,IAAA,aAAA,CAAA,KAAc,CAAA,OAAM,GAAA;;QAExB,MAAM,GAAM,QAAQ,CAAA,aAAS,CAAA,aAAc,CAAA,CAAa;MACxD,MAAI,EAAM;AACN,IAAA,MAAA,CAAA,KAAO,CAAA,aAAM,GAAA;AACb,IAAA,MAAA,CAAA,KAAO,CAAA,SAAM,GAAA;;AAGjB,EAAA,OAAA,MAAU;AACN,IAAA,IAAA,aAAI,EAAA,KAAe,EAAA;AACf,MAAA,aAAA,CAAA,KAAa,CAAC,OAAM,GAAA;;AAE5B,EAAA,CAAA;AACJ"}

package/lib/container/index.d.ts

@@ -0,0 +1,13 @@
+import Inbox from './Inbox';
+import InboxWithLoader from './InboxWithLoader';
+import Threads from './Threads';
+import ThreadMessages from './ThreadMessages';
+import ServiceInbox from './ServiceInbox';
+import { ThreadsInbox } from './ThreadsInbox';
+import { ThreadMessagesInbox } from './ThreadMessagesInbox';
+import InboxWithAiLoader from './InboxWithAiLoader';
+import InboxAiMessagesLoader from './InboxAiMessagesLoader';
+import InboxContainer from './InboxContainer';
+import AiLandingInput from './AiLandingInput';
+export { Inbox, ThreadsInbox, ThreadMessagesInbox, Threads, ThreadMessages, ServiceInbox, InboxWithLoader, InboxWithAiLoader, InboxAiMessagesLoader, InboxContainer, AiLandingInput, };
+//# sourceMappingURL=index.d.ts.map

package/lib/container/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/container/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EACH,KAAK,EACL,YAAY,EACZ,mBAAmB,EACnB,OAAO,EACP,cAAc,EACd,YAAY,EACZ,eAAe,EAIf,iBAAiB,EACjB,qBAAqB,EACrB,cAAc,EACd,cAAc,GACjB,CAAC"}

package/lib/enums/index.d.ts

@@ -0,0 +1,2 @@
+export { MessengerSlotFillNameEnum } from './messenger-slot-fill-name-enum';
+//# sourceMappingURL=index.d.ts.map

package/lib/enums/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/enums/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC"}

package/lib/enums/messenger-slot-fill-name-enum.d.ts

@@ -0,0 +1,11 @@
+export declare enum MessengerSlotFillNameEnum {
+    INBOX_RIGHT_SIDEBAR = "inbox-right-sidebar",
+    INBOX_WITH_AI_RIGHT_SIDEBAR = "inbox-with-ai-right-sidebar",
+    CHAT_SETTINGS = "chat-settings",
+    TOOLUSE_NAME = "tooluse",
+    THINKING_NAME = "thinking",
+    CODEBLOCK_NAME = "codeblock",
+    AIASSISTANT_NAME = "aiassistant",
+    SERVICE_NAME = "service"
+}
+//# sourceMappingURL=messenger-slot-fill-name-enum.d.ts.map

package/lib/enums/messenger-slot-fill-name-enum.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messenger-slot-fill-name-enum.d.ts","sourceRoot":"","sources":["../../src/enums/messenger-slot-fill-name-enum.ts"],"names":[],"mappings":"AAAA,oBAAY,yBAAyB;IACjC,mBAAmB,wBAAwB;IAC3C,2BAA2B,gCAAgC;IAC3D,aAAa,kBAAkB;IAC/B,YAAY,YAAY;IACxB,aAAa,aAAa;IAC1B,cAAc,cAAc;IAC5B,gBAAgB,gBAAgB;IAChC,YAAY,YAAY;CAC3B"}

package/lib/enums/messenger-slot-fill-name-enum.js

@@ -0,0 +1,11 @@
+var MessengerSlotFillNameEnum;
+(function (MessengerSlotFillNameEnum) {
+  MessengerSlotFillNameEnum["INBOX_RIGHT_SIDEBAR"] = "inbox-right-sidebar";
+  MessengerSlotFillNameEnum["INBOX_WITH_AI_RIGHT_SIDEBAR"] = "inbox-with-ai-right-sidebar";
+  MessengerSlotFillNameEnum["CHAT_SETTINGS"] = "chat-settings";
+  MessengerSlotFillNameEnum["TOOLUSE_NAME"] = "tooluse";
+  MessengerSlotFillNameEnum["THINKING_NAME"] = "thinking";
+  MessengerSlotFillNameEnum["CODEBLOCK_NAME"] = "codeblock";
+  MessengerSlotFillNameEnum["AIASSISTANT_NAME"] = "aiassistant";
+  MessengerSlotFillNameEnum["SERVICE_NAME"] = "service";
+})(MessengerSlotFillNameEnum || (MessengerSlotFillNameEnum = {}));export{MessengerSlotFillNameEnum};//# sourceMappingURL=messenger-slot-fill-name-enum.js.map

package/lib/enums/messenger-slot-fill-name-enum.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messenger-slot-fill-name-enum.js","sources":["../../src/enums/messenger-slot-fill-name-enum.ts"],"sourcesContent":[null],"names":[],"mappings":"IAAY;AAAZ,CAAA,UAAY,yBAAyB,EAAA;AACjC,EAAA,yBAAA,CAAA,qBAAA,CAAA,GAAA,qBAAA;AACA,EAAA,yBAAA,CAAA,6BAAA,CAAA,GAAA,6BAAA;AACA,EAAA,yBAAA,CAAA,eAAA,CAAA,GAAA,eAAA;AACA,EAAA,yBAAA,CAAA,cAAA,CAAA,GAAA,SAAA;AACA,EAAA,yBAAA,CAAA,eAAA,CAAA,GAAA,UAAA;AACA,EAAA,yBAAA,CAAA,gBAAA,CAAA,GAAA,WAAA;AACA,EAAA,yBAAA,CAAA,kBAAA,CAAA,GAAA,aAAA;AACA,EAAA,yBAAA,CAAA,cAAA,CAAA,GAAA,SAAA;AACJ,CAAC,EATW,yBAAyB,KAAzB,yBAAyB,GAAA,EAAA,CAAA,CAAA"}

package/lib/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export * from './usePersistentModelConfig';
+export * from './useTemplates';
+export * from './useStreamAssembler';
+//# sourceMappingURL=index.d.ts.map

package/lib/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC"}

package/lib/hooks/usePersistentModelConfig.d.ts

@@ -0,0 +1,33 @@
+export type ProviderId = 'openai' | 'anthropic' | 'gemini' | 'groq';
+export type ModelConfigMetadata = {
+    formExtensionE2BAPIKey?: string;
+    formExtensionE2BClaudeTemplateId?: string;
+    formExtensionE2BDomain?: string;
+    formExtensionE2BTemplateId?: string;
+    formExtensionE2BViteReactTemplateId?: string;
+    formExtensionE2BVueTemplateId?: string;
+    formExtensionGithubOrg?: string;
+    formExtensionGithubReactBase?: string;
+    formExtensionGithubToken?: string;
+};
+export interface ModelConfig {
+    provider: ProviderId;
+    model: string;
+    apiKey: string;
+    template: 'vite-react' | 'nextjs' | 'vue';
+    extensionId: string;
+    formId: string;
+    functionId?: string;
+    stepName?: string;
+    metadata?: ModelConfigMetadata;
+    domain?: string;
+    mode: 'plan' | 'build';
+}
+export declare function usePersistentModelConfig(): {
+    modelConfig: ModelConfig;
+    updateModelConfig: (newConfig: Partial<ModelConfig> | ModelConfig) => void;
+    getValidatedConfig: () => ModelConfig;
+    hasApiKey: boolean;
+};
+export default usePersistentModelConfig;
+//# sourceMappingURL=usePersistentModelConfig.d.ts.map

package/lib/hooks/usePersistentModelConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePersistentModelConfig.d.ts","sourceRoot":"","sources":["../../src/hooks/usePersistentModelConfig.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEpE,MAAM,MAAM,mBAAmB,GAAG;IAC9B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,gCAAgC,CAAC,EAAE,MAAM,CAAC;IAC1C,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,mCAAmC,CAAC,EAAE,MAAM,CAAC;IAC7C,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACrC,CAAC;AAEF,MAAM,WAAW,WAAW;IACxB,QAAQ,EAAE,UAAU,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,YAAY,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC1C,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AA0ED,wBAAgB,wBAAwB;;mCAkCc,OAAO,CAAC,WAAW,CAAC,GAAG,WAAW;;;EA2BvF;AAED,eAAe,wBAAwB,CAAC"}

package/lib/hooks/usePersistentModelConfig.js

@@ -0,0 +1,123 @@
+import {useState,useEffect,useCallback,useMemo}from'react';const STORAGE_KEY = 'mbx:model-config';
+const DEFAULT_METADATA = {
+  formExtensionE2BAPIKey: '',
+  formExtensionE2BClaudeTemplateId: '',
+  formExtensionE2BDomain: '',
+  formExtensionE2BTemplateId: '',
+  formExtensionE2BViteReactTemplateId: '',
+  formExtensionE2BVueTemplateId: '',
+  formExtensionGithubOrg: '',
+  formExtensionGithubReactBase: '',
+  formExtensionGithubToken: ''
+};
+const DEFAULTS = {
+  provider: 'anthropic',
+  // model: 'claude-3-5-sonnet-20241022',
+  model: 'claude-sonnet-4-5-20250929',
+  apiKey: '',
+  template: 'vite-react',
+  extensionId: '',
+  formId: '',
+  functionId: '',
+  stepName: '',
+  domain: 'yarntra.ai',
+  mode: 'plan',
+  metadata: DEFAULT_METADATA
+};
+// Simple module-level store so all hook instances stay in sync
+let globalModelConfig = null;
+let subscribers = [];
+function notifySubscribers(config) {
+  subscribers.forEach(cb => {
+    try {
+      cb(config);
+    } catch {
+      // ignore subscriber errors
+    }
+  });
+}
+function loadFromStorage() {
+  try {
+    const raw = typeof window !== 'undefined' ? window.localStorage.getItem(STORAGE_KEY) : null;
+    if (!raw) return null;
+    const parsed = JSON.parse(raw);
+    // Merge with defaults to ensure all fields are present
+    return {
+      ...DEFAULTS,
+      ...parsed,
+      metadata: {
+        ...DEFAULT_METADATA,
+        ...(parsed?.metadata || {})
+      }
+    };
+  } catch {
+    return null;
+  }
+}
+function saveToStorage(config) {
+  try {
+    if (typeof window !== 'undefined') {
+      window.localStorage.setItem(STORAGE_KEY, JSON.stringify(config));
+    }
+  } catch {
+    // ignore
+  }
+}
+function usePersistentModelConfig() {
+  const [modelConfig, setModelConfig] = useState(() => {
+    if (globalModelConfig) return globalModelConfig;
+    const loaded = loadFromStorage();
+    // Merge with defaults to ensure all fields are present even if loaded config is partial
+    const initial = loaded ? {
+      ...DEFAULTS,
+      ...loaded,
+      metadata: {
+        ...DEFAULT_METADATA,
+        ...(loaded.metadata || {})
+      }
+    } : DEFAULTS;
+    globalModelConfig = initial;
+    return initial;
+  });
+  // Keep this hook instance in sync with global store
+  useEffect(() => {
+    const subscriber = config => {
+      setModelConfig(config);
+    };
+    subscribers.push(subscriber);
+    return () => {
+      subscribers = subscribers.filter(s => s !== subscriber);
+    };
+  }, []);
+  const updateModelConfig = useCallback(newConfig => {
+    setModelConfig(prev => {
+      const base = globalModelConfig || prev || DEFAULTS;
+      const next = {
+        ...DEFAULTS,
+        ...base,
+        ...newConfig
+      };
+      next.metadata = {
+        ...DEFAULT_METADATA,
+        ...(base.metadata || {}),
+        ...(newConfig?.metadata || {})
+      };
+      globalModelConfig = next;
+      saveToStorage(next);
+      // Defer notification to avoid "Cannot update component X while rendering component Y"
+      queueMicrotask(() => notifySubscribers(next));
+      return next;
+    });
+  }, []);
+  const hasApiKey = useMemo(() => Boolean(modelConfig.apiKey && modelConfig.apiKey.trim().length > 0), [modelConfig]);
+  const getValidatedConfig = useCallback(() => {
+    if (!hasApiKey) return null;
+    return modelConfig;
+  }, [hasApiKey, modelConfig]);
+  return {
+    modelConfig,
+    updateModelConfig,
+    getValidatedConfig,
+    hasApiKey
+  };
+}export{usePersistentModelConfig};//# sourceMappingURL=usePersistentModelConfig.js.map

package/lib/hooks/usePersistentModelConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePersistentModelConfig.js","sources":["../../src/hooks/usePersistentModelConfig.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/lib/hooks/useStreamAssembler.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Re-export from the centralized @messenger-box/platform-client package.
+ * This file is kept for backward compatibility so existing imports
+ * from tailwind-ui-inbox consumers continue to work.
+ */
+export { useStreamAssembler, parseStreamMessage } from '@messenger-box/platform-client';
+export type { ActiveStream, CompletedStream } from '@messenger-box/platform-client';
+//# sourceMappingURL=useStreamAssembler.d.ts.map

package/lib/hooks/useStreamAssembler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStreamAssembler.d.ts","sourceRoot":"","sources":["../../src/hooks/useStreamAssembler.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACxF,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC"}

package/lib/hooks/useTemplates.d.ts

@@ -0,0 +1,14 @@
+import type { TemplateConfig } from '../types/templates';
+export interface UseTemplatesReturn {
+    /** Marketplace templates for selector (same as aicode-stack useTemplates). */
+    marketplaceTemplates: TemplateConfig[];
+    /** Alias for marketplaceTemplates for backward compatibility. */
+    templates: TemplateConfig[];
+    loading: boolean;
+}
+/**
+ * Hook for fetching templates from marketplace/extension (from extension config).
+ * Aligned with aicode-stack use-templates: returns marketplaceTemplates and same TemplateConfig shape (E2B/GitHub fields).
+ */
+export declare function useTemplates(): UseTemplatesReturn;
+//# sourceMappingURL=useTemplates.d.ts.map

package/lib/hooks/useTemplates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTemplates.d.ts","sourceRoot":"","sources":["../../src/hooks/useTemplates.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD,MAAM,WAAW,kBAAkB;IAC/B,8EAA8E;IAC9E,oBAAoB,EAAE,cAAc,EAAE,CAAC;IACvC,iEAAiE;IACjE,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,OAAO,EAAE,OAAO,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,YAAY,IAAI,kBAAkB,CAyDjD"}

package/lib/hooks/useTemplates.js

@@ -0,0 +1,59 @@
+import {useSettingsLoader}from'@adminide-stack/platform-client';import {ContributionSchemaId}from'common';import {useRef,useMemo}from'react';/**
+ * Hook for fetching templates from marketplace/extension (from extension config).
+ * Aligned with aicode-stack use-templates: returns marketplaceTemplates and same TemplateConfig shape (E2B/GitHub fields).
+ */
+function useTemplates() {
+  const {
+    data: marketplaceData,
+    loading: marketplaceLoading
+  } = useSettingsLoader({
+    configKey: 'marketplace.templates.codeAssistant',
+    schemaId: ContributionSchemaId.UiLayout,
+    resourceUri: undefined,
+    includeMarketplace: true
+  });
+  const templatesRef = useRef([]);
+  const marketplaceTemplates = useMemo(() => {
+    if (!marketplaceData || typeof marketplaceData !== 'object') {
+      return templatesRef.current.length === 0 ? [] : templatesRef.current;
+    }
+    const result = [];
+    Object.entries(marketplaceData).forEach(([_, templateInfo]) => {
+      if (templateInfo?.enable === false || templateInfo?.enable === 'false') return;
+      if (!templateInfo?.templateName || !templateInfo?.formId || !templateInfo?.formExtensionId) return;
+      result.push({
+        formExtensionId: templateInfo.formExtensionId || '',
+        formFunctionId: templateInfo.formFunctionId || '',
+        formId: templateInfo.formId || '',
+        tags: templateInfo.tags || {},
+        enable: String(templateInfo.enable),
+        templateName: templateInfo.templateName || '',
+        displayName: templateInfo.displayName || templateInfo.templateName || '',
+        description: templateInfo.description || '',
+        category: templateInfo.category || templateInfo.projectType || 'Other',
+        icon: templateInfo.icon || 'Layout',
+        projectType: templateInfo.projectType || '',
+        keywords: templateInfo.keywords || {},
+        formExtensionE2BAPIKey: templateInfo.formExtensionE2BAPIKey,
+        formExtensionE2BClaudeTemplateId: templateInfo.formExtensionE2BClaudeTemplateId,
+        formExtensionE2BDomain: templateInfo.formExtensionE2BDomain,
+        formExtensionE2BTemplateId: templateInfo.formExtensionE2BTemplateId,
+        formExtensionE2BViteReactTemplateId: templateInfo.formExtensionE2BViteReactTemplateId,
+        formExtensionE2BVueTemplateId: templateInfo.formExtensionE2BVueTemplateId,
+        formExtensionGithubOrg: templateInfo.formExtensionGithubOrg,
+        formExtensionGithubReactBase: templateInfo.formExtensionGithubReactBase,
+        formExtensionGithubToken: templateInfo.formExtensionGithubToken,
+        formExtensionModelConfigAPIKey: templateInfo.formExtensionModelConfigAPIKey
+      });
+    });
+    const newStr = JSON.stringify(result);
+    const oldStr = JSON.stringify(templatesRef.current);
+    if (newStr !== oldStr) templatesRef.current = result;
+    return templatesRef.current;
+  }, [marketplaceData]);
+  return {
+    marketplaceTemplates,
+    templates: marketplaceTemplates,
+    loading: marketplaceLoading ?? false
+  };
+}export{useTemplates};//# sourceMappingURL=useTemplates.js.map

package/lib/hooks/useTemplates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTemplates.js","sources":["../../src/hooks/useTemplates.ts"],"sourcesContent":[null],"names":[],"mappings":"6IAaA;;;AAGG;SACa,YAAY,GAAA;QACxB;AACI,IAAA,IAAA,EAAA,eAAW;WACX,EAAA;AACA,GAAA,GAAA,iBAAa,CAAA;AACb,IAAA,SAAA,EAAA,qCAAwB;AAC3B,IAAA,QAAE,EAAA,oBAAA,CAAA,QAAA;AAEH,IAAA,sBAAqB;AAErB,IAAA,kBAAM,EAAA;;AAEE,EAAA,MAAA,wBAAoB,CAAA;QACxB,oBAAC,GAAA,OAAA,CAAA,MAAA;QAED,CAAA,eAAiC,IAAG,OAAA,eAAA,KAAA,QAAA,EAAA;AACpC,MAAA,OAAA,YAAe,CAAA,OAAA,CAAA,MAAiB,KAAA,CAAA,GAAS,EAAE,GAAE,YAA4B,QAAI;;gBACD,GAAA,EAAA;AACxE,IAAA,MAAA,CAAA,OAAK,CAAA,eAAc,CAAA,CAAA,OAAY,CAAA,CAAA,CAAA,CAAI,EAAC,YAAY,CAAE,KAAA;sBAA0C,EAAO,MAAA,KAAA,KAAA,IAAA,YAAA,EAAA,MAAA,KAAA,OAAA,EAAA;uBAExF,EAAC,YAAA,IAAA,CAAA,YAAA,EAAA,MAAA,IAAA,CAAA,YAAA,EAAA,eAAA,EAAA;AACR,MAAA,MAAA,CAAA,IAAA,CAAA;AACA,QAAA,eAAA,EAAA,YAAiB,CAAA,eAAa,IAAA,EAAyB;AACvD,QAAA,cAAM,EAAG,YAAY,CAAC,cAAuB,IAAA,EAAA;AAC7C,QAAA,MAAA,EAAA,YAAO,CAAA,MAAa,IAA+B;AACnD,QAAA,IAAA,EAAA,YAAQ,CAAA,IAAO,IAAA,EAAA;AACf,QAAA,MAAA,EAAA,MAAA,CAAA,YAAe,CAAA,MAAY,CAAC;oBAC5B,EAAA,yBAA2B,IAAA,EAAsB;AACjD,QAAA,WAAA,EAAA,YAAc,CAAA,WAAa,IAAA,YAA4B,CAAA,YAAA,IAAA,EAAA;mBACvD,EAAA,wBAAwB,MAAwB;AAChD,QAAA,QAAA,EAAA,YAAO,CAAA,QAA4B,IAAI,YAAQ,CAAA,WAAA,IAAA,OAAA;AAC/C,QAAA,IAAA,EAAA,YAAA,CAAW,IAAG,IAAA,QAAa;AAC3B,QAAA,WAAA,EAAA,YAAW,CAAA,WAAa,MAAuC;gBAC/D,EAAA,YAAA,CAAA,QAAsB,IAAE,EAAA;8BACxB,EAAA,YAAA,CAAA,sBAA+C;wCACvB,EAAA,YAAa,CAAA,gCAAgC;8BACrE,EAAA,YAA4B,CAAA,sBAAa;kCACzC,EAAA,YAAA,CAAA,0BAAkD;2CAClD,EAA6B,YAAE,CAAA,mCAAoD;qCACnF,EAAsB,YAAE,CAAY,6BAAiC;8BACrE,EAAA,YAA4B,CAAA,sBAAe;oCAC3C,EAAA,YAA0B,CAAA,4BAA+C;gCACzE,EAAA,YAA8B,CAAA,wBAAe;AAChD,QAAA,8BAAE,EAAA,YAAA,CAAA;AACP,OAAA,CAAA;;UAGA,MAAM,GAAA,IAAS,CAAA,SAAK,CAAA,MAAU,CAAA;UAC9B,MAAI,OAAW,CAAA,SAAM,CAAA,YAAA,CAAA,OAAA,CAAA;AAAE,IAAA,IAAA,MAAA,KAAA,MAAa,EAAA,YAAU,CAAA,OAAO,GAAA,MAAA;WACrD,YAAO,CAAA,OAAa;AACxB,EAAA,CAAA,EAAC,CAAA,eAAG,CAAA,CAAe;SAEnB;wBACI;AACA,IAAA,SAAA,EAAA,oBAAW;WACX,EAAA,kBAAS,IAAkB;;AAEnC"}

package/lib/index.d.ts

@@ -0,0 +1,14 @@
+export { default } from './module';
+export { ChatMessageFill } from './module';
+export { Inbox, Threads, ThreadMessages, ServiceInbox, InboxWithLoader, InboxWithAiLoader, InboxAiMessagesLoader, InboxContainer, AiLandingInput, } from './container';
+export { MessageSliceRenderer, Messages, Popover, MessageInput, CommonMessage, UploadImageButton, MessageItem, LeftSidebar, FilesList, ConversationItem, UserModalContent, ServiceInboxItem, AIAgent, ModelConfigPanel, RightSidebarAi, InputComponent, RightSidebarFillDefault, MessagesContainerUI, PlanModeView, } from './components';
+export type { MessagesContainerUIProps, PlanModeViewProps, PlanModeViewInputToolbarProps } from './components';
+export type { PlanMessage, CurrentUser } from './components/messages-container-ui/types';
+export { InboxWithAi } from './templates';
+export type { CardMessageAttachmentsInterface, AlertMessageAttachmentsInterface } from './interfaces';
+export * from './enums';
+export * from './machines';
+export * from './hooks';
+export type { TemplateConfig, TemplateModalItem } from './types/templates';
+export type { LeftItemsOverrides, RightItemsOverrides, LeftToolbarItemId, RightToolbarItemId, InputToolBarPropsOverrides, } from './components/AIAgent/InputComponent';
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EACH,KAAK,EACL,OAAO,EACP,cAAc,EACd,YAAY,EACZ,eAAe,EACf,iBAAiB,EACjB,qBAAqB,EACrB,cAAc,EACd,cAAc,GACjB,MAAM,aAAa,CAAC;AACrB,OAAO,EACH,oBAAoB,EACpB,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,OAAO,EACP,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,uBAAuB,EACvB,mBAAmB,EACnB,YAAY,GACf,MAAM,cAAc,CAAC;AACtB,YAAY,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,6BAA6B,EAAE,MAAM,cAAc,CAAC;AAC/G,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACzF,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,YAAY,EAAE,+BAA+B,EAAE,gCAAgC,EAAE,MAAM,cAAc,CAAC;AACtG,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC3E,YAAY,EACR,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,kBAAkB,EAClB,0BAA0B,GAC7B,MAAM,qCAAqC,CAAC"}