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

package/lib/components/inbox/FilesList.js

@@ -0,0 +1,68 @@
+import React__default,{useState,useMemo}from'react';import {useFileUrlQuery}from'common/graphql';function FilesList({
+  files,
+  uploaded = false
+}) {
+  return React__default.createElement("div", {
+    className: "flex flex-row"
+  }, files.map((file, index) => React__default.createElement(FilesList.FileElement, {
+    key: `${index}`,
+    uploaded: uploaded,
+    file: file
+  })));
+}
+FilesList.FileElement = ({
+  file,
+  uploaded,
+  width = 120,
+  height = 120
+}) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const src = useMemo(() => uploaded ? file.url : URL.createObjectURL(file), [file, uploaded]);
+  const {
+    data
+  } = useFileUrlQuery({
+    variables: {
+      id: file?.id
+    },
+    skip: !file?.id
+  });
+  const onOpen = () => setIsOpen(true);
+  const onClose = () => setIsOpen(false);
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement("img", {
+    className: "cursor-pointer m-2 object-cover rounded",
+    style: {
+      height: `${height}px`,
+      width: `${width}px`
+    },
+    src: src,
+    onClick: onOpen,
+    alt: "File preview"
+  }), isOpen && React__default.createElement("div", {
+    className: "fixed inset-0 z-50 flex items-center justify-center p-4"
+  }, React__default.createElement("div", {
+    className: "fixed inset-0 bg-black bg-opacity-75",
+    onClick: onClose
+  }), React__default.createElement("div", {
+    className: "relative bg-white rounded-lg shadow-xl max-w-4xl max-h-[90vh] overflow-hidden"
+  }, React__default.createElement("button", {
+    onClick: onClose,
+    className: "absolute top-4 right-4 z-10 p-2 rounded-full bg-black bg-opacity-50 hover:bg-opacity-70 transition-all duration-200"
+  }, React__default.createElement("svg", {
+    className: "w-6 h-6 text-white",
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24"
+  }, React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M6 18L18 6M6 6l12 12"
+  }))), React__default.createElement("div", {
+    className: "p-4 flex items-center justify-center"
+  }, React__default.createElement("img", {
+    src: data?.fileInfo?.url || src,
+    alt: "File full view",
+    className: "max-w-full max-h-[80vh] object-contain cursor-pointer",
+    onClick: onClose
+  })))));
+};export{FilesList};//# sourceMappingURL=FilesList.js.map

package/lib/components/inbox/FilesList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilesList.js","sources":["../../../src/components/inbox/FilesList.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"iGAkBM,SAAU,SAAS,CAAC;AACtB,EAAA,KAAA;AAOJ,EAAC,QAAA,GAAA;AAED,CAAA,EAAA;SACIA,cAAO,CAAA,aAAiB,CAAC,KAAG,EAAA;AAC5B,IAAA,SAAS,EAAA;AACT,GAAA,EAAA,KAAM,CAAA,GAAE,CAAA,CAAI,IAAE,0BAAmB,CAAA,aAAA,CAAA,SAAA,CAAA,WAAA,EAAA;AAC7B,IAAA,GAAA,EAAA,CAAA,EAAA,KAAS,CAAA,CAAE;YACP,EAAE,QAAQ;AACb,IAAA,IAAA,EAAA;AACD,GAAA,CAAA,CAAA,CAAA;AACH;SAED,CAAM,WAAS,GAAK,CAAC;MACrB;AAEA,EAAA,QAAA;AAEQ,EAAA,KAAA,GAAA,GAAA;AASC,EAAA,MAAA,GAAA;AAGO,CAAA,KAAA;eAGA,EAAA,SAAA,CAAA,GAAA,QAAA,CAAA,KAAK,CAAA;AAED,EAAA,MAAA,GAAA,GAAA,OAAA,CAAA,MAAA,QAAA,GAAA,IAAA,CAAA,GAAA,sBAEI,CAAA,IAAA,CAAS,EAAC,CAAA,IAAA,EAAA,QAAA,CAAA,CAAA;AAEV,EAAA,MAAA;AACI,IAAA;qBAUR,CAAA;AACI,IAAA,SAAA,EAAA;AAY5B,MAAE,EAAA,EAAA,IAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/inbox/MessageItem.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export declare function MessageItem({ message }: {
+    message: any;
+}): void;
+export declare namespace MessageItem {
+    var Plain: ({ message, index }: {
+        message: any;
+        index: any;
+    }) => React.JSX.Element;
+    var Dialog: ({ message, currentUser, index, onOpen }: {
+        message: any;
+        currentUser: any;
+        index: any;
+        onOpen: any;
+    }) => React.JSX.Element;
+}
+//# sourceMappingURL=MessageItem.d.ts.map

package/lib/components/inbox/MessageItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageItem.d.ts","sourceRoot":"","sources":["../../../src/components/inbox/MessageItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,QAAI;yBAA7C,WAAW"}

package/lib/components/inbox/MessageItem.js

@@ -0,0 +1,50 @@
+import React__default from'react';import {format}from'date-fns';import {BsFlag}from'@react-icons/all-files/bs/BsFlag.js';function MessageItem({
+  message
+}) {}
+MessageItem.Plain = function PlainMessageItem({
+  message,
+  index
+}) {
+  return React__default.createElement("div", {
+    className: "w-full flex justify-center mb-7",
+    key: `msgList_${index}`
+  }, React__default.createElement("p", {
+    className: "text-sm text-gray-600 font-bold"
+  }, message));
+};
+MessageItem.Dialog = function DialogMessageItem({
+  message,
+  currentUser,
+  index,
+  onOpen
+}) {
+  return React__default.createElement("div", {
+    className: "w-full flex justify-start mb-7",
+    key: `msgList_${index}`
+  }, React__default.createElement("div", {
+    className: "flex-grow flex"
+  }, React__default.createElement("div", {
+    className: "w-8 h-8 bg-gray-400 rounded-full mr-4 cursor-pointer overflow-hidden flex-shrink-0",
+    onClick: onOpen
+  }, message?.imageUrl ? React__default.createElement("img", {
+    src: message.imageUrl,
+    alt: "User avatar",
+    className: "w-full h-full object-cover"
+  }) : React__default.createElement("div", {
+    className: "w-full h-full bg-gray-400"
+  })), React__default.createElement("div", {
+    className: "flex-grow"
+  }, React__default.createElement("div", {
+    className: "flex flex-grow mt-1.5"
+  }, React__default.createElement("p", {
+    className: "text-sm text-gray-600 font-bold"
+  }, message?.author?.familyName && message?.author?.givenName ? message?.author?.givenName + ' ' + message?.author?.familyName : message?.author?.username), React__default.createElement("p", {
+    className: "text-sm text-gray-500 ml-2.5"
+  }, format(new Date(message?.createdAt), 'MMM dd, yyyy hh:mm aaa'))), React__default.createElement("p", {
+    className: "text-sm mt-1.5 text-gray-600 whitespace-pre-line"
+  }, message?.message))), currentUser?.id !== message?.author?.id && React__default.createElement("div", {
+    className: "ml-2"
+  }, React__default.createElement(BsFlag, {
+    className: "text-gray-600 w-6 h-6"
+  })));
+};export{MessageItem};//# sourceMappingURL=MessageItem.js.map

package/lib/components/inbox/MessageItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageItem.js","sources":["../../../src/components/inbox/MessageItem.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"kIAIgB,WAAW,CAAC;AAE5B,EAAA;IACI;WAEQ,CAAA,KAAA,GAAA,SAAA,iBAAa;AAGzB,EAAE,OAAA;AAEF,EAAA;;SAGYA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACI,IAAA,SAAA,EAAA;kBAUA,EAAA,KAAA,CAAA;iCACI,CAAA,GAAA,EAAA;AACI,IAAA,SAAA,EAAA;AAEQ,GAAA,EAAA,OAAA,CAAA,CAAA;AACA,CAAA;AAER,WAAA,CAAA,MAAA,GAAA,SAAA,iBAAG;;AAOd,EAAA,WAAA;;AAOb,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/inbox/ThreadItem.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface IThreadItemProps {
+    currentUser?: any;
+    users?: any;
+    thread?: any;
+    onOpen: (channelId: any, postId: any) => void;
+    role?: any;
+    setData?: any;
+}
+export declare const ThreadItem: React.NamedExoticComponent<IThreadItemProps>;
+//# sourceMappingURL=ThreadItem.d.ts.map

package/lib/components/inbox/ThreadItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadItem.d.ts","sourceRoot":"","sources":["../../../src/components/inbox/ThreadItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAcvC,MAAM,WAAW,gBAAgB;IAC7B,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,MAAM,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9C,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,OAAO,CAAC,EAAE,GAAG,CAAC;CAEjB;AAgRD,eAAO,MAAM,UAAU,8CAAkC,CAAC"}

package/lib/components/inbox/ThreadItem.js

@@ -0,0 +1,147 @@
+import React__default from'react';import {useTranslation}from'react-i18next';import {isToday,isYesterday,format}from'date-fns';import {startCase}from'lodash-es';import {useLocation}from'@remix-run/react';const createdAtText = value => {
+  if (!value) return '';
+  let date = new Date(value);
+  if (isToday(date)) return 'Today';
+  if (isYesterday(date)) return 'Yesterday';
+  return format(new Date(value), 'MMM dd, yyyy');
+};
+/**
+ * TODO:
+ * - Get Reservation info: reservation date, status
+ * - Add ability to get property information: name, logo
+ */
+const ThreadItemComponent = function DialogsListItem({
+  currentUser,
+  // users,
+  thread,
+  onOpen,
+  role,
+  setData
+  //subscribeToNewMessages,
+}) {
+  useLocation();
+  const {
+    t
+  } = useTranslation('translations');
+  // React.useEffect(() => subscribeToNewMessages(), []);
+  const threadPostReply = React__default.useMemo(() => {
+    if (!thread?.replies) return null;
+    return thread?.replies;
+  }, [thread]);
+  // const { data: threadCreatedUpdated } = useOnThreadCreatedUpdatedSubscription({
+  //     variables: {
+  //         channelId: thread?.channel?.id?.toString(),
+  //         postParentId: thread?.post?.id?.toString(),
+  //     },
+  // });
+  // React.useEffect(() => {
+  //     if (threadCreatedUpdated?.threadCreatedUpdated?.data) setData(threadCreatedUpdated?.threadCreatedUpdated?.data);
+  // }, [threadCreatedUpdated?.threadCreatedUpdated]);
+  // const threadPostReply = React.useMemo(() => {
+  //     if (!thread?.replies) return null;
+  //     if (threadCreatedUpdated?.threadCreatedUpdated?.data?.replies?.length) {
+  //         return threadCreatedUpdated?.threadCreatedUpdated?.data?.replies;
+  //     } else return thread?.replies;
+  // }, [thread, threadCreatedUpdated, location?.pathname]);
+  // const lastMessage = useMemo(() => {
+  //     if (!thread) {
+  //         return null;
+  //     }
+  //     const replies = thread?.replies?.filter((p: any) => p?.message !== '') ?? [];
+  //     if (replies?.length) {
+  //         return replies[0];
+  //         // return replies[replies.length - 1];
+  //     } else {
+  //         const post = thread?.post ?? null;
+  //         return post ? post?.post : null;
+  //     }
+  // }, [thread]);
+  // const participants: any = React.useMemo(() => {
+  //     if (!thread?.participants?.length) return null;
+  //     return thread?.participants?.filter((u: any) => u?.user?.id !== currentUser?.id) ?? [];
+  // }, [thread]);
+  // const allParticipantsNames: any = React.useMemo(() => {
+  //     if (!participants?.length) return null;
+  //     return (
+  //         participants
+  //             ?.map((p: any) => {
+  //                 return p?.user?.username ?? '';
+  //             })
+  //             ?.join(', ') ?? ''
+  //     );
+  // }, [participants]);
+  // if (!threadPostReply || threadPostReply?.length == 0) {
+  //     return <></>;
+  // }
+  return React__default.createElement("div", {
+    className: "flex-1 py-2 my-2 flex flex-col space-y-4 items-stretch"
+  }, React__default.createElement("div", {
+    className: "border-b border-gray-200 pb-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 shadow-sm p-6 rounded-md bg-white"
+  }, !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-1 flex flex-col space-y-3 items-start"
+  }, React__default.createElement("div", {
+    className: "flex items-center space-x-2"
+  }, React__default.createElement("p", {
+    className: "text-lg text-gray-900 font-semibold"
+  }, thread?.post?.author?.givenName ?? '', ' ', thread?.post?.author?.familyName ?? ''), React__default.createElement("p", {
+    className: "text-sm text-gray-500 font-semibold"
+  }, thread?.post ? createdAtText(thread?.post?.createdAt) : '')), React__default.createElement("div", {
+    className: "flex flex-col space-y-2"
+  }, React__default.createElement("p", {
+    className: "text-sm text-gray-500 font-semibold"
+  }, 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, index) => React__default.createElement("div", {
+    key: index
+  }, React__default.createElement("img", {
+    className: "w-12 h-12 object-cover rounded",
+    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 text-sm font-medium w-36 transition-colors"
+  }, t('tailwind_ui_inbox.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-1 flex flex-col space-y-3 items-start"
+  }, React__default.createElement("div", {
+    className: "flex items-center space-x-2"
+  }, React__default.createElement("p", {
+    className: "text-lg text-gray-900 font-semibold"
+  }, reply?.author?.givenName ?? '', ' ', reply?.author?.familyName ?? ''), React__default.createElement("p", {
+    className: "text-sm text-gray-500 font-semibold"
+  }, reply?.createdAt ? createdAtText(reply?.createdAt) : '')), React__default.createElement("div", {
+    className: "flex flex-col space-y-2"
+  }, React__default.createElement("p", {
+    className: "text-sm text-gray-500 font-semibold"
+  }, reply?.message ? reply?.message.length < 70 ? `${reply?.message}` : `${reply?.message.substring(0, 68)}....` : ''), reply?.files?.data?.length > 0 && reply?.files?.data?.map((f, fileIndex) => React__default.createElement("div", {
+    key: fileIndex
+  }, React__default.createElement("img", {
+    className: "w-12 h-12 object-cover rounded",
+    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 text-sm font-medium w-36 transition-colors"
+  }, t('tailwind_ui_inbox.reply'))))))))))));
+};
+const ThreadItem = React__default.memo(ThreadItemComponent);export{ThreadItem};//# sourceMappingURL=ThreadItem.js.map

package/lib/components/inbox/ThreadItem.js.map

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

package/lib/components/inbox/index.d.ts

@@ -0,0 +1,4 @@
+export * from './FilesList';
+export * from './MessageItem';
+export * from './ThreadItem';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/inbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/inbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC"}

package/lib/components/index.d.ts

@@ -0,0 +1,10 @@
+export { MessageItem, FilesList, ThreadItem } from './inbox';
+export { LeftSidebar, RightSidebar, MessageInput, MessageInputComponent, InputComponent, Messages, CommonMessage, MessageSliceRenderer, Popover, ConversationItem, UploadImageButton, UserModalContent, ServiceInboxItem, MessagesBuilderUi, RightSidebarAi, } from './InboxMessage';
+export { ChatMessageFiller, ChatMessageFill2, RightSidebarFillDefault } from './slot-fill';
+export { AIAgent } from './AIAgent';
+export { MessagesContainerUI, PlanModeView } from './messages-container-ui';
+export type { MessagesContainerUIProps, PlanModeViewProps, PlanModeViewInputToolbarProps, } from './messages-container-ui';
+export type { PlanMessage, CurrentUser } from './messages-container-ui/types';
+export { ModelConfigPanel } from './ModelConfigPanel';
+export { usePersistentModelConfig } from '../hooks/usePersistentModelConfig';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC7D,OAAO,EACH,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,qBAAqB,EACrB,cAAc,EACd,QAAQ,EACR,aAAa,EACb,oBAAoB,EACpB,OAAO,EACP,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,cAAc,GACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAC3F,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5E,YAAY,EACR,wBAAwB,EACxB,iBAAiB,EACjB,6BAA6B,GAChC,MAAM,yBAAyB,CAAC;AACjC,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,mCAAmC,CAAC"}

package/lib/components/live-code-editor/hybrid-live-editor.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+interface HybridLiveEditorProps {
+    projectId: string;
+    fragmentId?: string;
+    files?: Record<string, string>;
+    className?: string;
+    sandboxUrl?: string;
+    onCopyToClipboard?: (text: string) => void;
+    onFileUpdate?: (filePath: string, content: string) => Promise<void>;
+    readOnly?: boolean;
+    autoSave?: boolean;
+    debounceMs?: number;
+    showFileExplorer?: boolean;
+}
+export interface HybridLiveEditorRef {
+    openVSCode: () => void;
+}
+export declare const HybridLiveEditor: React.ForwardRefExoticComponent<HybridLiveEditorProps & React.RefAttributes<HybridLiveEditorRef>>;
+export {};
+//# sourceMappingURL=hybrid-live-editor.d.ts.map

package/lib/components/live-code-editor/hybrid-live-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hybrid-live-editor.d.ts","sourceRoot":"","sources":["../../../src/components/live-code-editor/hybrid-live-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4E,MAAM,OAAO,CAAC;AAKjG,UAAU,qBAAqB;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,MAAM,WAAW,mBAAmB;IAChC,UAAU,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,eAAO,MAAM,gBAAgB,mGAiF5B,CAAC"}

package/lib/components/live-code-editor/index.d.ts

@@ -0,0 +1,4 @@
+export { LiveCodeEditor } from './live-code-editor';
+export { HybridLiveEditor } from './hybrid-live-editor';
+export type { HybridLiveEditorRef } from './hybrid-live-editor';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/live-code-editor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/live-code-editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC"}

package/lib/components/live-code-editor/live-code-editor.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface LiveCodeEditorProps {
+    files?: Record<string, string>;
+    className?: string;
+    onCopyToClipboard?: (text: string) => void;
+    onFileUpdate?: (filePath: string, content: string) => Promise<void>;
+    readOnly?: boolean;
+    autoSave?: boolean;
+    debounceMs?: number;
+    showFileExplorer?: boolean;
+}
+export declare const LiveCodeEditor: React.FC<LiveCodeEditorProps>;
+export {};
+//# sourceMappingURL=live-code-editor.d.ts.map

package/lib/components/live-code-editor/live-code-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"live-code-editor.d.ts","sourceRoot":"","sources":["../../../src/components/live-code-editor/live-code-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAOxE,UAAU,mBAAmB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AA8CD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkMxD,CAAC"}

package/lib/components/messages-container-ui/MessagesContainerUI.d.ts

@@ -0,0 +1,81 @@
+import React from 'react';
+import type { PlanMessage } from './types';
+import type { PlanModeViewInputToolbarProps } from './PlanModeView';
+export interface MessagesContainerUIProps {
+    messages: PlanMessage[];
+    streamingContent?: string;
+    currentUser: {
+        id: string;
+        name?: string;
+        avatar?: string;
+        [key: string]: any;
+    };
+    onSend: (text: string) => void;
+    /** Optional classes applied to the container root (useful for width/padding tweaks). */
+    className?: string;
+    /** Optional ref for the scroll container inside PlanModeView. */
+    scrollContainerRef?: React.Ref<HTMLDivElement>;
+    /** Optional className applied to PlanModeView root wrapper. */
+    planModeViewClassName?: string;
+    /** Optional className applied to PlanModeView scroll container element. */
+    planModeScrollContainerClassName?: string;
+    /** When true, hide scrollbar visuals but keep it scrollable. */
+    hideScrollbar?: boolean;
+    disabled?: boolean;
+    isLoading?: boolean;
+    onStop?: () => void;
+    showDate?: boolean;
+    showAvatar?: boolean;
+    showMessageBubbleBorder?: boolean;
+    /** When false (default), do NOT create an internal scroll container (avoids nested scroll). */
+    useInternalScroll?: boolean;
+    /** When true, the built-in input toolbar area is not rendered. */
+    hideInputToolbar?: boolean;
+    /**
+     * Where to place the input toolbar.
+     * - `bottom` (default): render toolbar in the bottom area.
+     * - `inlineWhenEmpty`: when there are no messages and no streaming/loading, render the toolbar inline
+     *   inside the empty state (matches landing UI), otherwise use bottom placement.
+     */
+    inputPlacement?: 'bottom' | 'inlineWhenEmpty';
+    /** Input component; receives value, onChange, onSend, disabled */
+    renderInputToolbar: (props: PlanModeViewInputToolbarProps) => React.ReactNode;
+    /** Optional: passed to ModernMessageGroupComponent (same as AIAgent) */
+    onOpen?: (element?: any) => void;
+    onMessageClick?: (msg: any) => void;
+    isDesktopView?: boolean;
+    isSmallScreen?: boolean;
+    sandboxErrors?: any[];
+    currentFiles?: Record<string, string>;
+    onFixError?: (errorMessage: string) => Promise<void>;
+    /** Optional: error message to show above messages; use with onRetry for retry button */
+    error?: string | null;
+    /** Optional: called when user clicks retry (e.g. after error) */
+    onRetry?: () => void;
+    /**
+     * Optional: custom content when there are no messages and no streaming/loading.
+     * Receives input toolbar props so you can render the composer inline (e.g. landing UI).
+     */
+    renderEmptyState?: (ctx: {
+        inputToolbarProps: PlanModeViewInputToolbarProps;
+    }) => React.ReactNode;
+    /**
+     * Optional: when provided, scroll to bottom whenever these deps change (e.g. [streamingContent, messages.length]).
+     * Use from the parent to keep the view at bottom on each stream chunk.
+     */
+    scrollToBottomDeps?: React.DependencyList;
+    /** Optional: className applied to the content wrapper inside PlanModeView. */
+    contentClassName?: string;
+    /** Optional: className applied to the post container inside PlanModeView. */
+    postContainerClassName?: string;
+    /** When true, code blocks show copy and download actions (default: true). */
+    showCopyDownloadOnCodeBlock?: boolean;
+}
+/**
+ * Messages container UI for plan mode (chat / search / research).
+ * Uses ModernMessageGroupComponent for message display (same as AIAgent).
+ * Renders message list + streaming + loading state and delegates input to renderInputToolbar.
+ */
+export declare function MessagesContainerUI({ messages, streamingContent, currentUser, onSend, className, scrollContainerRef, planModeViewClassName, planModeScrollContainerClassName, hideScrollbar, disabled, isLoading, onStop, showDate, showAvatar, showMessageBubbleBorder, useInternalScroll, hideInputToolbar, inputPlacement, renderInputToolbar, onOpen, onMessageClick, isDesktopView, isSmallScreen, sandboxErrors, currentFiles, onFixError, error, onRetry, renderEmptyState, scrollToBottomDeps, contentClassName, postContainerClassName, showCopyDownloadOnCodeBlock, }: MessagesContainerUIProps): React.JSX.Element;
+export default MessagesContainerUI;
+//# sourceMappingURL=MessagesContainerUI.d.ts.map

package/lib/components/messages-container-ui/MessagesContainerUI.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessagesContainerUI.d.ts","sourceRoot":"","sources":["../../../src/components/messages-container-ui/MessagesContainerUI.tsx"],"names":[],"mappings":"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"}

package/lib/components/messages-container-ui/MessagesContainerUI.js

@@ -0,0 +1,77 @@
+import React__default from'react';import clsx from'clsx';import {PlanModeView}from'./PlanModeView.js';/**
+ * Messages container UI for plan mode (chat / search / research).
+ * Uses ModernMessageGroupComponent for message display (same as AIAgent).
+ * Renders message list + streaming + loading state and delegates input to renderInputToolbar.
+ */
+function MessagesContainerUI({
+  messages,
+  streamingContent,
+  currentUser,
+  onSend,
+  className,
+  scrollContainerRef,
+  planModeViewClassName,
+  planModeScrollContainerClassName,
+  hideScrollbar = false,
+  disabled = false,
+  isLoading = false,
+  onStop,
+  showDate = false,
+  showAvatar = false,
+  showMessageBubbleBorder = false,
+  useInternalScroll = false,
+  hideInputToolbar = false,
+  inputPlacement = 'bottom',
+  renderInputToolbar,
+  onOpen,
+  onMessageClick,
+  isDesktopView = false,
+  isSmallScreen = false,
+  sandboxErrors,
+  currentFiles,
+  onFixError,
+  error = null,
+  onRetry,
+  renderEmptyState,
+  scrollToBottomDeps,
+  contentClassName,
+  postContainerClassName,
+  showCopyDownloadOnCodeBlock = true
+}) {
+  return React__default.createElement("div", {
+    className: clsx('flex flex-col flex-1 min-h-0', className)
+  }, React__default.createElement(PlanModeView, {
+    messages: messages,
+    streamingContent: streamingContent,
+    currentUser: currentUser,
+    onSend: onSend,
+    disabled: disabled,
+    isLoading: isLoading,
+    onStop: onStop,
+    showDate: showDate,
+    showAvatar: showAvatar,
+    showMessageBubbleBorder: showMessageBubbleBorder,
+    useInternalScroll: useInternalScroll,
+    scrollContainerRef: scrollContainerRef,
+    className: planModeViewClassName,
+    scrollContainerClassName: planModeScrollContainerClassName,
+    hideScrollbar: hideScrollbar,
+    hideInputToolbar: hideInputToolbar,
+    inputPlacement: inputPlacement,
+    renderInputToolbar: renderInputToolbar,
+    onOpen: onOpen,
+    onMessageClick: onMessageClick,
+    isDesktopView: isDesktopView,
+    isSmallScreen: isSmallScreen,
+    sandboxErrors: sandboxErrors,
+    currentFiles: currentFiles,
+    onFixError: onFixError,
+    error: error,
+    onRetry: onRetry,
+    renderEmptyState: renderEmptyState,
+    scrollToBottomDeps: scrollToBottomDeps,
+    contentClassName: contentClassName,
+    postContainerClassName: postContainerClassName,
+    showCopyDownloadOnCodeBlock: showCopyDownloadOnCodeBlock
+  }));
+}export{MessagesContainerUI};//# sourceMappingURL=MessagesContainerUI.js.map

package/lib/components/messages-container-ui/MessagesContainerUI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessagesContainerUI.js","sources":["../../../src/components/messages-container-ui/MessagesContainerUI.tsx"],"sourcesContent":[null],"names":[],"mappings":"sGAsEA;;;;AAIG;AACG,SAAU,mBAAmB,CAAC;UAmChC;AAEQ,EAAA,gBAAA;AAoCZ,EAAC,WAAA;AAED,EAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}