@super_studio/ecforce-ai-agent-react 0.6.0-canary.4 → 0.6.0-canary.5

package/dist/components/provider/chatbot-provider.d.ts

@@ -11,6 +11,10 @@ type ChatbotContextType = {
     isExpanded: boolean;
     /** チャットボットを展開する */
     setIsExpanded: (expanded: boolean) => void;
+    /** チャットボットをフルスクリーンにしているか */
+    isFullScreen: boolean;
+    /** チャットボットをフルスクリーンにする */
+    setIsFullScreen: (fullScreen: boolean) => void;
     /** チャットボットを初期化 */
     init: (props: InitProps) => void;
     /** MCPを設定 */

package/dist/components/provider/chatbot-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chatbot-provider.d.ts","sourceRoot":"","sources":["../../../src/components/provider/chatbot-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,GAAG,EACT,MAAM,6BAA6B,CAAC;AAGrC,KAAK,kBAAkB,GAAG;IACxB,gCAAgC;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,iBAAiB;IACjB,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,sBAAsB;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,mBAAmB;IACnB,aAAa,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,kBAAkB;IAClB,IAAI,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACjC,aAAa;IACb,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAC/B,cAAc;IACd,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,mBAAmB;IACnB,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,qBAAqB;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,sBAAsB;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,WAAW,EAAE,CAAC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3D,CAAC;AAMF,wBAAgB,UAAU,uBAMzB;AAED,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAkCjE"}
+{"version":3,"file":"chatbot-provider.d.ts","sourceRoot":"","sources":["../../../src/components/provider/chatbot-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,GAAG,EACT,MAAM,6BAA6B,CAAC;AAGrC,KAAK,kBAAkB,GAAG;IACxB,gCAAgC;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,iBAAiB;IACjB,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,sBAAsB;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,mBAAmB;IACnB,aAAa,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,4BAA4B;IAC5B,YAAY,EAAE,OAAO,CAAC;IACtB,yBAAyB;IACzB,eAAe,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,kBAAkB;IAClB,IAAI,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACjC,aAAa;IACb,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAC/B,cAAc;IACd,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,mBAAmB;IACnB,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,qBAAqB;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,sBAAsB;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,WAAW,EAAE,CAAC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3D,CAAC;AAMF,wBAAgB,UAAU,uBAMzB;AAED,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CA4CjE"}

package/dist/components/provider/use-chatbot-frame-handler.d.ts

@@ -9,6 +9,10 @@ export type IframeMessage = {
     type: "EXPAND_CHATBOT";
 } | {
     type: "SHRINK_CHATBOT";
+} | {
+    type: "FULLSCREEN_CHATBOT";
+} | {
+    type: "EXIT_FULLSCREEN_CHATBOT";
 } | {
     type: "RELOAD_CHATBOT";
 };
@@ -37,9 +41,10 @@ export type ParentMessage = {
     appName?: string;
     sessionToken?: string;
 };
-export declare function useChatbotFrameHandler({ setOpen, setIsExpanded, }: {
+export declare function useChatbotFrameHandler({ setOpen, setIsExpanded, setIsFullScreen, }: {
     setOpen: (open: boolean) => void;
     setIsExpanded: (expanded: boolean) => void;
+    setIsFullScreen: (fullScreen: boolean) => void;
 }): {
     init: (props: InitProps) => void;
     setMcps: (mcps: MCP[]) => void;

package/dist/components/provider/use-chatbot-frame-handler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-chatbot-frame-handler.d.ts","sourceRoot":"","sources":["../../../src/components/provider/use-chatbot-frame-handler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,aAAa,GACrB;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,GACzB;IAAE,IAAI,EAAE,qBAAqB,CAAA;CAAE,GAC/B;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,GACzB;IAAE,IAAI,EAAE,gBAAgB,CAAA;CAAE,GAC1B;IAAE,IAAI,EAAE,gBAAgB,CAAA;CAAE,GAC1B;IAAE,IAAI,EAAE,gBAAgB,CAAA;CAAE,CAAC;AAE/B,MAAM,MAAM,GAAG,GAAG;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,aAAa,GACrB;IACE,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,GAAG,EAAE,CAAC;CACb,GACD;IACE,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB,GACD;IACE,IAAI,EAAE,cAAc,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB,GACD;IACE,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEN,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,aAAa,GACd,EAAE;IACD,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,aAAa,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C;kBAqBW,SAAS;oBAUV,GAAG,EAAE;0BAOF,MAAM;oCAOD,MAAM;;;;EA8DxB"}
+{"version":3,"file":"use-chatbot-frame-handler.d.ts","sourceRoot":"","sources":["../../../src/components/provider/use-chatbot-frame-handler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,aAAa,GACrB;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,GACzB;IAAE,IAAI,EAAE,qBAAqB,CAAA;CAAE,GAC/B;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,GACzB;IAAE,IAAI,EAAE,gBAAgB,CAAA;CAAE,GAC1B;IAAE,IAAI,EAAE,gBAAgB,CAAA;CAAE,GAC1B;IAAE,IAAI,EAAE,oBAAoB,CAAA;CAAE,GAC9B;IAAE,IAAI,EAAE,yBAAyB,CAAA;CAAE,GACnC;IAAE,IAAI,EAAE,gBAAgB,CAAA;CAAE,CAAC;AAE/B,MAAM,MAAM,GAAG,GAAG;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,aAAa,GACrB;IACE,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,GAAG,EAAE,CAAC;CACb,GACD;IACE,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB,GACD;IACE,IAAI,EAAE,cAAc,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB,GACD;IACE,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEN,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,aAAa,EACb,eAAe,GAChB,EAAE;IACD,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,aAAa,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,eAAe,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD;kBAqBW,SAAS;oBAUV,GAAG,EAAE;0BAOF,MAAM;oCAOD,MAAM;;;;EAoExB"}

package/dist/components/provider/use-chatbot-window-states.d.ts

@@ -3,7 +3,9 @@ export declare function useChatbotWindowStates(): {
     hasOpened: boolean;
     open: boolean;
     isExpanded: boolean;
+    isFullScreen: boolean;
     setOpen: React.Dispatch<React.SetStateAction<boolean>>;
     setIsExpanded: React.Dispatch<React.SetStateAction<boolean>>;
+    setIsFullScreen: React.Dispatch<React.SetStateAction<boolean>>;
 };
 //# sourceMappingURL=use-chatbot-window-states.d.ts.map

package/dist/components/provider/use-chatbot-window-states.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-chatbot-window-states.d.ts","sourceRoot":"","sources":["../../../src/components/provider/use-chatbot-window-states.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,sBAAsB;;;;;;EAYrC"}
+{"version":3,"file":"use-chatbot-window-states.d.ts","sourceRoot":"","sources":["../../../src/components/provider/use-chatbot-window-states.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,sBAAsB;;;;;;;;EAqBrC"}

package/dist/components/sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../src/components/sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAC;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,iBAAS,KAAK,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,2CAW5E;AAED,QAAA,MAAM,YAAY,mKAUhB,CAAC;AAGH,QAAA,MAAM,UAAU,iKAUd,CAAC;AASH,QAAA,MAAM,YAAY,6JAgChB,CAAC;AAGH,QAAA,MAAM,WAAW,6GAUf,CAAC;AAGH,QAAA,MAAM,WAAW,6GAUf,CAAC;AAGH,QAAA,MAAM,UAAU,mKAUd,CAAC;AAGH,QAAA,MAAM,gBAAgB,6KAUpB,CAAC;AAGH,OAAO,EACL,KAAK,EACL,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,gBAAgB,GACjB,CAAC"}
+{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../src/components/sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAC;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,iBAAS,KAAK,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,2CAW5E;AAED,QAAA,MAAM,YAAY,mKAUhB,CAAC;AAGH,QAAA,MAAM,UAAU,iKAUd,CAAC;AASH,QAAA,MAAM,YAAY,6JAyChB,CAAC;AAGH,QAAA,MAAM,WAAW,6GAUf,CAAC;AAGH,QAAA,MAAM,WAAW,6GAUf,CAAC;AAGH,QAAA,MAAM,UAAU,mKAUd,CAAC;AAGH,QAAA,MAAM,gBAAgB,6KAUpB,CAAC;AAGH,OAAO,EACL,KAAK,EACL,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,gBAAgB,GACjB,CAAC"}

package/dist/index.js

@@ -38,7 +38,8 @@ var _react = require('react'); var React5 = _interopRequireWildcard(_react); var
 
 function useChatbotFrameHandler({
   setOpen,
-  setIsExpanded
+  setIsExpanded,
+  setIsFullScreen
 }) {
   const [iframeEl, setIframeEl] = React5.default.useState(
     null
@@ -108,6 +109,12 @@ function useChatbotFrameHandler({
         case "SHRINK_CHATBOT":
           setIsExpanded(false);
           break;
+        case "FULLSCREEN_CHATBOT":
+          setIsFullScreen(true);
+          break;
+        case "EXIT_FULLSCREEN_CHATBOT":
+          setIsFullScreen(false);
+          break;
         case "RELOAD_CHATBOT":
           iframe.src = iframe.src;
           break;
@@ -139,12 +146,21 @@ function useChatbotWindowStates() {
   const [hasOpened, setHasOpened] = React5.default.useState(false);
   const [open, setOpen] = React5.default.useState(false);
   const [isExpanded, setIsExpanded] = React5.default.useState(false);
+  const [isFullScreen, setIsFullScreen] = React5.default.useState(false);
   React5.default.useEffect(() => {
     if (open) {
       setHasOpened(true);
     }
   }, [open]);
-  return { hasOpened, open, isExpanded, setOpen, setIsExpanded };
+  return {
+    hasOpened,
+    open,
+    isExpanded,
+    isFullScreen,
+    setOpen,
+    setIsExpanded,
+    setIsFullScreen
+  };
 }
 
 // src/components/provider/chatbot-provider.tsx
@@ -160,7 +176,15 @@ function useChatbot() {
   return context;
 }
 function ChatbotProvider({ children }) {
-  const { hasOpened, open, isExpanded, setOpen, setIsExpanded } = useChatbotWindowStates();
+  const {
+    hasOpened,
+    open,
+    isExpanded,
+    isFullScreen,
+    setOpen,
+    setIsExpanded,
+    setIsFullScreen
+  } = useChatbotWindowStates();
   const {
     setMcps,
     setAppName,
@@ -171,7 +195,8 @@ function ChatbotProvider({ children }) {
     setIframeEl
   } = useChatbotFrameHandler({
     setOpen,
-    setIsExpanded
+    setIsExpanded,
+    setIsFullScreen
   });
   const value = {
     hasOpened,
@@ -179,6 +204,8 @@ function ChatbotProvider({ children }) {
     setOpen,
     isExpanded,
     setIsExpanded,
+    isFullScreen,
+    setIsFullScreen,
     setSessionToken,
     init,
     setMcps,
@@ -404,13 +431,19 @@ function SheetPortal(_a) {
 }
 var SheetContent = React6.forwardRef((_a, ref) => {
   var _b = _a, { className, children, style } = _b, props = __objRest(_b, ["className", "children", "style"]);
-  const { isExpanded, open, hasOpened } = useChatbot();
-  const width = isExpanded ? "848px" : "400px";
+  const { isExpanded, isFullScreen, open, hasOpened } = useChatbot();
+  const width = isFullScreen ? "100%" : isExpanded ? "848px" : "400px";
   const translateX = open ? "0" : "100%";
   const contentStyle = __spreadValues({
     "--sheet-width": width,
     transform: `translateX(${translateX})`
   }, style);
+  const classNames = [
+    "chatbot-sheet-content",
+    isExpanded && !isFullScreen ? "chatbot-sheet-expanded" : "",
+    isFullScreen ? "chatbot-sheet-fullscreen" : "",
+    className || ""
+  ].filter(Boolean).join(" ");
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SheetPortal, { forceMount: hasOpened || void 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     SheetPrimitive.Content,
     __spreadProps(__spreadValues({
@@ -418,7 +451,7 @@ var SheetContent = React6.forwardRef((_a, ref) => {
       "data-slot": "sheet-content",
       forceMount: hasOpened || void 0,
       onInteractOutside: (e) => e.preventDefault(),
-      className: `chatbot-sheet-content ${isExpanded ? "chatbot-sheet-expanded" : ""} ${className || ""}`,
+      className: classNames,
       style: contentStyle
     }, props), {
       children

package/dist/index.mjs

@@ -38,7 +38,8 @@ import React3 from "react";
 import React from "react";
 function useChatbotFrameHandler({
   setOpen,
-  setIsExpanded
+  setIsExpanded,
+  setIsFullScreen
 }) {
   const [iframeEl, setIframeEl] = React.useState(
     null
@@ -108,6 +109,12 @@ function useChatbotFrameHandler({
         case "SHRINK_CHATBOT":
           setIsExpanded(false);
           break;
+        case "FULLSCREEN_CHATBOT":
+          setIsFullScreen(true);
+          break;
+        case "EXIT_FULLSCREEN_CHATBOT":
+          setIsFullScreen(false);
+          break;
         case "RELOAD_CHATBOT":
           iframe.src = iframe.src;
           break;
@@ -139,12 +146,21 @@ function useChatbotWindowStates() {
   const [hasOpened, setHasOpened] = React2.useState(false);
   const [open, setOpen] = React2.useState(false);
   const [isExpanded, setIsExpanded] = React2.useState(false);
+  const [isFullScreen, setIsFullScreen] = React2.useState(false);
   React2.useEffect(() => {
     if (open) {
       setHasOpened(true);
     }
   }, [open]);
-  return { hasOpened, open, isExpanded, setOpen, setIsExpanded };
+  return {
+    hasOpened,
+    open,
+    isExpanded,
+    isFullScreen,
+    setOpen,
+    setIsExpanded,
+    setIsFullScreen
+  };
 }
 
 // src/components/provider/chatbot-provider.tsx
@@ -160,7 +176,15 @@ function useChatbot() {
   return context;
 }
 function ChatbotProvider({ children }) {
-  const { hasOpened, open, isExpanded, setOpen, setIsExpanded } = useChatbotWindowStates();
+  const {
+    hasOpened,
+    open,
+    isExpanded,
+    isFullScreen,
+    setOpen,
+    setIsExpanded,
+    setIsFullScreen
+  } = useChatbotWindowStates();
   const {
     setMcps,
     setAppName,
@@ -171,7 +195,8 @@ function ChatbotProvider({ children }) {
     setIframeEl
   } = useChatbotFrameHandler({
     setOpen,
-    setIsExpanded
+    setIsExpanded,
+    setIsFullScreen
   });
   const value = {
     hasOpened,
@@ -179,6 +204,8 @@ function ChatbotProvider({ children }) {
     setOpen,
     isExpanded,
     setIsExpanded,
+    isFullScreen,
+    setIsFullScreen,
     setSessionToken,
     init,
     setMcps,
@@ -404,13 +431,19 @@ function SheetPortal(_a) {
 }
 var SheetContent = React6.forwardRef((_a, ref) => {
   var _b = _a, { className, children, style } = _b, props = __objRest(_b, ["className", "children", "style"]);
-  const { isExpanded, open, hasOpened } = useChatbot();
-  const width = isExpanded ? "848px" : "400px";
+  const { isExpanded, isFullScreen, open, hasOpened } = useChatbot();
+  const width = isFullScreen ? "100%" : isExpanded ? "848px" : "400px";
   const translateX = open ? "0" : "100%";
   const contentStyle = __spreadValues({
     "--sheet-width": width,
     transform: `translateX(${translateX})`
   }, style);
+  const classNames = [
+    "chatbot-sheet-content",
+    isExpanded && !isFullScreen ? "chatbot-sheet-expanded" : "",
+    isFullScreen ? "chatbot-sheet-fullscreen" : "",
+    className || ""
+  ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsx4(SheetPortal, { forceMount: hasOpened || void 0, children: /* @__PURE__ */ jsx4(
     SheetPrimitive.Content,
     __spreadProps(__spreadValues({
@@ -418,7 +451,7 @@ var SheetContent = React6.forwardRef((_a, ref) => {
       "data-slot": "sheet-content",
       forceMount: hasOpened || void 0,
       onInteractOutside: (e) => e.preventDefault(),
-      className: `chatbot-sheet-content ${isExpanded ? "chatbot-sheet-expanded" : ""} ${className || ""}`,
+      className: classNames,
       style: contentStyle
     }, props), {
       children

package/dist/styles/chatbot-sheet.css

@@ -29,7 +29,7 @@
 /* Sheet Content */
 .chatbot-sheet-content {
   position: fixed;
-  top: 0;
+  top: 48px;
   right: 0;
   bottom: 0;
   z-index: 50;
@@ -39,7 +39,7 @@
     0 4px 6px -2px rgba(0, 0, 0, 0.05);
   border-left: 1px solid #e5e7eb;
   width: var(--sheet-width, 400px);
-  height: 100vh;
+  height: calc(100vh - 48px);
   transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 
@@ -47,6 +47,14 @@
   --sheet-width: 848px;
 }
 
+.chatbot-sheet-content.chatbot-sheet-fullscreen {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100vh;
+  border-left: none;
+}
+
 /* Sheet Header */
 .chatbot-sheet-header {
   display: flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@super_studio/ecforce-ai-agent-react",
-  "version": "0.6.0-canary.4",
+  "version": "0.6.0-canary.5",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",

package/src/components/provider/chatbot-provider.tsx

@@ -17,6 +17,10 @@ type ChatbotContextType = {
   isExpanded: boolean;
   /** チャットボットを展開する */
   setIsExpanded: (expanded: boolean) => void;
+  /** チャットボットをフルスクリーンにしているか */
+  isFullScreen: boolean;
+  /** チャットボットをフルスクリーンにする */
+  setIsFullScreen: (fullScreen: boolean) => void;
   /** チャットボットを初期化 */
   init: (props: InitProps) => void;
   /** MCPを設定 */
@@ -53,8 +57,15 @@ type ChatbotProviderProps = {
 };
 
 export function ChatbotProvider({ children }: ChatbotProviderProps) {
-  const { hasOpened, open, isExpanded, setOpen, setIsExpanded } =
-    useChatbotWindowStates();
+  const {
+    hasOpened,
+    open,
+    isExpanded,
+    isFullScreen,
+    setOpen,
+    setIsExpanded,
+    setIsFullScreen,
+  } = useChatbotWindowStates();
   const {
     setMcps,
     setAppName,
@@ -66,6 +77,7 @@ export function ChatbotProvider({ children }: ChatbotProviderProps) {
   } = useChatbotFrameHandler({
     setOpen,
     setIsExpanded,
+    setIsFullScreen,
   });
 
   const value = {
@@ -74,6 +86,8 @@ export function ChatbotProvider({ children }: ChatbotProviderProps) {
     setOpen,
     isExpanded,
     setIsExpanded,
+    isFullScreen,
+    setIsFullScreen,
     setSessionToken,
     init,
     setMcps,

package/src/components/provider/use-chatbot-frame-handler.tsx

@@ -6,6 +6,8 @@ export type IframeMessage =
   | { type: "CLOSE_CHATBOT" }
   | { type: "EXPAND_CHATBOT" }
   | { type: "SHRINK_CHATBOT" }
+  | { type: "FULLSCREEN_CHATBOT" }
+  | { type: "EXIT_FULLSCREEN_CHATBOT" }
   | { type: "RELOAD_CHATBOT" };
 
 export type MCP = {
@@ -43,9 +45,11 @@ export type ParentMessage =
 export function useChatbotFrameHandler({
   setOpen,
   setIsExpanded,
+  setIsFullScreen,
 }: {
   setOpen: (open: boolean) => void;
   setIsExpanded: (expanded: boolean) => void;
+  setIsFullScreen: (fullScreen: boolean) => void;
 }) {
   const [iframeEl, setIframeEl] = React.useState<HTMLIFrameElement | null>(
     null,
@@ -125,6 +129,12 @@ export function useChatbotFrameHandler({
         case "SHRINK_CHATBOT":
           setIsExpanded(false);
           break;
+        case "FULLSCREEN_CHATBOT":
+          setIsFullScreen(true);
+          break;
+        case "EXIT_FULLSCREEN_CHATBOT":
+          setIsFullScreen(false);
+          break;
         case "RELOAD_CHATBOT":
           // reload iframe
           iframe.src = iframe.src;

package/src/components/provider/use-chatbot-window-states.tsx

@@ -4,6 +4,7 @@ export function useChatbotWindowStates() {
   const [hasOpened, setHasOpened] = React.useState(false);
   const [open, setOpen] = React.useState(false);
   const [isExpanded, setIsExpanded] = React.useState(false);
+  const [isFullScreen, setIsFullScreen] = React.useState(false);
 
   React.useEffect(() => {
     if (open) {
@@ -11,5 +12,13 @@ export function useChatbotWindowStates() {
     }
   }, [open]);
 
-  return { hasOpened, open, isExpanded, setOpen, setIsExpanded };
+  return {
+    hasOpened,
+    open,
+    isExpanded,
+    isFullScreen,
+    setOpen,
+    setIsExpanded,
+    setIsFullScreen,
+  };
 }

package/src/components/sheet.tsx

@@ -51,8 +51,8 @@ const SheetContent = React.forwardRef<
   React.ElementRef<typeof SheetPrimitive.Content>,
   React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>
 >(({ className, children, style, ...props }, ref) => {
-  const { isExpanded, open, hasOpened } = useChatbot();
-  const width = isExpanded ? "848px" : "400px";
+  const { isExpanded, isFullScreen, open, hasOpened } = useChatbot();
+  const width = isFullScreen ? "100%" : isExpanded ? "848px" : "400px";
 
   // Use transform for better performance instead of right property
   const translateX = open ? "0" : "100%";
@@ -64,6 +64,15 @@ const SheetContent = React.forwardRef<
     ...style,
   } as React.CSSProperties & { "--sheet-width": string };
 
+  const classNames = [
+    "chatbot-sheet-content",
+    isExpanded && !isFullScreen ? "chatbot-sheet-expanded" : "",
+    isFullScreen ? "chatbot-sheet-fullscreen" : "",
+    className || "",
+  ]
+    .filter(Boolean)
+    .join(" ");
+
   return (
     <SheetPortal forceMount={hasOpened || undefined}>
       <SheetPrimitive.Content
@@ -71,7 +80,7 @@ const SheetContent = React.forwardRef<
         data-slot="sheet-content"
         forceMount={hasOpened || undefined}
         onInteractOutside={(e) => e.preventDefault()}
-        className={`chatbot-sheet-content ${isExpanded ? "chatbot-sheet-expanded" : ""} ${className || ""}`}
+        className={classNames}
         style={contentStyle}
         {...props}
       >

package/src/styles/chatbot-sheet.css

@@ -29,7 +29,7 @@
 /* Sheet Content */
 .chatbot-sheet-content {
   position: fixed;
-  top: 0;
+  top: 48px;
   right: 0;
   bottom: 0;
   z-index: 50;
@@ -39,7 +39,7 @@
     0 4px 6px -2px rgba(0, 0, 0, 0.05);
   border-left: 1px solid #e5e7eb;
   width: var(--sheet-width, 400px);
-  height: 100vh;
+  height: calc(100vh - 48px);
   transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 
@@ -47,6 +47,14 @@
   --sheet-width: 848px;
 }
 
+.chatbot-sheet-content.chatbot-sheet-fullscreen {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100vh;
+  border-left: none;
+}
+
 /* Sheet Header */
 .chatbot-sheet-header {
   display: flex;