@agentscope-ai/chat 1.1.4 → 1.1.7

package/dist/docs/meta__docs__en-US.async.js

@@ -1,475 +0,0 @@
-"use strict";(self.webpackChunk_agentscope_ai_chat=self.webpackChunk_agentscope_ai_chat||[]).push([[7430],{52909:function(l,t,e){var n;e.r(t),e.d(t,{demos:function(){return g}});var o=e(7557),d=e.n(o),f=e(41498),v=e.n(f),s=e(21739),h=e(88986),E=e(72093),y=e(38511),_=e(63435),c=e(38303),p=e(6699),u=e(27276),r=e(92754),m=e(13739),i=e(7444),a=e(5465),I=e.n(a),D=e(27801),g={"docs-development-ag-ui-demo-with-copilotkit":{component:s.memo(s.lazy(function(){return Promise.all([e.e(5804),e.e(7195),e.e(2433)]).then(e.bind(e,32828))})),asset:{type:"BLOCK",id:"docs-development-ag-ui-demo-with-copilotkit",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:e(30513).Z},react:{type:"NPM",value:"18.3.1"},"@copilotkit/react-core":{type:"NPM",value:"1.8.12-next.4"},"antd-style":{type:"NPM",value:"3.7.1"},"./Chat.tsx":{type:"FILE",value:e(97318).Z},"./TasksList.tsx":{type:"FILE",value:e(36323).Z},"./hook.tsx":{type:"FILE",value:e(60793).Z},"@agentscope-ai/chat":{type:"NPM",value:"1.1.4"},antd:{type:"NPM",value:"5.26.0"},"@spark-ai/design":{type:"NPM",value:"1.0.3"},"./Task.tsx":{type:"FILE",value:e(71235).Z},"./Input.tsx":{type:"FILE",value:e(58658).Z},"@ant-design/icons":{type:"NPM",value:"5.6.1"},"@copilotkit/runtime-client-gql":{type:"NPM",value:"1.8.12-next.4"}},entry:"index.tsx"},context:{"./Chat.tsx":y,"./TasksList.tsx":_,"./hook.tsx":c,"./Task.tsx":m,"./Input.tsx":i,react:n||(n=e.t(s,2)),"@copilotkit/react-core":h,"antd-style":E,"/Users/ls/IIC/spark-chat/components/chat-anywhere/demo/with-copilotkit/Chat.tsx":y,"/Users/ls/IIC/spark-chat/components/chat-anywhere/demo/with-copilotkit/TasksList.tsx":_,"/Users/ls/IIC/spark-chat/components/chat-anywhere/demo/with-copilotkit/hook.tsx":c,"@ali/spark-chat":p,antd:u,"@spark-ai/design":r,"/Users/ls/IIC/spark-chat/components/chat-anywhere/demo/with-copilotkit/Task.tsx":m,"/Users/ls/IIC/spark-chat/components/chat-anywhere/demo/with-copilotkit/Input.tsx":i,"@ant-design/icons":a,"@copilotkit/runtime-client-gql":D},renderOpts:{compile:function(){var x=v()(d()().mark(function T(){var C,U=arguments;return d()().wrap(function(M){for(;;)switch(M.prev=M.next){case 0:return M.next=2,e.e(6671).then(e.bind(e,46671));case 2:return M.abrupt("return",(C=M.sent).default.apply(C,U));case 3:case"end":return M.stop()}},T)}));function O(){return x.apply(this,arguments)}return O}()}}}},80966:function(l,t,e){e.r(t),e.d(t,{demos:function(){return o}});var n=e(21739),o={}},76894:function(l,t,e){var n;e.r(t),e.d(t,{demos:function(){return _}});var o=e(7557),d=e.n(o),f=e(41498),v=e.n(f),s=e(21739),h=e(6699),E=e(5465),y=e.n(E),_={"docs-development-cards-demo-text":{component:s.memo(s.lazy(function(){return Promise.all([e.e(5804),e.e(7195),e.e(2433)]).then(e.bind(e,67689))})),asset:{type:"BLOCK",id:"docs-development-cards-demo-text",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:e(48481).Z},react:{type:"NPM",value:"18.3.1"},"@agentscope-ai/chat":{type:"NPM",value:"1.1.4"}},entry:"index.tsx",title:"text"},context:{react:n||(n=e.t(s,2)),"@ali/spark-chat":h},renderOpts:{compile:function(){var c=v()(d()().mark(function u(){var r,m=arguments;return d()().wrap(function(a){for(;;)switch(a.prev=a.next){case 0:return a.next=2,e.e(6671).then(e.bind(e,46671));case 2:return a.abrupt("return",(r=a.sent).default.apply(r,m));case 3:case"end":return a.stop()}},u)}));function p(){return c.apply(this,arguments)}return p}()}},"docs-development-cards-demo-image":{component:s.memo(s.lazy(function(){return Promise.all([e.e(5804),e.e(7195),e.e(2433)]).then(e.bind(e,4850))})),asset:{type:"BLOCK",id:"docs-development-cards-demo-image",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:e(56391).Z},react:{type:"NPM",value:"18.3.1"},"@agentscope-ai/chat":{type:"NPM",value:"1.1.4"}},entry:"index.tsx",title:"image"},context:{react:n||(n=e.t(s,2)),"@ali/spark-chat":h},renderOpts:{compile:function(){var c=v()(d()().mark(function u(){var r,m=arguments;return d()().wrap(function(a){for(;;)switch(a.prev=a.next){case 0:return a.next=2,e.e(6671).then(e.bind(e,46671));case 2:return a.abrupt("return",(r=a.sent).default.apply(r,m));case 3:case"end":return a.stop()}},u)}));function p(){return c.apply(this,arguments)}return p}()}},"docs-development-cards-demo-file":{component:s.memo(s.lazy(function(){return Promise.all([e.e(5804),e.e(7195),e.e(2433)]).then(e.bind(e,15241))})),asset:{type:"BLOCK",id:"docs-development-cards-demo-file",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:e(63399).Z},"@agentscope-ai/chat":{type:"NPM",value:"1.1.4"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"file"},context:{"@ali/spark-chat":h,react:n||(n=e.t(s,2))},renderOpts:{compile:function(){var c=v()(d()().mark(function u(){var r,m=arguments;return d()().wrap(function(a){for(;;)switch(a.prev=a.next){case 0:return a.next=2,e.e(6671).then(e.bind(e,46671));case 2:return a.abrupt("return",(r=a.sent).default.apply(r,m));case 3:case"end":return a.stop()}},u)}));function p(){return c.apply(this,arguments)}return p}()}},"docs-development-cards-demo-footer":{component:s.memo(s.lazy(function(){return Promise.all([e.e(5804),e.e(7195),e.e(2433)]).then(e.bind(e,37313))})),asset:{type:"BLOCK",id:"docs-development-cards-demo-footer",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:e(53679).Z},"@agentscope-ai/chat":{type:"NPM",value:"1.1.4"},"@ant-design/icons":{type:"NPM",value:"5.6.1"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"footer"},context:{"@ali/spark-chat":h,"@ant-design/icons":E,react:n||(n=e.t(s,2))},renderOpts:{compile:function(){var c=v()(d()().mark(function u(){var r,m=arguments;return d()().wrap(function(a){for(;;)switch(a.prev=a.next){case 0:return a.next=2,e.e(6671).then(e.bind(e,46671));case 2:return a.abrupt("return",(r=a.sent).default.apply(r,m));case 3:case"end":return a.stop()}},u)}));function p(){return c.apply(this,arguments)}return p}()}}}},10678:function(l,t,e){e.r(t),e.d(t,{demos:function(){return o}});var n=e(21739),o={}},18115:function(l,t,e){e.r(t),e.d(t,{demos:function(){return o}});var n=e(21739),o={}},75641:function(l,t,e){var n;e.r(t),e.d(t,{demos:function(){return y}});var o=e(7557),d=e.n(o),f=e(41498),v=e.n(f),s=e(21739),h=e(6699),E=e(27276),y={"docs-development-custom-demo-custom":{component:s.memo(s.lazy(function(){return Promise.all([e.e(5804),e.e(7195),e.e(2433)]).then(e.bind(e,96810))})),asset:{type:"BLOCK",id:"docs-development-custom-demo-custom",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:e(57373).Z},react:{type:"NPM",value:"18.3.1"},"@agentscope-ai/chat":{type:"NPM",value:"1.1.4"},antd:{type:"NPM",value:"5.26.0"}},entry:"index.tsx",title:"text"},context:{react:n||(n=e.t(s,2)),"@ali/spark-chat":h,antd:E},renderOpts:{compile:function(){var _=v()(d()().mark(function p(){var u,r=arguments;return d()().wrap(function(i){for(;;)switch(i.prev=i.next){case 0:return i.next=2,e.e(6671).then(e.bind(e,46671));case 2:return i.abrupt("return",(u=i.sent).default.apply(u,r));case 3:case"end":return i.stop()}},p)}));function c(){return _.apply(this,arguments)}return c}()}}}},31562:function(l,t,e){e.r(t),e.d(t,{demos:function(){return o}});var n=e(21739),o={}},78240:function(l,t,e){e.r(t),e.d(t,{demos:function(){return o}});var n=e(21739),o={}},52755:function(l,t,e){var n;e.r(t),e.d(t,{demos:function(){return c}});var o=e(7557),d=e.n(o),f=e(41498),v=e.n(f),s=e(21739),h=e(72093),E=e(22551),y=e(6699),_=e(27276),c={"docs-templates-copilot-demo-copilot":{component:s.memo(s.lazy(function(){return Promise.all([e.e(5804),e.e(7195),e.e(2433)]).then(e.bind(e,20356))})),asset:{type:"BLOCK",id:"docs-templates-copilot-demo-copilot",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:e(70822).Z},react:{type:"NPM",value:"18.3.1"},"antd-style":{type:"NPM",value:"3.7.1"},"./Chat.tsx":{type:"FILE",value:e(93006).Z},"@agentscope-ai/chat":{type:"NPM",value:"1.1.4"},antd:{type:"NPM",value:"5.26.0"}},entry:"index.tsx"},context:{"./Chat.tsx":E,react:n||(n=e.t(s,2)),"antd-style":h,"/Users/ls/IIC/spark-chat/components/chat-anywhere/demo/copilot/Chat/index.tsx":E,"@ali/spark-chat":y,antd:_},renderOpts:{compile:function(){var p=v()(d()().mark(function r(){var m,i=arguments;return d()().wrap(function(I){for(;;)switch(I.prev=I.next){case 0:return I.next=2,e.e(6671).then(e.bind(e,46671));case 2:return I.abrupt("return",(m=I.sent).default.apply(m,i));case 3:case"end":return I.stop()}},r)}));function u(){return p.apply(this,arguments)}return u}()}}}},39753:function(l,t,e){var n,o;e.r(t),e.d(t,{demos:function(){return L}});var d=e(7557),f=e.n(d),v=e(41498),s=e.n(v),h=e(21739),E=e(56918),y=e(69821),_=e(11794),c=e(6699),p=e(57387),u=e(27276),r=e(5465),m=e.n(r),i=e(10867),a=e.n(i),I=e(92754),D=e(67820),g=e(19579),x=e(76271),O=e(38861),T=e(18921),C=e(51219),U=e(46530),L={"docs-templates-native-demo-basic":{component:h.memo(h.lazy(function(){return Promise.all([e.e(5804),e.e(7195),e.e(2433)]).then(e.bind(e,79255))})),asset:{type:"BLOCK",id:"docs-templates-native-demo-basic",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:e(90013).Z},react:{type:"NPM",value:"18.3.1"},"./index.less":{type:"FILE",value:e(4752).Z},"./DemoContext.tsx":{type:"FILE",value:e(97763).Z},"./Chat.tsx":{type:"FILE",value:e(18135).Z},"@agentscope-ai/chat":{type:"NPM",value:"1.1.4"},ahooks:{type:"NPM",value:"3.8.5"},antd:{type:"NPM",value:"5.26.0"},"@ant-design/icons":{type:"NPM",value:"5.6.1"},lodash:{type:"NPM",value:"4.17.21"},"@spark-ai/design":{type:"NPM",value:"1.0.3"},"react-dom":{type:"NPM",value:"18.3.1"},"../Header.tsx":{type:"FILE",value:e(97626).Z},"../sessionLocalStorage.ts":{type:"FILE",value:e(80142).Z},"./Setting.tsx":{type:"FILE",value:e(73381).Z},"./index.module.less":{type:"FILE",value:e(36416).Z},"./ModelSelect.tsx":{type:"FILE",value:e(60097).Z}},entry:"index.tsx"},context:{"./index.less":E,"./DemoContext.tsx":y,"./Chat.tsx":_,"../Header.tsx":g,"../sessionLocalStorage.ts":x,"./Setting.tsx":O,"./index.module.less":T,"./ModelSelect.tsx":C,react:n||(n=e.t(h,2)),"/Users/ls/IIC/spark-chat/components/chat-anywhere/demo/native/index.less":E,"/Users/ls/IIC/spark-chat/components/chat-anywhere/demo/native/DemoContext/index.tsx":y,"/Users/ls/IIC/spark-chat/components/chat-anywhere/demo/native/Chat/index.tsx":_,"@ali/spark-chat":c,ahooks:p,antd:u,"@ant-design/icons":r,"lodash/compact":i,"@spark-ai/design":I,"react-dom":o||(o=e.t(D,2)),"/Users/ls/IIC/spark-chat/components/chat-anywhere/demo/native/Header/index.tsx":g,"/Users/ls/IIC/spark-chat/components/chat-anywhere/demo/native/sessionLocalStorage.ts":x,"/Users/ls/IIC/spark-chat/components/chat-anywhere/demo/native/Header/Setting.tsx":O,"/Users/ls/IIC/spark-chat/components/chat-anywhere/demo/native/Header/index.module.less":T,"/Users/ls/IIC/spark-chat/components/chat-anywhere/demo/native/Header/ModelSelect.tsx":C,dumi:U},renderOpts:{compile:function(){var M=s()(f()().mark(function B(){var A,K=arguments;return f()().wrap(function(P){for(;;)switch(P.prev=P.next){case 0:return P.next=2,e.e(6671).then(e.bind(e,46671));case 2:return P.abrupt("return",(A=P.sent).default.apply(A,K));case 3:case"end":return P.stop()}},B)}));function R(){return M.apply(this,arguments)}return R}()}}}},85119:function(l,t,e){var n;e.r(t),e.d(t,{demos:function(){return c}});var o=e(7557),d=e.n(o),f=e(41498),v=e.n(f),s=e(21739),h=e(6699),E=e(92754),y=e(5465),_=e.n(y),c={"docs-templates-voice-demo-demo":{component:s.memo(s.lazy(function(){return Promise.all([e.e(5804),e.e(7195),e.e(2433)]).then(e.bind(e,54980))})),asset:{type:"BLOCK",id:"docs-templates-voice-demo-demo",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:e(26873).Z},react:{type:"NPM",value:"18.3.1"},"@agentscope-ai/chat":{type:"NPM",value:"1.1.4"},"@spark-ai/design":{type:"NPM",value:"1.0.3"},"@ant-design/icons":{type:"NPM",value:"5.6.1"}},entry:"index.tsx"},context:{react:n||(n=e.t(s,2)),"@ali/spark-chat":h,"@spark-ai/design":E,"@ant-design/icons":y},renderOpts:{compile:function(){var p=v()(d()().mark(function r(){var m,i=arguments;return d()().wrap(function(I){for(;;)switch(I.prev=I.next){case 0:return I.next=2,e.e(6671).then(e.bind(e,46671));case 2:return I.abrupt("return",(m=I.sent).default.apply(m,i));case 3:case"end":return I.stop()}},r)}));function u(){return p.apply(this,arguments)}return u}()}}}},86537:function(l,t,e){e.r(t),e.d(t,{texts:function(){return n}});const n=[{value:"AG-UI is an open, lightweight protocol that streams a single sequence of JSON events over standard HTTP or an optional binary channel. These events\u2014messages, tool calls, state patches, lifecycle signals\u2014flow seamlessly between your agent backend and front-end interface, maintaining perfect real-time synchronization.",paraId:0,tocIndex:1},{value:"Get started in minutes using our TypeScript or Python SDK with any agent backend (OpenAI, Ollama, LangGraph, or custom code). Visit docs.ag-ui.com for the specification, quick-start guide, and interactive playground.",paraId:1,tocIndex:1},{value:"You can understand that AG-UI uses standard protocols to allow LLMs to operate on your UI data, and then the data drives changes in the UI.",paraId:2,tocIndex:1},{value:`import {
-  CopilotRuntime,
-  OpenAIAdapter,
-  copilotRuntimeNodeHttpEndpoint,
-} from '@copilotkit/runtime';
-import { createServer } from 'node:http';
-import OpenAI from 'openai';
-
-const serviceAdapter = new OpenAIAdapter({
-  keepSystemRole: true,
-  model: 'qwen-plus',
-  openai: new OpenAI({
-    apiKey: '???',
-    baseURL: 'https://dashscope.aliyuncs.com/compatible-mode/v1',
-  }),
-});
-
-const server = createServer((req, res) => {
-  const runtime = new CopilotRuntime();
-  const handler = copilotRuntimeNodeHttpEndpoint({
-    endpoint: '/copilotkit',
-    runtime,
-    serviceAdapter,
-  });
-
-  return handler(req, res);
-});
-
-server.listen(4000, () => {
-  console.log('Listening at http://localhost:4000/copilotkit');
-});
-`,paraId:3,tocIndex:3},{value:`import React from 'react';
-import { Task } from './Task';
-import { useTasks } from './hook';
-import { List } from 'antd';
-
-export function TasksList() {
-  const { tasks } = useTasks();
-  return (
-    <List
-      style={{ margin: 16 }}
-      rowKey="id"
-      header={<div>AI TODO MVC</div>}
-      bordered
-      dataSource={tasks}
-      renderItem={(item) => {
-        return (
-          <List.Item>
-            <Task task={item} />
-          </List.Item>
-        );
-      }}
-    />
-  );
-}
-`,paraId:4,tocIndex:5},{value:`import { Button, Checkbox } from 'antd';
-import { useTasks } from './hook';
-import { TaskStatus, type Task } from './hook';
-import React from 'react';
-import { DeleteOutlined } from '@ant-design/icons';
-
-export function Task({ task: { id, title, status } }: { task: Task }) {
-  const { setTaskStatus, deleteTask } = useTasks();
-
-  return (
-    <div
-      style={{
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        flex: 1,
-      }}
-    >
-      <Checkbox
-        checked={status === TaskStatus.done}
-        onChange={() => {
-          setTaskStatus(
-            id,
-            status === TaskStatus.done ? TaskStatus.todo : TaskStatus.done,
-          );
-        }}
-      >
-        <label>{title}</label>
-      </Checkbox>
-      <Button onClick={() => deleteTask(id)} icon={<DeleteOutlined />}></Button>
-    </div>
-  );
-}
-`,paraId:5,tocIndex:6},{value:`import { useCopilotAction, useCopilotReadable } from '@copilotkit/react-core';
-import { createContext, useContext, useState, ReactNode } from 'react';
-import React from 'react';
-
-export type Task = {
-  id: number;
-  title: string;
-  status: TaskStatus;
-};
-
-export enum TaskStatus {
-  todo = 'todo',
-  done = 'done',
-}
-
-const defaultTasks: Task[] = [];
-
-let nextId = defaultTasks.length + 1;
-
-type TasksContextType = {
-  tasks: Task[];
-  addTask: (title: string) => void;
-  setTaskStatus: (id: number, status: TaskStatus) => void;
-  deleteTask: (id: number) => void;
-};
-
-const TasksContext = createContext<TasksContextType | undefined>(undefined);
-
-export const TasksProvider = ({ children }: { children: ReactNode }) => {
-  const [tasks, setTasks] = useState<Task[]>(defaultTasks);
-
-  useCopilotReadable({
-    description: 'The state of the todo list',
-    value: JSON.stringify(tasks),
-  });
-
-  useCopilotAction({
-    name: 'addTask',
-    description: 'Adds a task to the todo list',
-    parameters: [
-      {
-        name: 'title',
-        type: 'string',
-        description: 'The title of the task',
-        required: true,
-      },
-    ],
-    handler: ({ title }) => {
-      addTask(title);
-    },
-  });
-
-  useCopilotAction({
-    name: 'deleteTask',
-    description: 'Deletes a task from the todo list',
-    parameters: [
-      {
-        name: 'id',
-        type: 'number',
-        description: 'The id of the task',
-        required: true,
-      },
-    ],
-    handler: ({ id }) => {
-      deleteTask(id);
-    },
-  });
-
-  useCopilotAction({
-    name: 'setTaskStatus',
-    description: 'Sets the status of a task',
-    parameters: [
-      {
-        name: 'id',
-        type: 'number',
-        description: 'The id of the task',
-        required: true,
-      },
-      {
-        name: 'status',
-        type: 'string',
-        description: 'The status of the task',
-        enum: Object.values(TaskStatus),
-        required: true,
-      },
-    ],
-    handler: ({ id, status }) => {
-      setTaskStatus(id, status);
-    },
-  });
-
-  const addTask = (title: string) => {
-    setTasks([...tasks, { id: nextId++, title, status: TaskStatus.todo }]);
-  };
-
-  const setTaskStatus = (id: number, status: TaskStatus) => {
-    setTasks(
-      tasks.map((task) => (task.id === id ? { ...task, status } : task)),
-    );
-  };
-
-  const deleteTask = (id: number) => {
-    setTasks(tasks.filter((task) => task.id !== id));
-  };
-
-  return (
-    <TasksContext.Provider
-      value={{ tasks, addTask, setTaskStatus, deleteTask }}
-    >
-      {children}
-    </TasksContext.Provider>
-  );
-};
-
-export const useTasks = () => {
-  const context = useContext(TasksContext);
-  if (context === undefined) {
-    throw new Error('useTasks must be used within a TasksProvider');
-  }
-  return context;
-};
-`,paraId:6,tocIndex:7},{value:"You can query following questions to see the copilot's response.",paraId:7,tocIndex:8},{value:"\u5F53\u524D\u6709\u591A\u5C11\u4EFB\u52A1",paraId:8,tocIndex:8},{value:"\u65B0\u589E\u4E00\u4E2A\u770B\u4E66\u4EFB\u52A1",paraId:8,tocIndex:8},{value:"\u5220\u9664\u6240\u6709\u5B8C\u6210\u7684\u4EFB\u52A1",paraId:8,tocIndex:8},{value:"\u5C06\u6240\u6709\u7684\u4EFB\u52A1\u5B8C\u6210",paraId:8,tocIndex:8}]},6483:function(l,t,e){e.r(t),e.d(t,{texts:function(){return n}});const n=[{value:'In the actual development process, we found that after the backend connects to LLM, it is difficult to continue to maintain the "OpenAI compatibility mode" according to the actual business scenario.',paraId:0,tocIndex:0},{value:"For this purpose, we can use the most basic SSE (FetchEventSource) to connect to the services provided by the backend.",paraId:1,tocIndex:0},{value:`import { Stream } from '@spark-ai/chat';
-
-async function request() {
-  const response = await fetch();
-
-  for await (const chunk of XStream({
-    readableStream: response.body,
-  })) {
-    console.log(chunk);
-  }
-}
-`,paraId:2,tocIndex:0}]},26394:function(l,t,e){e.r(t),e.d(t,{texts:function(){return n}});const n=[{value:"All the rendering of conversation bubbles in spark chat are composed of cards (whether they are user bubbles or model bubbles), such as:",paraId:0,tocIndex:1},{value:`<Bubble
-  cards={[
-    {
-      code: 'Text',
-      data: {
-        content: 'Hello World',
-      },
-    },
-  ]}
-/>
-`,paraId:1,tocIndex:1},{value:"cards",paraId:2,tocIndex:1},{value:" can accept a list of cards and render\uFF0Cwe mainly construct cards based on the needs and display them, such as:",paraId:2,tocIndex:1},{value:`<Bubble
-  cards={[
-    {
-      code: 'Text',
-      data: {
-        content: 'Hello World',
-      },
-    },
-    {
-      code: 'Text',
-      data: {
-        content: '\u4F60\u597D\u4E16\u754C',
-      },
-    },
-  ]}
-/>
-`,paraId:3,tocIndex:1}]},64616:function(l,t,e){e.r(t),e.d(t,{texts:function(){return n}});const n=[{value:`export interface ChatAnywhereProps {
-  // Custom card configuration
-  cardConfig?: {
-    [key: string]: React.FC<any>;
-  };
-  uiConfig?: {
-    // Whether it is narrow screen mode
-    narrowScreen?: boolean;
-    // Background color
-    background?: string;
-    // Custom header slot
-    header?: React.ReactElement;
-    // Quick input slot
-    quickInput?: React.ReactElement | React.ReactElement[];
-    // Logo slot
-    logo?: React.ReactElement;
-    // Welcome slot
-    welcome?: React.ReactElement;
-    // Disclaimer slot
-    disclaimer?: React.ReactElement | string;
-  };
-  onInput:
-    | {
-        // Whether to hide the input box area
-        hide?: boolean;
-        // Input box submit event
-        onSubmit(data: { query: string; fileList?: UploadFile<any>[] }): void;
-        // Maximum length supported for input
-        maxLength?: number;
-        // Whether to support input box scaling
-        zoomable?: boolean;
-      }
-    | ((data: { query: string; fileList?: UploadFile<any>[] }) => void);
-  // Stop generation callback
-  onStop(msg: Partial<TMessage>): void;
-  // Regenerate callback
-  onRegenerate?(msg: Partial<TMessage>): void;
-  // Upload file configuration
-  onUpload?: {
-    maxCount?: GetProp<typeof Upload, 'maxCount'>;
-    beforeUpload?: GetProp<typeof Upload, 'beforeUpload'>;
-    customRequest: GetProp<typeof Upload, 'customRequest'>;
-    multiple?: boolean;
-    accept?: string;
-    icon?: string | React.ReactElement;
-  }[];
-}
-`,paraId:0,tocIndex:1},{value:`export interface ChatAnywhereRef {
-  // Scroll to the bottom
-  scrollToBottom(): void;
-  // Set loading status
-  setLoading: (v: boolean) => void;
-  // Set disabled status
-  setDisabled: (v: boolean) => void;
-  // \u2B50\uFE0F\u2B50\uFE0F\u2B50\uFE0F Core API update message
-  updateMessage: (message: TMessage) => TMessage[];
-  // Delete message
-  removeMessage: (message: Partial<TMessage>) => {
-    index: number;
-    msg: TMessage;
-  };
-  // Clear all messages
-  removeAllMessages: () => void;
-  // Get all messages
-  getMessages: () => TMessage[];
-  // Get a single message
-  getMessage: (id: string) => TMessage | void;
-}
-`,paraId:1,tocIndex:2}]},97207:function(l,t,e){e.r(t),e.d(t,{texts:function(){return n}});const n=[{value:"ChatAnywhere is an out-of-the-box LLM conversation container based on ",paraId:0,tocIndex:1},{value:"@spark-ai/chat",paraId:0,tocIndex:1},{value:" with further encapsulation. Combined with the high extensibility of ",paraId:0,tocIndex:1},{value:"cards",paraId:0,tocIndex:1},{value:", it can achieve rich conversation effects.",paraId:0,tocIndex:1},{value:`npm create vite chatanywhere-demo
-cd chatanywhere-demo
-`,paraId:1,tocIndex:3},{value:`\u251C\u2500\u2500 public
-\u2502   \u2514\u2500\u2500 vite.svg
-\u251C\u2500\u2500 src
-\u2502   \u2514\u2500\u2500 assets
-\u2502       \u2514\u2500\u2500 react.svg
-\u2502   \u251C\u2500\u2500 App.css
-\u2502   \u251C\u2500\u2500 App.js
-\u2502   \u251C\u2500\u2500 index.css
-\u2502   \u251C\u2500\u2500 main.js
-\u2502   \u2514\u2500\u2500 logo.svg
-\u251C\u2500\u2500 index.html
-\u251C\u2500\u2500 package.json
-\u2514\u2500\u2500 vite.config.js
-`,paraId:2,tocIndex:4},{value:"@spark-ai/chat",paraId:3},{value:`npm install @spark-ai/chat --save
-`,paraId:4,tocIndex:5},{value:`npm install
-npm run dev
-`,paraId:5,tocIndex:6},{value:`import { ChatAnywhere, ChatAnywhereRef, uuid, TMessage, createCard } from '@spark-ai/chat';
-import { Button } from 'antd';
-import React, { useCallback, useRef } from 'react';
-
-export default function Demo() {
-  const ref = useRef<ChatAnywhereRef>();
-
-  const onInput = useCallback(async (data) => {
-    const query = data.query;
-
-    ref.current.updateMessage({
-      id: uuid(),
-      cards: [{
-        code: 'Text',
-        data: {
-          content: query
-        }
-      }],
-      role: 'user',
-      msgStatus: 'finished',
-    });
-
-
-    setTimeout(() => {
-      ref.current.updateMessage({
-        id: uuid(),
-        cards: [{
-          code: 'Text',
-          data: {
-            content: \`answer for: \${query}\`,
-          }
-        }],
-        role: 'assistant',
-        msgStatus: 'finished',
-      });
-
-    }, 1000);
-
-  }, []);
-
-  const onStop = useCallback(async () => {
-  }, []);
-
-
-
-  return <ChatAnywhere
-    ref={ref}
-    uiConfig={{
-      disclaimer: 'AI can also make mistakes, so please check carefully and use it with caution',
-      narrowScreen: true,
-    }}
-    onInput={{
-      onSubmit: onInput,
-    }}
-    onStop={onStop}
-  ></ChatAnywhere>;
-}
-
-`,paraId:6,tocIndex:7}]},50092:function(l,t,e){e.r(t),e.d(t,{texts:function(){return n}});const n=[{value:"We have built in some cards, which obviously can't meet all business needs, but you can try to use custom cards",paraId:0,tocIndex:1},{value:"Custom cards is simple React Component, you can create a card by yourself, such as:",paraId:1,tocIndex:3},{value:`function MyCard(props) {
-  return <div>MyCard</div>;
-}
-`,paraId:2,tocIndex:3},{value:`<CustomCardsProvider cardConfig={{ MyCard }}>...</CustomCardsProvider>
-`,paraId:3,tocIndex:4},{value:`<Bubble
-  cards={[
-    {
-      code: 'Text',
-      data: {
-        content: 'Hello World',
-      },
-    },
-    {
-      code: 'MyCard',
-      data: [
-        ['Active Users', 112893],
-        ['Account Balance (CNY)', 112893],
-      ],
-    },
-  ]}
-/>
-`,paraId:4,tocIndex:5}]},95001:function(l,t,e){e.r(t),e.d(t,{texts:function(){return n}});const n=[{value:"SPARK CHAT is a free, open-source conversational framework for building great LLM conversational experiences.",paraId:0,tocIndex:0},{value:"\u{1F308} ",paraId:1,tocIndex:1},{value:"Best practices from Alibaba Cloud Bailian and AgentScope",paraId:1,tocIndex:1},{value:": Includes many of our ideas and real business practices to help businesses quickly build conversational AI applications.",paraId:1,tocIndex:1},{value:"\u26A1 ",paraId:1,tocIndex:1},{value:"Ready-to-use model integration capabilities",paraId:1,tocIndex:1},{value:": Easily integrate with model inference services that meet OpenAI standards",paraId:1,tocIndex:1},{value:"\u26A1 ",paraId:1,tocIndex:1},{value:"Extreme extensibility",paraId:1,tocIndex:1},{value:": Display model outputs in card format (custom cards), supporting various output formats",paraId:1,tocIndex:1},{value:"\u{1F6E1} ",paraId:1,tocIndex:1},{value:"Full TypeScript coverage",paraId:1,tocIndex:1},{value:": Developed using TypeScript, providing complete type support to enhance development experience and reliability",paraId:1,tocIndex:1},{value:`npm install @spark-ai/design
-npm install @spark-ai/chat
-`,paraId:2,tocIndex:3},{value:"More Node package manager installation methods are not listed; if your network environment is poor, it is recommended to use ",paraId:3,tocIndex:3},{value:"cnpm",paraId:3,tocIndex:3},{value:".",paraId:3,tocIndex:3},{value:`const response = await fetch(
-  'https://dashscope.aliyuncs.com/compatible-mode/v1/chat/completions',
-  {
-    method: 'POST',
-    headers: {
-      'Content-Type': 'application/json',
-      Authorization: \`Bearer xxxx\`,
-    },
-    body: JSON.stringify({
-      model: 'qwex-max',
-      messages: [...],
-      stream: true,
-      stream_options: {
-        include_usage: true,
-      },
-    }),
-  },
-);
-`,paraId:4,tocIndex:4},{value:"@spark-ai/chat",paraId:5,tocIndex:5},{value:" supports ES modules tree shaking by default.",paraId:5,tocIndex:5},{value:"@spark-ai/chat",paraId:6,tocIndex:6},{value:" provides a built-in ts definition.",paraId:6,tocIndex:6}]},80488:function(l,t,e){e.r(t),e.d(t,{texts:function(){return n}});const n=[{value:`Qwen's model inference service supports the "OpenAI compatibility mode". For more details, see the official documentation: `,paraId:0,tocIndex:0},{value:"Alibaba Cloud - Tongyi Qianwen",paraId:0,tocIndex:0},{value:"How to get baseURL - ",paraId:1,tocIndex:1},{value:"https://help.aliyun.com/zh/model-studio/getting-started/what-is-model-studio",paraId:1,tocIndex:1},{value:"How to get API Key - ",paraId:1,tocIndex:1},{value:"https://help.aliyun.com/zh/model-studio/developer-reference/get-api-key",paraId:1,tocIndex:1},{value:"Model list - ",paraId:1,tocIndex:1},{value:"https://help.aliyun.com/zh/model-studio/getting-started/models",paraId:1,tocIndex:1},{value:"It refers to a model inference service that maintains consistency with OpenAI's API in terms of interface design and usage.",paraId:2,tocIndex:2},{value:"This means developers can use the same code and methods as calling OpenAI models to call these compatible services, thereby reducing development access costs.",paraId:3,tocIndex:2},{value:"Note: \u{1F525} ",paraId:4,tocIndex:3},{value:"dangerouslyAllowBrowser",paraId:4,tocIndex:3},{value:" poses security risks. The official documentation for openai-node provides detailed ",paraId:4,tocIndex:3},{value:"explanations",paraId:4,tocIndex:3},{value:".",paraId:4,tocIndex:3},{value:`import OpenAI from 'openai';
-
-const client = new OpenAI({
-  baseURL: 'https://dashscope.aliyuncs.com/compatible-mode/v1',
-  apiKey: process.env['DASHSCOPE_API_KEY'],
-  dangerouslyAllowBrowser: true,
-});
-
-try {
-  const stream = await client.chat.completions.create({
-    model: 'qwen-plus',
-    // if chat context is needed, modify the array
-    messages: [{ role: 'user', content: message }],
-    // stream mode
-    stream: true,
-  });
-
-  for await (const chunk of stream) {
-    console.log(chunk);
-    content += chunk.choices[0]?.delta?.content || '';
-  }
-
-  console.log(content);
-} catch (error) {}
-`,paraId:5,tocIndex:3}]},13359:function(l,t,e){e.r(t),e.d(t,{texts:function(){return n}});const n=[]},76735:function(l,t,e){e.r(t),e.d(t,{texts:function(){return n}});const n=[]},48353:function(l,t,e){e.r(t),e.d(t,{texts:function(){return n}});const n=[{value:`{
-  "event": "Start",
-  "payload": {
-    "input": {
-      "dialog_id": "dialog_123"
-    }
-  }
-}
-`,paraId:0,tocIndex:3},{value:`{
-  "event": "Started",
-  "payload": {
-    "output": {
-      "dialog_id": "dialog_123",
-      "text": null,
-      "finished": true
-    },
-    "usage": null
-  }
-}
-`,paraId:1,tocIndex:5}]}}]);

package/dist/docs/meta__docs__en-US.chunk.css

@@ -1 +0,0 @@
-.spark-editor-var-tag{padding:0 6px;line-height:24px;font-size:12px;margin:0 2px;background:#cdd0dc33;border-radius:6px;height:24px;display:inline-block}.chat-anywhere-demo .spc-chat-anywhere-chat-welcome{height:auto}.aLF5mJxsoIbtqiVS9Q_k{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 12px;width:100%}.zCK_C0UUk2Y7IxwN9deh{height:20px;display:flex;align-items:center;gap:8px}.zCK_C0UUk2Y7IxwN9deh .anticon-down{transform:scaleY(.75)}.zCK_C0UUk2Y7IxwN9deh .uJ4iWrS0Dc3IuainD3fE{width:20px;height:20px;background-color:var(--spc-color-bg-base);border-radius:6px}.zCK_C0UUk2Y7IxwN9deh .bq7Y889as5EGAGeW1CW8{font-weight:500;line-height:20px;color:var(--spc-color-text)}