[WIP] feat: ai plugin refactor

[hexqi]

English | 简体中文

PR

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our Commit Message Guidelines
• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)
• Built its own designer, fully self-validated

PR Type

What kind of change does this PR introduce?

• Bugfix
• Feature
• Code style update (formatting, local variables)
• Refactoring (no functional changes, no api changes)
• Build related changes
• CI related changes
• Documentation content changes
• Other... Please describe:

Background and solution

What is the current behavior?

Issue Number: N/A

What is the new behavior?

Does this PR introduce a breaking change?

• Yes
• No

Other information

Summary by CodeRabbit

• New Features

  • Introduced a revamped Robot AI chat experience with a new home panel, chat UI, quick prompts, file attachments, history management, and fullscreen support.
  • Added support for OpenAI-compatible chat (including streaming) with dynamic model/base URL configuration.

• Improvements

  • Renamed modes to Agent/Chat with updated selectors, tooltips, and defaults.
  • Enhanced settings popover with helpful tooltips.
  • Refined right panel layout and container styling for better positioning and visuals.

• Bug Fixes

  • Stabilized authorization header handling to avoid undefined values.

• Chores

  • Updated robot-related dependencies to 0.3.0-rc.5.

[coderabbitai]

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Walkthrough

This change set overhauls the robot plugin: introduces a new Home.vue entry/component, adds an OpenAI-compatible client/provider with dynamic LLM config, implements a streaming chat + MCP tools composable, updates modes from Builder→Agent, refactors components and icons, adjusts MCP types/usage, bumps robot deps, and tweaks minor layout/CSS and auth header handling.

Changes

Cohort / File(s)	Summary
Auth header safety packages/common/js/completion.js	Ensure Authorization header uses `Bearer ${apiKey
Layout positioning tweaks packages/layout/src/DesignSettings.vue, packages/layout/src/Main.vue	Remove top offset on right panel; set .tiny-engine-right-wrap to position: relative.
Robot entry switch packages/plugins/robot/index.ts	Default export now uses Home.vue instead of Main.vue.
Robot dependency bumps packages/plugins/robot/package.json	Update @opentiny/tiny-robot* deps from 0.3.0-rc.0 to 0.3.0-rc.5.
New robot Home component packages/plugins/robot/src/Home.vue	Add new robot AI chat container with toolbar, Teleport panel, settings, AI mode switching, file upload hook, and layout logic.
Robot main UI/logic refactor packages/plugins/robot/src/Main.vue	Shift default mode to Agent, update placeholders, adjust allowFiles logic, refactor imports, replace Builder checks with Agent, update token defaults, add border style, remove exposed avatarUrl/VISUAL_MODEL.
OpenAI-compatible client provider packages/plugins/robot/src/client/OpenAICompatibleProvider.ts, packages/plugins/robot/src/client/index.ts	Add provider supporting non-stream/stream chat; introduce AIClient wrapper with beforeRequest hook; dynamic updates to baseURL/apiKey/model; export client and updateLLMConfig.
Chat and MCP composables packages/plugins/robot/src/composables/useChat.ts, packages/plugins/robot/src/composables/useMcp.ts	Add streaming chat with tool-calls execution/merging; add abort handling; refactor MCP API, cache LLM tools, change imports, remove mcpServers exposure.
Robot components updates packages/plugins/robot/src/components/RobotChat.vue, packages/plugins/robot/src/components/RobotSettingPopover.vue, packages/plugins/robot/src/components/RobotTypeSelect.vue	Add full chat UI with history, prompts, attachments; replace labels with tooltip slot in settings; switch mode tabs to Agent/Chat, adjust props/defaults.
Robot modes/utilities packages/plugins/robot/src/js/useRobot.ts, packages/plugins/robot/src/utils/common-utils.ts	Change AI_MODES to { Agent, Chat }, remove VISUAL_MODEL; export formatMessages, include optional tool_calls/tool_call_id, use toRaw.
MCP UI and types packages/plugins/robot/src/mcp/McpServer.vue, packages/plugins/robot/src/mcp/types.ts, packages/plugins/robot/src/types/mcp-types.ts	Update McpServer props and imports; add baseUrl? to RequestOptions; add new MCP-related public interfaces.
Icon SFC cleanup packages/plugins/robot/src/icons/mcp-icon.vue, packages/plugins/robot/src/icons/page-icon.vue, packages/plugins/robot/src/icons/study-icon.vue	Remove SVG metadata and script exports; templates only.

Sequence Diagram(s)

sequenceDiagram
  autonumber
  actor User
  participant UI as Home.vue / RobotChat.vue
  participant Chat as useChat (composable)
  participant Client as AIClient
  participant Prov as OpenAICompatibleProvider
  participant MCP as MCP Server

  User->>UI: Type prompt / select prompt
  UI->>Chat: send(message, attachments?)
  Chat->>Client: chatStream(request with messages/tools)
  Client->>Prov: chatStream(payload, beforeRequest)
  Note over Client,Prov: beforeRequest injects MCP tools, model, apiKey, baseURL
  Prov-->>Client: SSE stream (delta, tool_calls, reasoning)
  Client-->>Chat: onReceiveData(delta)
  Chat->>UI: Update bubbles (reasoning/markdown)
  alt Tool calls present
    Chat->>MCP: Execute tool(name,args)
    MCP-->>Chat: Tool result
    Chat->>Client: Continue stream with tool result
  end
  Client-->>Chat: onFinish
  Chat->>UI: Finalize message/state

Loading

sequenceDiagram
  autonumber
  actor User
  participant UI as Home.vue / SettingsPopover
  participant Cfg as updateLLMConfig
  participant Client as AIClient
  participant Prov as OpenAICompatibleProvider

  User->>UI: Change model/apiKey/baseURL
  UI->>Cfg: updateLLMConfig(newConfig)
  Cfg->>Client: update in-memory config
  Cfg->>Prov: updateConfig(newConfig)
  Note over Client,Prov: Subsequent requests use updated provider settings

Loading

Estimated code review effort

🎯 4 (Complex) | ⏱️ ~75 minutes

Poem

ahem, I twitch my ears—new gears engage!
Agent wakes, Chat waves from the page.
Streams now whisper tool-call lore,
MCP doors creak—then open more.
Headers tidy, panels align,
I thump approval: ship time! 🐇✨

Pre-merge checks and finishing touches and finishing touches

❌ Failed checks (1 warning, 1 inconclusive)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	You can run @coderabbitai generate docstrings to improve docstring coverage.
Title Check	❓ Inconclusive	The title “[WIP] feat: ai plugin refactor” does reference that the pull request is a refactoring of the AI plugin, but it includes Work‐In‐Progress noise and a generic “ai plugin refactor” phrase that does not clearly convey the primary focus or outcome of the extensive changeset. It is therefore only partially related to the changes and too vague to inform a reviewer at a glance.	Please remove the “[WIP]” marker and craft a concise, descriptive title that highlights the core refactor—such as “Refactor Robot AI plugin core interfaces and introduce new Home.vue chat component”—so reviewers immediately understand the primary change.

✅ Passed checks (1 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.

Tip

👮 Agentic pre-merge checks are now available in preview!

Pro plan users can now enable pre-merge checks in their settings to enforce checklists before merging PRs.

• Built-in checks – Quickly apply ready-made checks to enforce title conventions, require pull request descriptions that follow templates, validate linked issues for compliance, and more.
• Custom agentic checks – Define your own rules using CodeRabbit’s advanced agentic capabilities to enforce organization-specific policies and workflows. For example, you can instruct CodeRabbit’s agent to verify that API documentation is updated whenever API schema files are modified in a PR. Note: Upto 5 custom checks are currently allowed during the preview period. Pricing for this feature will be announced in a few weeks.

Please see the documentation for more information.

Example:

reviews:
  pre_merge_checks:
    custom_checks:
      - name: "Undocumented Breaking Changes"
        mode: "warning"
        instructions: |
          Pass/fail criteria: All breaking changes to public APIs, CLI flags, environment variables, configuration keys, database schemas, or HTTP/GraphQL endpoints must be documented in the "Breaking Change" section of the PR description and in CHANGELOG.md. Exclude purely internal or private changes (e.g., code not exported from package entry points or explicitly marked as internal).

Please share your feedback with us on this Discord post.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}