@autobe/ui 0.21.0 → 0.22.0

package/lib/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,sDAAoC;AACpC,mDAAiC;AACjC,2DAAyC;AACzC,gEAA8C;AAC9C,2CAAyB;AACzB,2CAAyB;AACzB,2CAAyB"}

package/lib/{upload → components/upload}/AutoBeChatUploadBox.js

@@ -13,7 +13,8 @@ exports.AutoBeChatUploadBox = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const _1 = require(".");
-const utils_1 = require("../utils");
+const useMediaQuery_1 = require("../../hooks/useMediaQuery");
+const utils_1 = require("../../utils");
 const AutoBeChatUploadBox = (props) => {
     var _a, _b, _c, _d;
     const inputRef = (0, react_1.useRef)(null);
@@ -114,7 +115,7 @@ const AutoBeChatUploadBox = (props) => {
         props.listener.current.handleDragOver = handleDragOver;
     }, [props.listener]);
     return ((0, jsx_runtime_1.jsxs)("div", { style: {
-            maxWidth: "768px",
+            maxWidth: useMediaQuery_1.useMediaQuery.WIDTH_MD,
             margin: "0 auto",
             padding: "12px",
             borderRadius: "16px",

package/lib/components/upload/AutoBeChatUploadBox.js.map

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

package/lib/components/upload/AutoBeChatUploadSendButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoBeChatUploadSendButton.js","sourceRoot":"","sources":["../../../src/components/upload/AutoBeChatUploadSendButton.tsx"],"names":[],"mappings":";;;;AAQA;;;;;GAKG;AACI,MAAM,0BAA0B,GAAG,CACxC,KAAuC,EACvC,EAAE;IACF,MAAM,UAAU,GAAwB;QACtC,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,KAAK,EAAE,sBAAsB;QAC3C,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QACtD,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QAC5C,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa;QACjD,OAAO,EAAE,aAAa;QACtB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,4BAA4B;QACxC,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf,CAAC;IAEF,MAAM,WAAW,mCACZ,UAAU,KACb,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GACvD,CAAC;IAEF,OAAO,CACL,mCACE,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,KAAK,CAAA,MAAA,KAAK,CAAC,OAAO,sDAAG,CAAC,CAAC,CAAA,CAAA,EAAA,EACvC,QAAQ,EAAE,CAAC,KAAK,CAAC,OAAO,EACxB,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YAClB,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;gBAClB,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;YACpD,CAAC;QACH,CAAC,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YAClB,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;QACnD,CAAC,YAED,gCACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YAE3B,iCAAM,CAAC,EAAC,6DAA6D,GAAG,GACpE,GACC,CACV,CAAC;AACJ,CAAC,CAAC;AAjDW,QAAA,0BAA0B,8BAiDrC;AAEF,kBAAe,kCAA0B,CAAC"}

package/lib/components/upload/AutoBeFileUploadBox.js.map

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

package/lib/components/upload/AutoBeUploadConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoBeUploadConfig.js","sourceRoot":"","sources":["../../../src/components/upload/AutoBeUploadConfig.ts"],"names":[],"mappings":""}

package/lib/{upload → components/upload}/AutoBeVoiceRecoderButton.js

@@ -12,7 +12,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AutoBeVoiceRecoderButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const AutoBeVoiceRecorder_1 = require("../utils/AutoBeVoiceRecorder");
+const AutoBeVoiceRecorder_1 = require("../../utils/AutoBeVoiceRecorder");
 const AutoBeVoiceRecoderButton = (props) => {
     const [isRecording, setIsRecording] = (0, react_1.useState)(false);
     const [mediaRecorder, setMediaRecorder] = (0, react_1.useState)(null);

package/lib/components/upload/AutoBeVoiceRecoderButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoBeVoiceRecoderButton.js","sourceRoot":"","sources":["../../../src/components/upload/AutoBeVoiceRecoderButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AACA,iCAAiC;AAEjC,yEAAsE;AAE/D,MAAM,wBAAwB,GAAG,CACtC,KAAsC,EACtC,EAAE;IACF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAChD,IAAI,CACL,CAAC;IAEF,MAAM,cAAc,GAAG,GAAS,EAAE;QAChC,MAAM,QAAQ,GAAG,MAAM,yCAAmB,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QACnE,QAAQ,CAAC,KAAK,EAAE,CAAC;QACjB,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAC3B,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAA,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,aAAa,IAAI,aAAa,CAAC,KAAK,KAAK,UAAU,EAAE,CAAC;YACxD,aAAa,CAAC,IAAI,EAAE,CAAC;YACrB,cAAc,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,UAAU,GAAwB;QACtC,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,WAAW;QACnB,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QAChD,YAAY,EAAE,KAAK;QACnB,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa;QACxD,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QAC1C,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa;QACjD,OAAO,EAAE,aAAa;QACtB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,eAAe;QAC3B,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;KACjC,CAAC;IAEF,MAAM,WAAW,mCACZ,UAAU,KACb,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACpD,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAChD,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GAC3C,CAAC;IAEF,OAAO,CACL,mCACE,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,cAAc,EAAE,EAClE,QAAQ,EAAE,CAAC,KAAK,CAAC,OAAO,EACxB,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YAClB,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;gBAClB,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;YACpD,CAAC;QACH,CAAC,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YAClB,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;QACnD,CAAC,YAEA,WAAW,CAAC,CAAC,CAAC,CACb,gCACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YAE3B,iCAAM,CAAC,EAAC,eAAe,GAAG,GACtB,CACP,CAAC,CAAC,CAAC,CACF,gCACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YAE3B,iCAAM,CAAC,EAAC,wPAAwP,GAAG,GAC/P,CACP,GACM,CACV,CAAC;AACJ,CAAC,CAAC;AApFW,QAAA,wBAAwB,4BAoFnC"}

package/lib/components/upload/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/upload/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wDAAsC;AACtC,6DAA2C;AAC3C,wDAAsC;AACtC,+DAA6C;AAC7C,uDAAqC"}

package/lib/constant/color.d.ts

@@ -15,4 +15,8 @@ export declare const COLORS: {
 /** Shadow styles */
 export declare const SHADOWS: {
     readonly CARD: "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
+    readonly BANNER: "0 1px 2px 0 rgba(0, 0, 0, 0.1)";
+    readonly STRONG: "0 4px 12px 0 rgba(0, 0, 0, 0.15)";
+    readonly BUTTON: "0 2px 8px 0 rgba(0, 0, 0, 0.12)";
+    readonly BUTTON_HOVER: "0 4px 16px 0 rgba(0, 0, 0, 0.2)";
 };

package/lib/constant/color.js

@@ -21,5 +21,9 @@ exports.COLORS = {
 /** Shadow styles */
 exports.SHADOWS = {
     CARD: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
+    BANNER: "0 1px 2px 0 rgba(0, 0, 0, 0.1)",
+    STRONG: "0 4px 12px 0 rgba(0, 0, 0, 0.15)",
+    BUTTON: "0 2px 8px 0 rgba(0, 0, 0, 0.12)",
+    BUTTON_HOVER: "0 4px 16px 0 rgba(0, 0, 0, 0.2)",
 };
 //# sourceMappingURL=color.js.map

package/lib/constant/color.js.map

@@ -1 +1 @@
-{"version":3,"file":"color.js","sourceRoot":"","sources":["../../src/constant/color.ts"],"names":[],"mappings":";;;AAAA,0CAA0C;AAC7B,QAAA,MAAM,GAAG;IACpB,aAAa;IACb,WAAW,EAAE,SAAS;IACtB,eAAe,EAAE,SAAS;IAC1B,iBAAiB,EAAE,SAAS;IAC5B,cAAc,EAAE,SAAS;IACzB,gBAAgB,EAAE,SAAS;IAE3B,qBAAqB;IACrB,WAAW,EAAE,SAAS,EAAE,OAAO;IAC/B,YAAY,EAAE,SAAS,EAAE,QAAQ;IACjC,WAAW,EAAE,SAAS,EAAE,SAAS;IAEjC,eAAe;IACf,YAAY,EAAE,MAAM;IACpB,kBAAkB,EAAE,MAAM;IAC1B,eAAe,EAAE,SAAS;CAClB,CAAC;AAEX,oBAAoB;AACP,QAAA,OAAO,GAAG;IACrB,IAAI,EAAE,iCAAiC;CAC/B,CAAC"}
+{"version":3,"file":"color.js","sourceRoot":"","sources":["../../src/constant/color.ts"],"names":[],"mappings":";;;AAAA,0CAA0C;AAC7B,QAAA,MAAM,GAAG;IACpB,aAAa;IACb,WAAW,EAAE,SAAS;IACtB,eAAe,EAAE,SAAS;IAC1B,iBAAiB,EAAE,SAAS;IAC5B,cAAc,EAAE,SAAS;IACzB,gBAAgB,EAAE,SAAS;IAE3B,qBAAqB;IACrB,WAAW,EAAE,SAAS,EAAE,OAAO;IAC/B,YAAY,EAAE,SAAS,EAAE,QAAQ;IACjC,WAAW,EAAE,SAAS,EAAE,SAAS;IAEjC,eAAe;IACf,YAAY,EAAE,MAAM;IACpB,kBAAkB,EAAE,MAAM;IAC1B,eAAe,EAAE,SAAS;CAClB,CAAC;AAEX,oBAAoB;AACP,QAAA,OAAO,GAAG;IACrB,IAAI,EAAE,iCAAiC;IACvC,MAAM,EAAE,gCAAgC;IACxC,MAAM,EAAE,kCAAkC;IAC1C,MAAM,EAAE,iCAAiC;IACzC,YAAY,EAAE,iCAAiC;CACvC,CAAC"}

package/lib/context/AutoBeAgentContext.d.ts

@@ -0,0 +1,20 @@
+import { IAutoBePlaygroundHeader, IAutoBeRpcService, IAutoBeTokenUsageJson } from "@autobe/interface";
+import { ILlmSchema } from "@samchon/openapi";
+import { ReactNode } from "react";
+import { AutoBeListener, AutoBeListenerState, IAutoBeEventGroup } from "../structure";
+interface AutoBeAgentContextType {
+    eventGroups: IAutoBeEventGroup[];
+    tokenUsage: IAutoBeTokenUsageJson | null;
+    state: AutoBeListenerState;
+    header: IAutoBePlaygroundHeader<ILlmSchema.Model>;
+    service: IAutoBeRpcService;
+    listener: AutoBeListener;
+}
+export declare function AutoBeAgentProvider({ children, listener, service, header, }: {
+    listener: AutoBeListener;
+    service: IAutoBeRpcService;
+    header: IAutoBePlaygroundHeader<ILlmSchema.Model>;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useAutoBeAgent(): AutoBeAgentContextType;
+export {};

package/lib/context/AutoBeAgentContext.js

@@ -0,0 +1,50 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutoBeAgentProvider = AutoBeAgentProvider;
+exports.useAutoBeAgent = useAutoBeAgent;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("react");
+const AutoBeAgentContext = (0, react_1.createContext)(null);
+function AutoBeAgentProvider({ children, listener, service, header, }) {
+    const [tokenUsage, setTokenUsage] = (0, react_1.useState)(null);
+    const [eventGroups, setEventGroups] = (0, react_1.useState)([]);
+    (0, react_2.useEffect)(() => {
+        listener.on((e) => __awaiter(this, void 0, void 0, function* () {
+            service
+                .getTokenUsage()
+                .then(setTokenUsage)
+                .catch(() => { });
+            setEventGroups(e);
+        }));
+        service
+            .getTokenUsage()
+            .then(setTokenUsage)
+            .catch(() => { });
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(AutoBeAgentContext.Provider, { value: {
+            eventGroups,
+            tokenUsage,
+            state: listener.getState(),
+            header,
+            service,
+            listener,
+        }, children: children }));
+}
+function useAutoBeAgent() {
+    const context = (0, react_1.useContext)(AutoBeAgentContext);
+    if (!context) {
+        throw new Error("useAutoBeAgent must be used within a AutoBeAgentProvider");
+    }
+    return context;
+}
+//# sourceMappingURL=AutoBeAgentContext.js.map

package/lib/context/AutoBeAgentContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoBeAgentContext.js","sourceRoot":"","sources":["../../src/context/AutoBeAgentContext.tsx"],"names":[],"mappings":";;;;;;;;;;;AA0BA,kDA4CC;AAED,wCAMC;;AAxED,iCAAuE;AACvE,iCAAkC;AAiBlC,MAAM,kBAAkB,GAAG,IAAA,qBAAa,EAAgC,IAAI,CAAC,CAAC;AAE9E,SAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,GAMP;IACC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAC1C,IAAI,CACL,CAAC;IACF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAsB,EAAE,CAAC,CAAC;IAExE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,EAAE,CAAC,CAAO,CAAC,EAAE,EAAE;YACtB,OAAO;iBACJ,aAAa,EAAE;iBACf,IAAI,CAAC,aAAa,CAAC;iBACnB,KAAK,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;YACnB,cAAc,CAAC,CAAC,CAAC,CAAC;QACpB,CAAC,CAAA,CAAC,CAAC;QACH,OAAO;aACJ,aAAa,EAAE;aACf,IAAI,CAAC,aAAa,CAAC;aACnB,KAAK,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,uBAAC,kBAAkB,CAAC,QAAQ,IAC1B,KAAK,EAAE;YACL,WAAW;YACX,UAAU;YACV,KAAK,EAAE,QAAQ,CAAC,QAAQ,EAAE;YAC1B,MAAM;YACN,OAAO;YACP,QAAQ;SACT,YAEA,QAAQ,GACmB,CAC/B,CAAC;AACJ,CAAC;AAED,SAAgB,cAAc;IAC5B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,kBAAkB,CAAC,CAAC;IAC/C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,0DAA0D,CAAC,CAAC;IAC9E,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/lib/hooks/index.d.ts

@@ -1,2 +1,3 @@
+export * from "./useEscapeKey";
 export * from "./useIsomorphicLayoutEffect";
 export * from "./useMediaQuery";

package/lib/hooks/index.js

@@ -14,6 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useEscapeKey"), exports);
 __exportStar(require("./useIsomorphicLayoutEffect"), exports);
 __exportStar(require("./useMediaQuery"), exports);
 //# sourceMappingURL=index.js.map

package/lib/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8DAA4C;AAC5C,kDAAgC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B;AAC/B,8DAA4C;AAC5C,kDAAgC"}

package/lib/hooks/useEscapeKey.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Hook to handle ESC key press to close modal or overlay
+ *
+ * @param isOpen - Whether the modal/overlay is open
+ * @param onClose - Callback function to close the modal/overlay
+ */
+export declare const useEscapeKey: (isOpen: boolean, onClose: () => void) => void;

package/lib/hooks/useEscapeKey.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEscapeKey = void 0;
+const react_1 = require("react");
+/**
+ * Hook to handle ESC key press to close modal or overlay
+ *
+ * @param isOpen - Whether the modal/overlay is open
+ * @param onClose - Callback function to close the modal/overlay
+ */
+const useEscapeKey = (isOpen, onClose) => {
+    (0, react_1.useEffect)(() => {
+        const handleKeyDown = (event) => {
+            if (event.key === "Escape" && isOpen) {
+                onClose();
+            }
+        };
+        if (isOpen) {
+            document.addEventListener("keydown", handleKeyDown);
+            return () => {
+                document.removeEventListener("keydown", handleKeyDown);
+            };
+        }
+    }, [isOpen, onClose]);
+};
+exports.useEscapeKey = useEscapeKey;
+//# sourceMappingURL=useEscapeKey.js.map

package/lib/hooks/useEscapeKey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEscapeKey.js","sourceRoot":"","sources":["../../src/hooks/useEscapeKey.ts"],"names":[],"mappings":";;;AAAA,iCAAkC;AAElC;;;;;GAKG;AACI,MAAM,YAAY,GAAG,CAAC,MAAe,EAAE,OAAmB,EAAQ,EAAE;IACzE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,aAAa,GAAG,CAAC,KAAoB,EAAE,EAAE;YAC7C,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,MAAM,EAAE,CAAC;gBACrC,OAAO,EAAE,CAAC;YACZ,CAAC;QACH,CAAC,CAAC;QAEF,IAAI,MAAM,EAAE,CAAC;YACX,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;YACpD,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;YACzD,CAAC,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AACxB,CAAC,CAAC;AAfW,QAAA,YAAY,gBAevB"}

package/lib/hooks/useMediaQuery.d.ts

@@ -4,8 +4,13 @@ type UseMediaQueryOptions = {
 };
 export declare function useMediaQuery(query: string, { defaultValue, initializeWithValue, }?: UseMediaQueryOptions): boolean;
 export declare namespace useMediaQuery {
-    const MIN_WIDTH_LG = "(min-width: 1200px)";
-    const MIN_WIDTH_MD = "(min-width: 900px)";
-    const MIN_WIDTH_SM = "(min-width: 600px)";
+    const WIDTH_XL = "80rem";
+    const WIDTH_LG = "64rem";
+    const WIDTH_MD = "48rem";
+    const WIDTH_SM = "40rem";
+    const MIN_WIDTH_XL = "(min-width: 80rem)";
+    const MIN_WIDTH_LG = "(min-width: 64rem)";
+    const MIN_WIDTH_MD = "(min-width: 48rem)";
+    const MIN_WIDTH_SM = "(min-width: 40rem)";
 }
 export {};

package/lib/hooks/useMediaQuery.js

@@ -45,8 +45,13 @@ function useMediaQuery(query, { defaultValue = false, initializeWithValue = true
     return matches;
 }
 (function (useMediaQuery) {
-    useMediaQuery.MIN_WIDTH_LG = "(min-width: 1200px)";
-    useMediaQuery.MIN_WIDTH_MD = "(min-width: 900px)";
-    useMediaQuery.MIN_WIDTH_SM = "(min-width: 600px)";
+    useMediaQuery.WIDTH_XL = "80rem";
+    useMediaQuery.WIDTH_LG = "64rem";
+    useMediaQuery.WIDTH_MD = "48rem";
+    useMediaQuery.WIDTH_SM = "40rem";
+    useMediaQuery.MIN_WIDTH_XL = `(min-width: ${useMediaQuery.WIDTH_XL})`;
+    useMediaQuery.MIN_WIDTH_LG = `(min-width: ${useMediaQuery.WIDTH_LG})`;
+    useMediaQuery.MIN_WIDTH_MD = `(min-width: ${useMediaQuery.WIDTH_MD})`;
+    useMediaQuery.MIN_WIDTH_SM = `(min-width: ${useMediaQuery.WIDTH_SM})`;
 })(useMediaQuery || (exports.useMediaQuery = useMediaQuery = {}));
 //# sourceMappingURL=useMediaQuery.js.map

package/lib/hooks/useMediaQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMediaQuery.js","sourceRoot":"","sources":["../../src/hooks/useMediaQuery.ts"],"names":[],"mappings":";;AAYA,sCAiDC;AA7DD,0EAA0E;AAC1E,iCAAiC;AAEjC,2EAAwE;AAOxE,MAAM,SAAS,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC;AAEhD,SAAgB,aAAa,CAC3B,KAAa,EACb,EACE,YAAY,GAAG,KAAK,EACpB,mBAAmB,GAAG,IAAI,MACF,EAAE;IAE5B,MAAM,UAAU,GAAG,CAAC,KAAa,EAAW,EAAE;QAC5C,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,YAAY,CAAC;QACtB,CAAC;QACD,OAAO,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC;IAC1C,CAAC,CAAC;IAEF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,GAAG,EAAE;QACnD,IAAI,mBAAmB,EAAE,CAAC;YACxB,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;QACD,OAAO,YAAY,CAAC;IACtB,CAAC,CAAC,CAAC;IAEH,+CAA+C;IAC/C,SAAS,YAAY;QACnB,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;IAChC,CAAC;IAED,IAAA,qDAAyB,EAAC,GAAG,EAAE;QAC7B,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAE5C,+DAA+D;QAC/D,YAAY,EAAE,CAAC;QAEf,kFAAkF;QAClF,IAAI,UAAU,CAAC,WAAW,EAAE,CAAC;YAC3B,UAAU,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QACvC,CAAC;aAAM,CAAC;YACN,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACtD,CAAC;QAED,OAAO,GAAG,EAAE;YACV,IAAI,UAAU,CAAC,cAAc,EAAE,CAAC;gBAC9B,UAAU,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;YAC1C,CAAC;iBAAM,CAAC;gBACN,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YACzD,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,WAAiB,aAAa;IACf,0BAAY,GAAG,qBAAqB,CAAC;IACrC,0BAAY,GAAG,oBAAoB,CAAC;IACpC,0BAAY,GAAG,oBAAoB,CAAC;AACnD,CAAC,EAJgB,aAAa,6BAAb,aAAa,QAI7B"}
+{"version":3,"file":"useMediaQuery.js","sourceRoot":"","sources":["../../src/hooks/useMediaQuery.ts"],"names":[],"mappings":";;AAYA,sCAiDC;AA7DD,0EAA0E;AAC1E,iCAAiC;AAEjC,2EAAwE;AAOxE,MAAM,SAAS,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC;AAEhD,SAAgB,aAAa,CAC3B,KAAa,EACb,EACE,YAAY,GAAG,KAAK,EACpB,mBAAmB,GAAG,IAAI,MACF,EAAE;IAE5B,MAAM,UAAU,GAAG,CAAC,KAAa,EAAW,EAAE;QAC5C,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,YAAY,CAAC;QACtB,CAAC;QACD,OAAO,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC;IAC1C,CAAC,CAAC;IAEF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,GAAG,EAAE;QACnD,IAAI,mBAAmB,EAAE,CAAC;YACxB,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;QACD,OAAO,YAAY,CAAC;IACtB,CAAC,CAAC,CAAC;IAEH,+CAA+C;IAC/C,SAAS,YAAY;QACnB,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;IAChC,CAAC;IAED,IAAA,qDAAyB,EAAC,GAAG,EAAE;QAC7B,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAE5C,+DAA+D;QAC/D,YAAY,EAAE,CAAC;QAEf,kFAAkF;QAClF,IAAI,UAAU,CAAC,WAAW,EAAE,CAAC;YAC3B,UAAU,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QACvC,CAAC;aAAM,CAAC;YACN,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACtD,CAAC;QAED,OAAO,GAAG,EAAE;YACV,IAAI,UAAU,CAAC,cAAc,EAAE,CAAC;gBAC9B,UAAU,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;YAC1C,CAAC;iBAAM,CAAC;gBACN,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YACzD,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,WAAiB,aAAa;IACf,sBAAQ,GAAG,OAAO,CAAC;IACnB,sBAAQ,GAAG,OAAO,CAAC;IACnB,sBAAQ,GAAG,OAAO,CAAC;IACnB,sBAAQ,GAAG,OAAO,CAAC;IACnB,0BAAY,GAAG,eAAe,cAAA,QAAQ,GAAG,CAAC;IAC1C,0BAAY,GAAG,eAAe,cAAA,QAAQ,GAAG,CAAC;IAC1C,0BAAY,GAAG,eAAe,cAAA,QAAQ,GAAG,CAAC;IAC1C,0BAAY,GAAG,eAAe,cAAA,QAAQ,GAAG,CAAC;AACzD,CAAC,EATgB,aAAa,6BAAb,aAAa,QAS7B"}

package/lib/icons/Receipt.d.ts

@@ -0,0 +1,12 @@
+/** Props interface for ReceiptIcon component */
+interface IReceiptIconProps {
+    /** Width of the icon */
+    width?: number;
+    /** Height of the icon */
+    height?: number;
+    /** Color of the icon */
+    color?: string;
+}
+/** Receipt SVG icon component */
+export declare const ReceiptIcon: ({ width, height, color, }: IReceiptIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/icons/Receipt.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReceiptIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const color_1 = require("../constant/color");
+/** Receipt SVG icon component */
+const ReceiptIcon = ({ width = 24, height = 30, color = color_1.COLORS.GRAY_TEXT_DARK, }) => ((0, jsx_runtime_1.jsxs)("svg", { width: width, height: height, viewBox: "0 0 24 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { d: "M2 2H22V24L20 22L18 24L16 22L14 24L12 22L10 24L8 22L6 24L4 22L2 24V2Z", fill: color, fillOpacity: "0.1", stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("line", { x1: "6", y1: "7", x2: "18", y2: "7", stroke: color, strokeWidth: "1", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("line", { x1: "6", y1: "11", x2: "18", y2: "11", stroke: color, strokeWidth: "1", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("line", { x1: "6", y1: "15", x2: "14", y2: "15", stroke: color, strokeWidth: "1", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("line", { x1: "6", y1: "19", x2: "16", y2: "19", stroke: color, strokeWidth: "1", strokeLinecap: "round" })] }));
+exports.ReceiptIcon = ReceiptIcon;
+//# sourceMappingURL=Receipt.js.map

package/lib/icons/Receipt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Receipt.js","sourceRoot":"","sources":["../../src/icons/Receipt.tsx"],"names":[],"mappings":";;;;AAAA,6CAA2C;AAY3C,iCAAiC;AAC1B,MAAM,WAAW,GAAG,CAAC,EAC1B,KAAK,GAAG,EAAE,EACV,MAAM,GAAG,EAAE,EACX,KAAK,GAAG,cAAM,CAAC,cAAc,GACX,EAAE,EAAE,CAAC,CACvB,iCACE,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,aAGlC,iCACE,CAAC,EAAC,uEAAuE,EACzE,IAAI,EAAE,KAAK,EACX,WAAW,EAAC,KAAK,EACjB,MAAM,EAAE,KAAK,EACb,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,EAEF,iCACE,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,GAAG,EACN,MAAM,EAAE,KAAK,EACb,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,GACrB,EACF,iCACE,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,MAAM,EAAE,KAAK,EACb,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,GACrB,EACF,iCACE,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,MAAM,EAAE,KAAK,EACb,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,GACrB,EACF,iCACE,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,MAAM,EAAE,KAAK,EACb,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,GACrB,IACE,CACP,CAAC;AA5DW,QAAA,WAAW,eA4DtB"}

package/lib/index.d.ts

@@ -1,10 +1,4 @@
-export * from "./events";
-export { default as AutoBeAssistantMessageMovie } from "./AutoBeAssistantMessageMovie";
-export { default as AutoBeUserMessageMovie } from "./AutoBeUserMessageMovie";
-export { default as ChatBubble } from "./common/ChatBubble";
-export { default as AutoBeChatMain } from "./AutoBeChatMain";
-export type { IChatBubbleProps, IContentRendererProps, } from "./common/ChatBubble";
-export { AutoBeFileUploader } from "./utils";
-export * from "./upload";
-export * from "./banner";
+export * from "./components";
+export * from "./utils";
 export * from "./structure";
+export * from "./context/AutoBeAgentContext";

package/lib/index.js

@@ -13,23 +13,9 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AutoBeFileUploader = exports.AutoBeChatMain = exports.ChatBubble = exports.AutoBeUserMessageMovie = exports.AutoBeAssistantMessageMovie = void 0;
-__exportStar(require("./events"), exports);
-var AutoBeAssistantMessageMovie_1 = require("./AutoBeAssistantMessageMovie");
-Object.defineProperty(exports, "AutoBeAssistantMessageMovie", { enumerable: true, get: function () { return __importDefault(AutoBeAssistantMessageMovie_1).default; } });
-var AutoBeUserMessageMovie_1 = require("./AutoBeUserMessageMovie");
-Object.defineProperty(exports, "AutoBeUserMessageMovie", { enumerable: true, get: function () { return __importDefault(AutoBeUserMessageMovie_1).default; } });
-var ChatBubble_1 = require("./common/ChatBubble");
-Object.defineProperty(exports, "ChatBubble", { enumerable: true, get: function () { return __importDefault(ChatBubble_1).default; } });
-var AutoBeChatMain_1 = require("./AutoBeChatMain");
-Object.defineProperty(exports, "AutoBeChatMain", { enumerable: true, get: function () { return __importDefault(AutoBeChatMain_1).default; } });
-var utils_1 = require("./utils");
-Object.defineProperty(exports, "AutoBeFileUploader", { enumerable: true, get: function () { return utils_1.AutoBeFileUploader; } });
-__exportStar(require("./upload"), exports);
-__exportStar(require("./banner"), exports);
+__exportStar(require("./components"), exports);
+__exportStar(require("./utils"), exports);
 __exportStar(require("./structure"), exports);
+__exportStar(require("./context/AutoBeAgentContext"), exports);
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,6EAAuF;AAA9E,2JAAA,OAAO,OAA+B;AAC/C,mEAA6E;AAApE,iJAAA,OAAO,OAA0B;AAC1C,kDAA4D;AAAnD,yHAAA,OAAO,OAAc;AAC9B,mDAA6D;AAApD,iIAAA,OAAO,OAAkB;AAKlC,iCAA6C;AAApC,2GAAA,kBAAkB,OAAA;AAC3B,2CAAyB;AACzB,2CAAyB;AACzB,8CAA4B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,0CAAwB;AACxB,8CAA4B;AAC5B,+DAA6C"}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@autobe/ui",
   "type": "commonjs",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "description": "AutoBE UI",
   "author": "Wrtn Technologies",
-  "homepage": "https://wrtnlabs.io/autobe",
+  "homepage": "https://autobe.dev",
   "repository": {
     "type": "git",
     "url": "https://github.com/wrtnlabs/autobe.git"
@@ -25,7 +25,7 @@
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
     "typescript": "~5.9.2",
-    "@autobe/interface": "0.21.0"
+    "@autobe/interface": "0.22.0"
   },
   "dependencies": {
     "@stackblitz/sdk": "^1.11.0",

package/src/{AutoBeAssistantMessageMovie.tsx → components/AutoBeAssistantMessageMovie.tsx}

@@ -6,7 +6,7 @@ interface IAssistantMessageProps {
   assistantName?: string;
 }
 
-const AutoBeAssistantMessageMovie = (props: IAssistantMessageProps) => {
+export const AutoBeAssistantMessageMovie = (props: IAssistantMessageProps) => {
   const { text, isoTimestamp, assistantName = "AutoBe" } = props;
 
   return (

package/src/components/AutoBeChatMain.tsx

@@ -0,0 +1,178 @@
+import { AutoBeUserMessageContent } from "@autobe/interface";
+import { RefObject, useEffect, useRef, useState } from "react";
+
+import { AutoBeChatUploadBox, AutoBeEventMovie, IAutoBeUploadConfig } from "..";
+import { useAutoBeAgent } from "../context/AutoBeAgentContext";
+import { useMediaQuery } from "../hooks";
+import AutoBeStatusModal from "./AutoBeStatusModal";
+
+export interface IAutoBeChatMainProps {
+  isMobile: boolean;
+  conversate: (messages: AutoBeUserMessageContent[]) => Promise<void>;
+  setError: (error: Error) => void;
+  uploadConfig?: IAutoBeUploadConfig;
+  className?: string;
+  style?: React.CSSProperties;
+}
+
+export const AutoBeChatMain = (props: IAutoBeChatMainProps) => {
+  const bodyContainerRef = useRef<HTMLDivElement>(null);
+  const scrollAnchorRef = useRef<HTMLDivElement>(null);
+  const { eventGroups } = useAutoBeAgent();
+  const [isTokenModalOpen, setIsTokenModalOpen] = useState(false);
+
+  const listener: RefObject<AutoBeChatUploadBox.IListener> = useRef({
+    handleDragEnter: () => {},
+    handleDragLeave: () => {},
+    handleDrop: () => {},
+    handleDragOver: () => {},
+  });
+
+  useEffect(() => {
+    if (eventGroups.length === 0) return;
+    scrollAnchorRef.current?.scrollIntoView({
+      behavior: "smooth",
+    });
+  }, [bodyContainerRef.current?.scrollHeight]);
+
+  return (
+    <div
+      onDragEnter={(e) => listener.current.handleDragEnter(e)}
+      onDragLeave={(e) => listener.current.handleDragLeave(e)}
+      onDragOver={(e) => listener.current.handleDragOver(e)}
+      onDrop={(e) => listener.current.handleDrop(e)}
+      style={{
+        position: "relative",
+        overflowY: "auto",
+        margin: 0,
+        flexGrow: 1,
+        display: "flex",
+        flexDirection: "column",
+        ...props.style,
+      }}
+      className={props.className}
+      ref={bodyContainerRef}
+    >
+      {/* Token Usage Button - Sticky position in top right */}
+      <div
+        style={{
+          position: "sticky",
+          top: "1rem",
+          zIndex: 1001,
+          display: "flex",
+          justifyContent: "flex-end",
+          marginBottom: "-3rem",
+          paddingRight: "1.5rem",
+        }}
+      >
+        <button
+          onClick={() => setIsTokenModalOpen(!isTokenModalOpen)}
+          style={{
+            background: "#f8f9fa",
+            color: "#495057",
+            border: "1px solid #dee2e6",
+            borderRadius: "50%",
+            padding: "0.5rem",
+            width: "2rem",
+            height: "2rem",
+            cursor: "pointer",
+            fontSize: "0.85rem",
+            fontWeight: "400",
+            boxShadow: "0 2px 4px rgba(0, 0, 0, 0.1)",
+            transition: "all 0.2s ease",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+          }}
+          onMouseOver={(e) => {
+            e.currentTarget.style.transform = "translateY(-1px)";
+            e.currentTarget.style.boxShadow = "0 4px 8px rgba(0, 0, 0, 0.15)";
+            e.currentTarget.style.background = "#e9ecef";
+            e.currentTarget.style.borderColor = "#adb5bd";
+          }}
+          onMouseOut={(e) => {
+            e.currentTarget.style.transform = "translateY(0)";
+            e.currentTarget.style.boxShadow = "0 2px 4px rgba(0, 0, 0, 0.1)";
+            e.currentTarget.style.background = "#f8f9fa";
+            e.currentTarget.style.borderColor = "#dee2e6";
+          }}
+          title="View System Status"
+        >
+          <svg
+            width="14"
+            height="14"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            strokeWidth="2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          >
+            <circle cx="12" cy="12" r="10" />
+            <path d="M12 16v-4" />
+            <path d="M12 8h.01" />
+          </svg>
+        </button>
+      </div>
+      <div
+        style={{
+          display: "flex",
+          flexDirection: "column",
+          maxWidth: useMediaQuery.WIDTH_MD,
+          width: "100%",
+          margin: "0 auto",
+        }}
+      >
+        <div
+          style={{
+            padding: "2rem",
+            gap: 16,
+            display: "flex",
+            flexDirection: "column",
+          }}
+        >
+          {eventGroups.map((e, index) => (
+            <AutoBeEventMovie
+              key={index}
+              events={e.events}
+              last={index === eventGroups.length - 1}
+            />
+          ))}
+        </div>
+      </div>
+
+      {/*
+       * Prompt input area
+       * this flexGrow: 1 means that the prompt input area will take up the remaining space
+       * so that the upload box will be at the bottom of the screen
+       */}
+      <div
+        style={{ flexGrow: 1, minHeight: "1rem" }}
+        ref={scrollAnchorRef}
+      ></div>
+      <div
+        style={{
+          position: "sticky",
+          bottom: 16,
+          left: 0,
+          right: 0,
+          zIndex: 1000,
+        }}
+      >
+        <AutoBeChatUploadBox
+          listener={listener}
+          uploadConfig={props.uploadConfig}
+          conversate={props.conversate}
+          setError={props.setError}
+        />
+      </div>
+
+      {/* System Status Modal */}
+      <AutoBeStatusModal
+        isOpen={isTokenModalOpen}
+        onClose={() => setIsTokenModalOpen(false)}
+      />
+    </div>
+  );
+};
+export default AutoBeChatMain;