@agentscope-ai/chat 1.1.4

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

@@ -0,0 +1,475 @@
+"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

@@ -0,0 +1 @@
+.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)}