Smart V

Create a Smart V agent

1. Log on to the DataV-Board 7.0 console.

2. Create a data dashboard.

   1. Click Smart V > Create Smart V. The Create Smart V window appears.

   2. Enter the basic configurations, including Name, Role Setting, and Default Reply. When you are finished, click the icon to proceed to the knowledge base configuration.

      • Name: The name of the Smart V agent.

      • Role Setting: Enter a role for the agent.

      • Default Reply: Enter a default reply message.

   3. Knowledge base configuration

      • Add knowledge base: Click Add Knowledge Base to open the Add Knowledge Base window. Then, enter the parameters and click Confirm.

      • Select a knowledge base from the list of created knowledge bases.

   4. Click the icon to complete the creation. You can then further configure the Smart V widget on the data dashboard canvas.

Style panel

• Quick Style: Choose a style based on your scenario.

• Search Configuration: Click the Style icon in the upper right corner of the panel to enter the name of the configuration item you wish to locate in the search field. The system supports fuzzy matching. For more information, see Search configuration item.

• Basic: Set the basic configuration items for the Smart V widget.

  Parameter	Description
  Debug Mode	Debug mode opens the conversation drawer but does not trigger the AI agent. It is used only for debugging styles.
  Agent	Set the agent for Smart V. The default is "Official V". You can select a configured Smart V agent from the drop-down list.
  Wake Word	Set the wake word for the Smart V agent.
  Color Palette	Set the color palette for the Smart V agent, including the primary, secondary, and active colors.
  Icon	Set the icon for the Smart V agent. You can set the icon in two ways: Method 1: Paste the icon URL directly. Method 2: Click the icon. A design resources dialog box appears. In the dialog box, you can upload, retrieve, and use resources.
  Glow	Set the glow effect for the Smart V agent, including outer and inner glow.
  Logo	Set the logo for the Smart V agent. You can set the logo in two ways: Method 1: Paste the logo URL directly. Method 2: Click the icon. A design resources dialog box appears. In the dialog box, you can upload, retrieve, and use resources.

• Simple Mode: Set the configuration items for the Smart V widget in simple mode.

  Parameter	Description
  Text Style	Set the font, weight, color, size, alignment, and style of the text. Font: Select a font that is installed on your system. If the font is not installed, the text is displayed in the default font. For more information about fonts, see Font library.
  Bubble	Set the bubble position, maximum width, and border radius for the Smart V agent.

• Dialog Box Mode: Set the configuration items for the Smart V widget in dialog box mode.

  Parameter	Description
  Text Style	Set the font, weight, color, size, alignment, and style of the text. Font: Select a font that is installed on your system. If the font is not installed, the text is displayed in the default font. For more information about fonts, see Font library.
  Welcome Message	Set the content, font size, and weight of the welcome message for the Smart V agent.
  Bubble	Set the bubble's profile picture size, profile picture name font size, border radius, and vertical spacing.
  Input Box	Set the placeholder text, font size, and border radius of the input box.

Advanced panel

Blueprint interaction

1. Click the icon in the upper-left corner of the page to go to the Blueprint page.

2. On the Layer Node tab, add the current widget to the main canvas.

3. View the blueprint configuration parameters.

   • Events

     Event	Description
     Shift	Moves the widget to a specified position. See the sample data. { // The method to shift the widget. Absolute positioning: to. Relative positioning: by. Default value: to. "positionType": "to", // The specified position. x-coordinate, y-coordinate. "attr": { "x": 0, "y": 0 }, // The animation method. "animation": { "enable": false, // The animation delay in ms. "animationDuration": 1000, // The animation curve. Optional values: linear, easeInOutQuad, and easeInOutExpo. "animationEasing": "linear" } }
     Toggle visibility	Toggles the visibility of the widget. No parameters are required.
     Show	Shows the widget. See the sample data. { "animationType": "",// The animation method. Optional value: fade. If left empty, there is no animation. "animationDuration": 1000,// The animation delay in ms. "animationEasing": ""// The animation curve. }
     Hide	Hides the widget. See the sample data. { "animationType": "",// The animation method. Optional value: fade. If left empty, there is no animation. "animationDuration": 1000,// The animation delay in ms. "animationEasing": ""// The animation curve. }
     Update widget configuration	Dynamically update the style configuration of the widget. First, in the widget's Style panel, click Copy Configuration to Clipboard to get the configuration data. Then, in the data processing node on the blueprint editor page, change the field values for the styles as needed.

   • Actions

     Action	Description
     When this command is hit	This event is executed when a user's instruction hits this command.