@autobe/ui 0.20.0 → 0.21.0

package/lib/AutoBeChatMain.d.ts

@@ -0,0 +1,16 @@
+import { AutoBeUserMessageContent, IAutoBePlaygroundHeader, IAutoBeRpcService, IAutoBeTokenUsageJson } from "@autobe/interface";
+import { ILlmSchema } from "@samchon/openapi";
+import { AutoBeListenerState, IAutoBeEventGroup, IAutoBeUploadConfig } from ".";
+export interface IAutoBeChatMainProps {
+    isMobile: boolean;
+    eventGroups: IAutoBeEventGroup[];
+    service: IAutoBeRpcService;
+    conversate: (messages: AutoBeUserMessageContent[]) => Promise<void>;
+    setError: (error: Error) => void;
+    uploadConfig?: IAutoBeUploadConfig;
+    tokenUsage: IAutoBeTokenUsageJson | null;
+    header: IAutoBePlaygroundHeader<ILlmSchema.Model>;
+    state: AutoBeListenerState;
+}
+export declare const AutoBeChatMain: (props: IAutoBeChatMainProps) => import("react/jsx-runtime").JSX.Element;
+export default AutoBeChatMain;

package/lib/AutoBeChatMain.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutoBeChatMain = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const _1 = require(".");
+const hooks_1 = require("./hooks");
+const AutoBeChatMain = (props) => {
+    var _a;
+    const bodyContainerRef = (0, react_1.useRef)(null);
+    const scrollAnchorRef = (0, react_1.useRef)(null);
+    const listener = (0, react_1.useRef)({
+        handleDragEnter: () => { },
+        handleDragLeave: () => { },
+        handleDrop: () => { },
+        handleDragOver: () => { },
+    });
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (props.eventGroups.length === 0)
+            return;
+        (_a = scrollAnchorRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
+            behavior: "smooth",
+        });
+    }, [(_a = bodyContainerRef.current) === null || _a === void 0 ? void 0 : _a.scrollHeight]);
+    const isMinWidthLg = (0, hooks_1.useMediaQuery)(hooks_1.useMediaQuery.MIN_WIDTH_LG);
+    return ((0, jsx_runtime_1.jsxs)("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,
+            backgroundColor: "lightblue",
+            flexGrow: 1,
+            display: "flex",
+            flexDirection: "column",
+        }, ref: bodyContainerRef, children: [!isMinWidthLg && ((0, jsx_runtime_1.jsx)(_1.AutoBeChatBanner, { header: props.header, tokenUsage: props.tokenUsage, state: props.state })), (0, jsx_runtime_1.jsx)("div", { style: {
+                    backgroundColor: "lightblue",
+                    padding: "2rem",
+                    gap: 16,
+                    display: "flex",
+                    flexDirection: "column",
+                }, children: props.eventGroups.map((e, index) => ((0, jsx_runtime_1.jsx)(_1.AutoBeEventMovie, { getFiles: props.service.getFiles, events: e.events, last: index === props.eventGroups.length - 1 }, index))) }), (0, jsx_runtime_1.jsx)("div", { style: { flexGrow: 1, minHeight: "1rem" }, ref: scrollAnchorRef }), (0, jsx_runtime_1.jsx)("div", { style: {
+                    position: "sticky",
+                    bottom: 16,
+                    left: 0,
+                    right: 0,
+                    zIndex: 1000,
+                }, children: (0, jsx_runtime_1.jsx)(_1.AutoBeChatUploadBox, { listener: listener, uploadConfig: props.uploadConfig, conversate: props.conversate, setError: props.setError }) })] }));
+};
+exports.AutoBeChatMain = AutoBeChatMain;
+exports.default = exports.AutoBeChatMain;
+//# sourceMappingURL=AutoBeChatMain.js.map

package/lib/AutoBeChatMain.js.map

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

package/lib/banner/AutoBeAgentInformation.d.ts

@@ -0,0 +1,15 @@
+import { IAutoBePlaygroundHeader, IAutoBePlaygroundVendor } from "@autobe/interface";
+import { ILlmSchema } from "@samchon/openapi";
+export interface IAutoBeAgentInformationProps {
+    header: Omit<IAutoBePlaygroundHeader<ILlmSchema.Model>, "vendor"> & {
+        vendor: Omit<IAutoBePlaygroundVendor, "apiKey">;
+    };
+}
+/**
+ * Agent information component displaying model, locale, and configuration
+ * details
+ *
+ * @param props - Component props
+ * @returns JSX element representing the agent information
+ */
+export declare const AutoBeAgentInformation: ({ header, }: IAutoBeAgentInformationProps) => import("react/jsx-runtime").JSX.Element;

package/lib/banner/AutoBeAgentInformation.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutoBeAgentInformation = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const color_1 = require("../constant/color");
+/** Info row component with consistent flex layout */
+const InfoRow = ({ label, value }) => ((0, jsx_runtime_1.jsxs)("div", { style: {
+        display: "flex",
+        alignItems: "center",
+        padding: "4px 0",
+        gap: "8px",
+    }, children: [(0, jsx_runtime_1.jsx)(InfoLabel, { children: label + ":" }), (0, jsx_runtime_1.jsx)(InfoValue, { children: value })] }));
+/** Info label component with consistent styling */
+const InfoLabel = ({ children }) => ((0, jsx_runtime_1.jsx)("span", { style: {
+        color: color_1.COLORS.GRAY_TEXT_MEDIUM,
+        fontWeight: "500",
+        fontSize: "0.875rem",
+    }, children: children }));
+/** Info value component with styling */
+const InfoValue = ({ children }) => ((0, jsx_runtime_1.jsx)("span", { style: {
+        color: color_1.COLORS.GRAY_TEXT_DARK,
+        fontWeight: "600",
+        fontSize: "0.875rem",
+    }, children: children }));
+/**
+ * Agent information component displaying model, locale, and configuration
+ * details
+ *
+ * @param props - Component props
+ * @returns JSX element representing the agent information
+ */
+const AutoBeAgentInformation = ({ header, }) => {
+    var _a;
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            display: "flex",
+            flexDirection: "column",
+            gap: "6px",
+        }, children: [(0, jsx_runtime_1.jsx)(InfoRow, { label: "AI Model", value: header.vendor.model }), (0, jsx_runtime_1.jsx)(InfoRow, { label: "Schema Model", value: header.model }), (0, jsx_runtime_1.jsx)(InfoRow, { label: "Locale", value: header.locale }), (0, jsx_runtime_1.jsx)(InfoRow, { label: "Timezone", value: header.timezone }), (0, jsx_runtime_1.jsx)(InfoRow, { label: "Semaphore", value: (_a = header.vendor.semaphore) !== null && _a !== void 0 ? _a : 16 })] }));
+};
+exports.AutoBeAgentInformation = AutoBeAgentInformation;
+//# sourceMappingURL=AutoBeAgentInformation.js.map

package/lib/banner/AutoBeAgentInformation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoBeAgentInformation.js","sourceRoot":"","sources":["../../src/banner/AutoBeAgentInformation.tsx"],"names":[],"mappings":";;;;AAOA,6CAA2C;AA4B3C,qDAAqD;AACrD,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAiB,EAAE,EAAE,CAAC,CACnD,iCACE,KAAK,EAAE;QACL,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,OAAO;QAChB,GAAG,EAAE,KAAK;KACX,aAED,uBAAC,SAAS,cAAE,KAAK,GAAG,GAAG,GAAa,EACpC,uBAAC,SAAS,cAAE,KAAK,GAAa,IAC1B,CACP,CAAC;AAEF,mDAAmD;AACnD,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAmB,EAAE,EAAE,CAAC,CACnD,iCACE,KAAK,EAAE;QACL,KAAK,EAAE,cAAM,CAAC,gBAAgB;QAC9B,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,UAAU;KACrB,YAEA,QAAQ,GACJ,CACR,CAAC;AAEF,wCAAwC;AACxC,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAmB,EAAE,EAAE,CAAC,CACnD,iCACE,KAAK,EAAE;QACL,KAAK,EAAE,cAAM,CAAC,cAAc;QAC5B,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,UAAU;KACrB,YAEA,QAAQ,GACJ,CACR,CAAC;AAEF;;;;;;GAMG;AACI,MAAM,sBAAsB,GAAG,CAAC,EACrC,MAAM,GACuB,EAAE,EAAE;;IACjC,OAAO,CACL,iCACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,GAAG,EAAE,KAAK;SACX,aAED,uBAAC,OAAO,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,GAAI,EACxD,uBAAC,OAAO,IAAC,KAAK,EAAC,cAAc,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,GAAI,EACrD,uBAAC,OAAO,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,MAAM,CAAC,MAAM,GAAI,EAChD,uBAAC,OAAO,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,GAAI,EACpD,uBAAC,OAAO,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,MAAA,MAAM,CAAC,MAAM,CAAC,SAAS,mCAAI,EAAE,GAAI,IAC/D,CACP,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,sBAAsB,0BAkBjC"}

package/lib/banner/AutoBeChatBanner.d.ts

@@ -0,0 +1,15 @@
+import { IAutoBeTokenUsageJson } from "@autobe/interface";
+import { IAutoBeAgentInformationProps } from "./AutoBeAgentInformation";
+import { IAutoBeChatStateProps } from "./AutoBeChatState";
+/** Props interface for AutoBeChatBanner component */
+interface IAutoBeChatBannerProps {
+    /** Agent information to display */
+    header: IAutoBeAgentInformationProps["header"];
+    /** Token usage data to display */
+    tokenUsage: IAutoBeTokenUsageJson | null;
+    /** Chat state to display */
+    state: IAutoBeChatStateProps["state"];
+}
+/** Chat banner component with collapsible token usage display */
+export declare const AutoBeChatBanner: (props: IAutoBeChatBannerProps) => import("react/jsx-runtime").JSX.Element;
+export default AutoBeChatBanner;

package/lib/banner/AutoBeChatBanner.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutoBeChatBanner = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const common_1 = require("../common");
+const color_1 = require("../constant/color");
+const AutoBeAgentInformation_1 = require("./AutoBeAgentInformation");
+const AutoBeChatState_1 = require("./AutoBeChatState");
+const AutoBeTokenUsage_1 = require("./AutoBeTokenUsage");
+/** Chat banner component with collapsible token usage display */
+const AutoBeChatBanner = (props) => {
+    return ((0, jsx_runtime_1.jsx)("header", { style: {
+            padding: "0 48",
+            position: "sticky",
+            top: "12px",
+            marginBottom: "1rem",
+            zIndex: 10,
+        }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
+                border: `1px solid ${color_1.COLORS.GRAY_BORDER}`,
+                borderRadius: "8px",
+                backgroundColor: color_1.COLORS.GRAY_BACKGROUND,
+                padding: "0 16px 16px 16px",
+                boxShadow: color_1.SHADOWS.CARD,
+                width: "100%",
+            }, children: [(0, jsx_runtime_1.jsx)("h3", { children: "Summaries" }), (0, jsx_runtime_1.jsx)(common_1.Collapsible, { title: "Agent Information", defaultCollapsed: true, animated: true, children: (0, jsx_runtime_1.jsx)(AutoBeAgentInformation_1.AutoBeAgentInformation, { header: props.header }) }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(common_1.Collapsible, { title: "Token Usage", defaultCollapsed: false, animated: true, children: (0, jsx_runtime_1.jsx)(AutoBeTokenUsage_1.AutoBeTokenUsage, { tokenUsage: props.tokenUsage }) }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(common_1.Collapsible, { title: "Chat State", defaultCollapsed: true, animated: true, children: (0, jsx_runtime_1.jsx)(AutoBeChatState_1.AutoBeChatState, { state: props.state }) })] }) }));
+};
+exports.AutoBeChatBanner = AutoBeChatBanner;
+exports.default = exports.AutoBeChatBanner;
+//# sourceMappingURL=AutoBeChatBanner.js.map

package/lib/banner/AutoBeChatBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoBeChatBanner.js","sourceRoot":"","sources":["../../src/banner/AutoBeChatBanner.tsx"],"names":[],"mappings":";;;;AAEA,sCAAwC;AACxC,6CAAoD;AACpD,qEAGkC;AAClC,uDAA2E;AAC3E,yDAAsD;AActD,iEAAiE;AAC1D,MAAM,gBAAgB,GAAG,CAAC,KAA6B,EAAE,EAAE;IAChE,OAAO,CACL,mCACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,QAAQ;YAClB,GAAG,EAAE,MAAM;YACX,YAAY,EAAE,MAAM;YACpB,MAAM,EAAE,EAAE;SACX,YAED,iCACE,KAAK,EAAE;gBACL,MAAM,EAAE,aAAa,cAAM,CAAC,WAAW,EAAE;gBACzC,YAAY,EAAE,KAAK;gBACnB,eAAe,EAAE,cAAM,CAAC,eAAe;gBACvC,OAAO,EAAE,kBAAkB;gBAC3B,SAAS,EAAE,eAAO,CAAC,IAAI;gBACvB,KAAK,EAAE,MAAM;aACd,aAED,uDAAkB,EAElB,uBAAC,oBAAW,IACV,KAAK,EAAC,mBAAmB,EACzB,gBAAgB,EAAE,IAAI,EACtB,QAAQ,EAAE,IAAI,YAEd,uBAAC,+CAAsB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI,GACpC,EACd,gCAAM,EACN,uBAAC,oBAAW,IACV,KAAK,EAAC,aAAa,EACnB,gBAAgB,EAAE,KAAK,EACvB,QAAQ,EAAE,IAAI,YAEd,uBAAC,mCAAgB,IAAC,UAAU,EAAE,KAAK,CAAC,UAAU,GAAI,GACtC,EACd,gCAAM,EACN,uBAAC,oBAAW,IAAC,KAAK,EAAC,YAAY,EAAC,gBAAgB,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,YACpE,uBAAC,iCAAe,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,GAC3B,IACV,GACC,CACV,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,gBAAgB,oBA6C3B;AAEF,kBAAe,wBAAgB,CAAC"}

package/lib/banner/AutoBeChatState.d.ts

@@ -0,0 +1,6 @@
+import { AutoBeListenerState } from "..";
+export interface IAutoBeChatStateProps {
+    state: AutoBeListenerState;
+}
+/** Component to display development state information */
+export declare const AutoBeChatState: (props: IAutoBeChatStateProps) => import("react/jsx-runtime").JSX.Element;

package/lib/banner/AutoBeChatState.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutoBeChatState = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const color_1 = require("../constant/color");
+/** Common styles for step items */
+const getStepItemStyle = (isActive) => ({
+    padding: "12px",
+    backgroundColor: color_1.COLORS.GRAY_BACKGROUND,
+    borderRadius: "6px",
+    borderLeft: `4px solid ${isActive ? "#007bff" : color_1.COLORS.GRAY_BORDER}`,
+});
+const stepTitleStyle = {
+    fontWeight: "bold",
+    fontSize: "0.9rem",
+    marginBottom: "4px",
+    color: color_1.COLORS.GRAY_TEXT_DARK,
+};
+const stepDataStyle = {
+    fontSize: "0.85rem",
+    color: color_1.COLORS.GRAY_TEXT_MEDIUM,
+    lineHeight: "1.4",
+};
+/** Component for displaying active state step */
+const StateStep = ({ step, data }) => ((0, jsx_runtime_1.jsxs)("div", { style: getStepItemStyle(true), children: [(0, jsx_runtime_1.jsx)("div", { style: stepTitleStyle, children: `${step.charAt(0).toUpperCase()}${step.slice(1)}` }), (0, jsx_runtime_1.jsx)("div", { style: stepDataStyle, children: Object.entries(getStepCount(data))
+                .map(([key, value]) => `${key}: ${value.toLocaleString()}`)
+                .join(" • ") }), (0, jsx_runtime_1.jsxs)("div", { style: stepDataStyle, children: ["\u23F1\uFE0F ", (Math.floor((data.elapsed / 60000) * 100) / 100).toLocaleString(), " ", "mins"] })] }));
+/** Component for displaying empty state step */
+const StateEmpty = ({ step }) => ((0, jsx_runtime_1.jsxs)("div", { style: getStepItemStyle(false), children: [(0, jsx_runtime_1.jsx)("div", { style: stepTitleStyle, children: `${step.charAt(0).toUpperCase()}${step.slice(1)}` }), (0, jsx_runtime_1.jsx)("div", { style: stepDataStyle, children: "0 items \u2022 \u23F1\uFE0F 0 mins" })] }));
+/** Component to display development state information */
+const AutoBeChatState = (props) => {
+    const containerStyle = {
+        display: "flex",
+        flexDirection: "column",
+        gap: "12px",
+    };
+    const steps = ["analyze", "prisma", "interface", "test", "realize"];
+    return ((0, jsx_runtime_1.jsx)("div", { style: containerStyle, children: (0, jsx_runtime_1.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: steps.map((stepType) => props.state[stepType] ? ((0, jsx_runtime_1.jsx)(StateStep, { step: stepType, data: props.state[stepType] }, stepType)) : ((0, jsx_runtime_1.jsx)(StateEmpty, { step: stepType }, stepType))) }) }));
+};
+exports.AutoBeChatState = AutoBeChatState;
+/** Calculate count data based on step type */
+const getStepCount = (data) => {
+    switch (data.type) {
+        case "analyzeComplete": {
+            return {
+                Documents: Object.keys(data.files).length,
+                "Actor Roles": data.roles.length,
+            };
+        }
+        case "prismaComplete": {
+            return {
+                Namespaces: data.result.data.files.length,
+                Models: data.result.data.files
+                    .map((f) => f.models.length)
+                    .reduce((a, b) => a + b, 0),
+            };
+        }
+        case "interfaceComplete": {
+            return {
+                Operations: data.document.operations.length,
+                Schemas: Object.keys(data.document.components.schemas).length,
+            };
+        }
+        case "testComplete": {
+            return {
+                Functions: data.files.length,
+            };
+        }
+        case "realizeComplete": {
+            return {
+                Controllers: Object.keys(data.controllers).length,
+                Functions: data.functions.length,
+            };
+        }
+        default:
+            data;
+            throw new Error(`Unknown step type: ${data}`);
+    }
+};
+//# sourceMappingURL=AutoBeChatState.js.map

package/lib/banner/AutoBeChatState.js.map

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

package/lib/banner/AutoBeTokenUsage.d.ts

@@ -0,0 +1,14 @@
+import { IAutoBeTokenUsageJson } from "@autobe/interface";
+/** Props interface for TokenUsageCard component */
+interface ITokenUsageCardProps {
+    /** Token usage data to display */
+    tokenUsage: IAutoBeTokenUsageJson | null;
+}
+/**
+ * Token usage card component displaying input, output, and total token counts
+ *
+ * @param props - Component props
+ * @returns JSX element representing the token usage card
+ */
+export declare const AutoBeTokenUsage: ({ tokenUsage }: ITokenUsageCardProps) => import("react/jsx-runtime").JSX.Element;
+export default AutoBeTokenUsage;

package/lib/banner/AutoBeTokenUsage.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutoBeTokenUsage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const color_1 = require("../constant/color");
+const utils_1 = require("../utils");
+/** Token row component with consistent flex layout */
+const TokenRow = ({ label, value, isTotal = false }) => ((0, jsx_runtime_1.jsxs)("div", { style: Object.assign({ display: "flex", justifyContent: "space-between", alignItems: "center" }, (isTotal && {
+        paddingTop: "8px",
+        borderTop: `1px solid ${color_1.COLORS.GRAY_BORDER_LIGHT}`,
+    })), children: [(0, jsx_runtime_1.jsx)(TokenLabel, { isTotal: isTotal, children: label }), value] }));
+/** Token label component with consistent styling */
+const TokenLabel = ({ children, isTotal = false }) => ((0, jsx_runtime_1.jsx)("span", { style: {
+        color: isTotal ? color_1.COLORS.GRAY_TEXT_DARK : color_1.COLORS.GRAY_TEXT_MEDIUM,
+        fontWeight: isTotal ? "600" : "500",
+    }, children: children }));
+/** Token value component with variant-based styling */
+const TokenValue = ({ children, variant }) => {
+    const getVariantStyles = () => {
+        switch (variant) {
+            case "input":
+                return { color: color_1.COLORS.TOKEN_INPUT, fontWeight: "600" };
+            case "cachedInput":
+                return {
+                    color: color_1.COLORS.GRAY_TEXT_MEDIUM,
+                    fontWeight: "400",
+                    fontSize: "0.875rem",
+                };
+            case "output":
+                return { color: color_1.COLORS.TOKEN_OUTPUT, fontWeight: "600" };
+            case "total":
+                return {
+                    color: color_1.COLORS.TOKEN_TOTAL,
+                    fontWeight: "700",
+                    fontSize: "1.125rem",
+                };
+            default:
+                variant;
+                return {};
+        }
+    };
+    return (0, jsx_runtime_1.jsx)("span", { style: getVariantStyles(), children: children });
+};
+/**
+ * Token usage card component displaying input, output, and total token counts
+ *
+ * @param props - Component props
+ * @returns JSX element representing the token usage card
+ */
+const AutoBeTokenUsage = ({ tokenUsage }) => {
+    var _a, _b, _c, _d;
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { style: {
+                display: "flex",
+                flexDirection: "column",
+                gap: "8px",
+            }, children: [(0, jsx_runtime_1.jsx)(TokenRow, { label: "Input:", value: (0, jsx_runtime_1.jsx)(TokenValue, { variant: "input", children: (0, utils_1.toCompactNumberFormat)((_a = tokenUsage === null || tokenUsage === void 0 ? void 0 : tokenUsage.aggregate.input.total) !== null && _a !== void 0 ? _a : 0) }) }), (0, jsx_runtime_1.jsx)(TokenRow, { label: "Cached Input:", value: (0, jsx_runtime_1.jsx)(TokenValue, { variant: "cachedInput", children: (0, utils_1.toCompactNumberFormat)((_b = tokenUsage === null || tokenUsage === void 0 ? void 0 : tokenUsage.aggregate.input.cached) !== null && _b !== void 0 ? _b : 0) }) }), (0, jsx_runtime_1.jsx)(TokenRow, { label: "Output:", value: (0, jsx_runtime_1.jsx)(TokenValue, { variant: "output", children: (0, utils_1.toCompactNumberFormat)((_c = tokenUsage === null || tokenUsage === void 0 ? void 0 : tokenUsage.aggregate.output.total) !== null && _c !== void 0 ? _c : 0) }) }), (0, jsx_runtime_1.jsx)(TokenRow, { label: "Total:", value: (0, jsx_runtime_1.jsx)(TokenValue, { variant: "total", children: (0, utils_1.toCompactNumberFormat)((_d = tokenUsage === null || tokenUsage === void 0 ? void 0 : tokenUsage.aggregate.total) !== null && _d !== void 0 ? _d : 0) }), isTotal: true })] }) }));
+};
+exports.AutoBeTokenUsage = AutoBeTokenUsage;
+exports.default = exports.AutoBeTokenUsage;
+//# sourceMappingURL=AutoBeTokenUsage.js.map

package/lib/banner/AutoBeTokenUsage.js.map

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

package/lib/banner/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./AutoBeChatBanner";
+export * from "./AutoBeTokenUsage";
+export * from "./AutoBeChatState";
+export * from "./AutoBeAgentInformation";

package/lib/banner/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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("./AutoBeChatBanner"), exports);
+__exportStar(require("./AutoBeTokenUsage"), exports);
+__exportStar(require("./AutoBeChatState"), exports);
+__exportStar(require("./AutoBeAgentInformation"), exports);
+//# sourceMappingURL=index.js.map

package/lib/banner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/banner/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAmC;AACnC,qDAAmC;AACnC,oDAAkC;AAClC,2DAAyC"}

package/lib/common/Collapsible.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from "react";
+/** Props interface for Collapsible component */
+interface ICollapsibleProps {
+    /** Title to display in the header */
+    title: string;
+    /** Content to be collapsed/expanded */
+    children: ReactNode;
+    /** Initial collapsed state */
+    defaultCollapsed?: boolean;
+    /** Whether to show animation */
+    animated?: boolean;
+}
+/** Reusable collapsible component with toggle functionality */
+export declare const Collapsible: ({ title, children, defaultCollapsed, animated, }: ICollapsibleProps) => import("react/jsx-runtime").JSX.Element;
+export default Collapsible;

package/lib/common/Collapsible.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Collapsible = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const color_1 = require("../constant/color");
+/** Reusable collapsible component with toggle functionality */
+const Collapsible = ({ title, children, defaultCollapsed = false, animated = true, }) => {
+    const [isCollapsed, setIsCollapsed] = (0, react_1.useState)(defaultCollapsed);
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                    display: "flex",
+                    alignItems: "center",
+                    marginBottom: isCollapsed ? "0" : "12px",
+                }, children: [(0, jsx_runtime_1.jsx)("button", { onClick: () => setIsCollapsed(!isCollapsed), style: {
+                            background: "none",
+                            border: "none",
+                            cursor: "pointer",
+                            padding: "4px",
+                            borderRadius: "4px",
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            transition: animated ? "background-color 0.2s" : "none",
+                            color: color_1.COLORS.GRAY_TEXT_MEDIUM,
+                            marginRight: "8px",
+                        }, onMouseEnter: (e) => {
+                            e.currentTarget.style.backgroundColor = color_1.COLORS.GRAY_BORDER_LIGHT;
+                        }, onMouseLeave: (e) => {
+                            e.currentTarget.style.backgroundColor = "transparent";
+                        }, children: (0, jsx_runtime_1.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", style: {
+                                transform: isCollapsed ? "rotate(-90deg)" : "rotate(0deg)",
+                                transition: animated ? "transform 0.2s ease" : "none",
+                            }, children: (0, jsx_runtime_1.jsx)("path", { d: "M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6-6-6 1.41-1.42z" }) }) }), (0, jsx_runtime_1.jsx)("h3", { style: {
+                            margin: 0,
+                            fontSize: "1.125rem",
+                            fontWeight: "600",
+                            color: color_1.COLORS.GRAY_TEXT_DARK,
+                        }, children: title })] }), !isCollapsed && ((0, jsx_runtime_1.jsx)("div", { style: {
+                    opacity: isCollapsed ? 0 : 1,
+                    transition: animated ? "opacity 0.2s ease" : "none",
+                }, children: children }))] }));
+};
+exports.Collapsible = Collapsible;
+exports.default = exports.Collapsible;
+//# sourceMappingURL=Collapsible.js.map

package/lib/common/Collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../src/common/Collapsible.tsx"],"names":[],"mappings":";;;;AAAA,iCAA4C;AAE5C,6CAA2C;AAc3C,+DAA+D;AACxD,MAAM,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,gBAAgB,GAAG,KAAK,EACxB,QAAQ,GAAG,IAAI,GACG,EAAE,EAAE;IACtB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,gBAAgB,CAAC,CAAC;IAEjE,OAAO,CACL,4CACE,iCACE,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM;iBACzC,aAED,mCACE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,EAC3C,KAAK,EAAE;4BACL,UAAU,EAAE,MAAM;4BAClB,MAAM,EAAE,MAAM;4BACd,MAAM,EAAE,SAAS;4BACjB,OAAO,EAAE,KAAK;4BACd,YAAY,EAAE,KAAK;4BACnB,OAAO,EAAE,MAAM;4BACf,UAAU,EAAE,QAAQ;4BACpB,cAAc,EAAE,QAAQ;4BACxB,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,MAAM;4BACvD,KAAK,EAAE,cAAM,CAAC,gBAAgB;4BAC9B,WAAW,EAAE,KAAK;yBACnB,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;4BAClB,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,eAAe,GAAG,cAAM,CAAC,iBAAiB,CAAC;wBACnE,CAAC,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;4BAClB,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,eAAe,GAAG,aAAa,CAAC;wBACxD,CAAC,YAED,gCACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE;gCACL,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,cAAc;gCAC1D,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,MAAM;6BACtD,YAED,iCAAM,CAAC,EAAC,yDAAyD,GAAG,GAChE,GACC,EACT,+BACE,KAAK,EAAE;4BACL,MAAM,EAAE,CAAC;4BACT,QAAQ,EAAE,UAAU;4BACpB,UAAU,EAAE,KAAK;4BACjB,KAAK,EAAE,cAAM,CAAC,cAAc;yBAC7B,YAEA,KAAK,GACH,IACD,EACL,CAAC,WAAW,IAAI,CACf,gCACE,KAAK,EAAE;oBACL,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBAC5B,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAM;iBACpD,YAEA,QAAQ,GACL,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AA3EW,QAAA,WAAW,eA2EtB;AAEF,kBAAe,mBAAW,CAAC"}

package/lib/common/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Collapsible";
+export * from "./ChatBubble";

package/lib/common/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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("./Collapsible"), exports);
+__exportStar(require("./ChatBubble"), exports);
+//# sourceMappingURL=index.js.map

package/lib/common/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/common/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,+CAA6B"}

package/lib/constant/color.d.ts

@@ -0,0 +1,18 @@
+/** Color tokens for consistent styling */
+export declare const COLORS: {
+    readonly GRAY_BORDER: "#d1d5db";
+    readonly GRAY_BACKGROUND: "#f9fafb";
+    readonly GRAY_BORDER_LIGHT: "#e5e7eb";
+    readonly GRAY_TEXT_DARK: "#1f2937";
+    readonly GRAY_TEXT_MEDIUM: "#4b5563";
+    readonly TOKEN_INPUT: "#2563eb";
+    readonly TOKEN_OUTPUT: "#16a34a";
+    readonly TOKEN_TOTAL: "#9333ea";
+    readonly TABLE_BORDER: "#eee";
+    readonly TABLE_BORDER_THICK: "#ddd";
+    readonly TABLE_HEADER_BG: "#f5f5f5";
+};
+/** Shadow styles */
+export declare const SHADOWS: {
+    readonly CARD: "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
+};

package/lib/constant/color.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SHADOWS = exports.COLORS = void 0;
+/** Color tokens for consistent styling */
+exports.COLORS = {
+    // Gray scale
+    GRAY_BORDER: "#d1d5db",
+    GRAY_BACKGROUND: "#f9fafb",
+    GRAY_BORDER_LIGHT: "#e5e7eb",
+    GRAY_TEXT_DARK: "#1f2937",
+    GRAY_TEXT_MEDIUM: "#4b5563",
+    // Token value colors
+    TOKEN_INPUT: "#2563eb", // Blue
+    TOKEN_OUTPUT: "#16a34a", // Green
+    TOKEN_TOTAL: "#9333ea", // Purple
+    // Table colors
+    TABLE_BORDER: "#eee",
+    TABLE_BORDER_THICK: "#ddd",
+    TABLE_HEADER_BG: "#f5f5f5",
+};
+/** Shadow styles */
+exports.SHADOWS = {
+    CARD: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
+};
+//# sourceMappingURL=color.js.map

package/lib/constant/color.js.map

@@ -0,0 +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"}

package/lib/events/AutoBeEventMovie.d.ts

@@ -0,0 +1,8 @@
+import { AutoBeEvent, IAutoBeGetFilesOptions } from "@autobe/interface";
+export interface IAutoBeEventMovieProps<Event extends AutoBeEvent> {
+    getFiles: (options?: Partial<IAutoBeGetFilesOptions>) => Promise<Record<string, string>>;
+    events: Event[];
+    last: boolean;
+}
+export declare function AutoBeEventMovie<Event extends AutoBeEvent>(props: IAutoBeEventMovieProps<Event>): import("react/jsx-runtime").JSX.Element | null;
+export default AutoBeEventMovie;