File Manager

X7ROOT File Manager

Current Path: /home/iptvzxij/public_html/wp-content/plugins/extendify/src/Agent

home / iptvzxij / public_html / wp-content / plugins / extendify / src / Agent /

📁 ..
📄 Agent.jsx(16.68 KB)
📄 Chat.jsx(1.97 KB)
📄 agent.css(4.2 KB)
📄 agent.js(1.3 KB)
📄 api.js(4.86 KB)
📄 buttons.js(2.13 KB)
📁 components
📁 hooks
📄 icons.jsx(6.16 KB)
📁 lib
📁 state
📁 tours
📁 workflows

Editing: Chat.jsx

import { useEffect } from '@wordpress/element';
import { DOMHighlighter } from '@agent/components/DOMHighlighter';
import { DragResizeLayout } from '@agent/components/layouts/DragResizeLayout';
import { MobileLayout } from '@agent/components/layouts/MobileLayout';
import { useGlobalStore } from '@agent/state/global';
import { useWorkflowStore } from '@agent/state/workflows';

export const Chat = ({ busy, children }) => {
	const { setIsMobile, isMobile } = useGlobalStore();
	const { domToolEnabled, block, setBlock, setDomToolEnabled } =
		useWorkflowStore();

useEffect(() => {
		if (!isMobile || !block) return;
		// Remove the block if we switch to mobile
		setBlock(null);
	}, [isMobile, setIsMobile, block, setBlock]);

useEffect(() => {
		let timeout;
		const onResize = () => {
			clearTimeout(timeout);
			timeout = window.setTimeout(() => {
				setIsMobile(window.innerWidth < 783);
			}, 10);
		};
		window.addEventListener('resize', onResize);
		return () => {
			clearTimeout(timeout);
			window.removeEventListener('resize', onResize);
		};
	}, [setIsMobile]);

useEffect(() => {
		// Exit select mode when Escape is pressed
		const onKeyDown = (e) => {
			if (e.key !== 'Escape' || !domToolEnabled) return;

// If a block is selected, clear it
			if (block) return setBlock(null);

// If no block is selected, exit select mode
			setDomToolEnabled(false);
		};
		window.addEventListener('keydown', onKeyDown);
		return () => {
			window.removeEventListener('keydown', onKeyDown);
		};
	}, [domToolEnabled, block, setBlock, setDomToolEnabled]);

if (isMobile) {
		return (
			<MobileLayout>
				<div
					id="extendify-agent-chat"
					className="flex min-h-0 flex-1 flex-grow flex-col font-sans">
					{children}
				</div>
			</MobileLayout>
		);
	}
	return (
		<DragResizeLayout>
			<div
				id="extendify-agent-chat"
				className="flex min-h-0 flex-1 flex-grow flex-col font-sans">
				{children}
			</div>
			{domToolEnabled && <DOMHighlighter busy={busy} />}
		</DragResizeLayout>
	);
};

X7ROOT File Manager

Editing: Chat.jsx

Upload File

Create Folder