158 lines
7.4 KiB
TypeScript
158 lines
7.4 KiB
TypeScript
export default {
|
|
overview: {
|
|
title: 'Overview',
|
|
subtitle:
|
|
'page-agent is a purely web-based GUI Agent. Gives your website an AI operator in simple steps.',
|
|
what_is: 'What is page-agent?',
|
|
what_is_desc:
|
|
'page-agent is an embedded GUI Agent. Unlike traditional browser automation tools, page-agent targets web developers, not scrapers or agent clients builders. Integrate it into your site to let users interact with pages through natural language.',
|
|
features_title: 'Core Features',
|
|
feature_dom: {
|
|
title: '🧠 Smart DOM Analysis',
|
|
desc: 'DOM-based analysis with high-intensity dehydration. No visual recognition needed. Pure text for fast and precise operations.',
|
|
},
|
|
feature_secure: {
|
|
title: '🔒 Secure & Controllable',
|
|
desc: 'Supports operation allowlists, data masking protection. Inject custom knowledge to make AI work by your rules.',
|
|
},
|
|
feature_backend: {
|
|
title: '⚡ Zero Backend',
|
|
desc: 'CDN or NPM import with custom LLM endpoints.',
|
|
},
|
|
feature_accessible: {
|
|
title: '♿ Accessible Intelligence',
|
|
desc: 'Provides natural language interface for complex B2B systems and admin panels. Makes software easy for everyone.',
|
|
},
|
|
vs_browser_use: 'vs. browser-use',
|
|
table_feature: 'Feature',
|
|
table_deployment: 'Deployment',
|
|
table_deployment_pa: 'Embedded component',
|
|
table_deployment_bu: 'External tool',
|
|
table_scope: 'Scope',
|
|
table_scope_pa: 'Current page',
|
|
table_scope_bu: 'Entire browser',
|
|
table_user: 'Target Users',
|
|
table_user_pa: 'Web developers',
|
|
table_user_bu: 'Scraper/Agent developers',
|
|
table_scenario: 'Use Case',
|
|
table_scenario_pa: 'UX enhancement',
|
|
table_scenario_bu: 'Automation tasks',
|
|
use_cases_title: 'Use Cases',
|
|
use_case1_title: 'Connect Support Bots:',
|
|
use_case1_desc:
|
|
"Turn your support assistant into a full agent. Customer service bots no longer just say 'Please click the settings button then click...'—they operate for users directly.",
|
|
use_case2_title: 'Modernize Legacy Apps:',
|
|
use_case2_desc:
|
|
'One line of code transforms old apps into agents. Product experts help users navigate complex B2B software. Reduce support costs and improve satisfaction.',
|
|
use_case3_title: 'Interactive Training:',
|
|
use_case3_desc:
|
|
"Demonstrate workflows in real-time. Let AI show the complete process of 'how to submit an expense report.'",
|
|
use_case4_title: 'Accessibility:',
|
|
use_case4_desc:
|
|
'Provide natural language interaction for visually impaired and elderly users. Connect screen readers or voice assistants to make software accessible to everyone.',
|
|
get_started_title: '🚀 Get Started',
|
|
get_started_desc:
|
|
'Ready to add an AI operator to your website? Check our quick start guide for integration in minutes.',
|
|
get_started_button: 'Quick Start →',
|
|
},
|
|
quick_start: {
|
|
title: 'Quick Start',
|
|
subtitle: 'Integrate page-agent in minutes.',
|
|
installation: 'Installation Steps',
|
|
step1_title: '1. Import Options',
|
|
step1_cdn: 'CDN Import',
|
|
step1_npm: 'NPM Install',
|
|
step2_title: '2. Initialize Configuration',
|
|
step3_title: '3. Start Using',
|
|
},
|
|
limitations: {
|
|
title: 'Limitations',
|
|
subtitle: "Understand page-agent's current capabilities and technical constraints",
|
|
page_support: 'Page Support Limitations',
|
|
spa_limit_title: 'Single Page Application Limits',
|
|
spa_limit_1: '• SPA only: Currently operates within a single page',
|
|
spa_limit_2: '• Multi-page relay in design: Cannot execute continuous tasks across pages yet',
|
|
spa_limit_3: '• Requires integration: Cannot operate on sites without page-agent',
|
|
interaction_limits: 'Interaction Limitations',
|
|
supported_ops: 'Supported Operations',
|
|
op_click: 'Click',
|
|
op_input: 'Text input',
|
|
op_scroll: 'Scroll',
|
|
op_submit: 'Form submit',
|
|
op_select: 'Select',
|
|
op_focus: 'Focus',
|
|
unsupported_ops: 'Unsupported Operations',
|
|
op_hover: 'Mouse hover',
|
|
op_drag: 'Drag & drop',
|
|
op_context: 'Right-click menu',
|
|
op_draw: 'Drawing',
|
|
op_keyboard: 'Keyboard shortcuts',
|
|
op_position: 'Position-based control',
|
|
understanding_limits: 'Understanding Limitations',
|
|
no_vision_title: 'No Visual Recognition',
|
|
no_vision_desc:
|
|
'page-agent operates based on DOM structure with no visual recognition. Cannot understand:',
|
|
no_vision_1: '• Image content: Cannot recognize text, icons, or visual elements in images',
|
|
no_vision_2: '• Canvas: Cannot understand graphics drawn on Canvas',
|
|
no_vision_3: '• WebGL 3D: Cannot operate elements in 3D scenes',
|
|
no_vision_4: '• SVG graphics: Cannot understand visual content and paths in SVG',
|
|
website_requirements: 'Website Requirements',
|
|
req_semantic_title: 'Semantic & Usability',
|
|
req_semantic_desc:
|
|
'All operations rely on semantic tags and attributes. Poor semantic structure or lack of accessibility features may affect AI understanding accuracy.',
|
|
req_ux_title: 'UI/UX',
|
|
req_ux_desc:
|
|
'Counter-intuitive interaction rules, visual-only operation hints, complex mouse interactions, or rapidly appearing/disappearing elements can affect AI understanding and operation.',
|
|
req_env_title: 'Environment',
|
|
req_env_desc: 'modern browser',
|
|
future: 'Future Plans',
|
|
future_title: 'Coming Soon',
|
|
future_1: '• Multi-page relay capabilities',
|
|
future_2: '• Richer mouse interaction support',
|
|
future_3: '• Basic visual understanding',
|
|
future_4: '• Smarter error recovery',
|
|
},
|
|
model_integration: {
|
|
title: 'Model Integration',
|
|
subtitle:
|
|
'Supports models that comply with OpenAI API specification and support tool calls, including public cloud services and private deployments.',
|
|
recommendation_logic: 'Recommended: Lightweight models with strong ToolCall capabilities',
|
|
recommended: 'Recommended Models',
|
|
available: 'Available Models',
|
|
available_verified: 'Verified Working Models',
|
|
tips: 'Tips',
|
|
tip_1: 'Reasoning models (like GPT-5) are slower with no advantage',
|
|
tip_2:
|
|
'Models with weaker ToolCall capabilities may return incorrect formats. Common errors usually auto-recover. Higher temperature recommended',
|
|
tip_3:
|
|
'Small models or those unable to handle complex tool definitions typically perform poorly',
|
|
security: '🔐 Production Authentication',
|
|
security_warning: '⚠️ Never commit real LLM API Keys to your frontend codebase',
|
|
security_desc:
|
|
'In production environments, to hide the real LLM API Keys, we recommend the following architecture:',
|
|
security_backend_proxy: 'Backend Proxy Pattern',
|
|
security_backend_desc:
|
|
'Set up a backend LLM proxy endpoint that uses the same authentication method as other APIs in your website, such as:',
|
|
security_method_1: '• Session/Cookie-based authentication',
|
|
security_method_2: '• OIDC (OpenID Connect) single sign-on',
|
|
security_method_3: '• Temporary Access Key or JWT Token',
|
|
configuration: 'Configuration',
|
|
},
|
|
custom_tools: {
|
|
title: 'Custom Tools',
|
|
subtitle:
|
|
'Extend AI Agent capabilities by registering custom tools. Use Zod to define strict input schemas for safe business logic calls.',
|
|
registration: 'Tool Registration',
|
|
registration_desc:
|
|
'Each custom tool requires four core properties: name, description, input schema, and execute function.',
|
|
page_filter: 'Page Filter',
|
|
page_filter_desc:
|
|
'Control tool visibility on specific pages via the pageFilter property to enhance security and UX.',
|
|
best_practices: 'Best Practices',
|
|
bp_performance: '⚡ Performance Optimization',
|
|
bp_1: '• Use pageFilter to reduce unnecessary tool loading',
|
|
bp_2: '• Implement appropriate caching in execute functions',
|
|
bp_3: '• Avoid long-running sync operations in tools',
|
|
},
|
|
}
|