@openviking/react 0.1.1 → 0.1.2

package/dist/viking-bot-composer~0.js

@@ -0,0 +1,164 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Sender } from "@ark-design/ui/sender";
+import { forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from "react";
+import { DEFAULT_LABELS } from "./c~0.js";
+const HARD_BREAK = 'hardBreak';
+const TEXT = 'text';
+const toPlainText = (content)=>content.map((item)=>{
+        if (item.type === HARD_BREAK) return '\n';
+        return item.type === TEXT ? item.text ?? '' : '';
+    }).join('').trim();
+const toRichText = (text)=>text ? [
+        {
+            type: TEXT,
+            text
+        }
+    ] : [];
+const viking_bot_composer_VikingBotComposerView = /*#__PURE__*/ forwardRef(function({ value, className, attachments = [], disabled, disabledReason, isSending, variant = 'default', accept, maxAttachments = 10, actions, onValueChange, onFilesAdded, onAttachmentRemove, onSend, onCancel, labels: overrides }, ref) {
+    const labels = {
+        ...DEFAULT_LABELS,
+        ...overrides
+    };
+    const senderRef = useRef(null);
+    const fileRef = useRef(null);
+    const readOnly = !onValueChange;
+    const remaining = Math.max(0, maxAttachments - attachments.length);
+    const limitReached = 0 === remaining;
+    const setText = useCallback((text)=>{
+        senderRef.current?.setValue(toRichText(text));
+        onValueChange?.(text);
+    }, [
+        onValueChange
+    ]);
+    useEffect(()=>{
+        const current = toPlainText(senderRef.current?.getValue() ?? []);
+        if (current === value) return;
+        senderRef.current?.setValue(toRichText(value));
+    }, [
+        value
+    ]);
+    const reportFiles = useCallback((files)=>{
+        if (!onFilesAdded || 0 === files.length || limitReached) return;
+        const accepted = files.slice(0, remaining);
+        if (accepted.length) onFilesAdded(accepted);
+    }, [
+        limitReached,
+        onFilesAdded,
+        remaining
+    ]);
+    useImperativeHandle(ref, ()=>({
+            setText,
+            appendText: (text)=>setText(`${value}${text}`),
+            addFiles: (files)=>reportFiles(files),
+            isAttachmentLimitReached: ()=>limitReached,
+            clear: ()=>setText(''),
+            focus: ()=>senderRef.current?.getEditor()?.commands.focus('end')
+        }));
+    const submit = ()=>{
+        if (!onSend || disabled || isSending) return;
+        const text = toPlainText(senderRef.current?.getValue() ?? toRichText(value));
+        onSend({
+            text,
+            attachments
+        });
+    };
+    const interceptDrop = Boolean(onFilesAdded);
+    const acceptDrop = interceptDrop && !disabled && !limitReached;
+    return /*#__PURE__*/ jsxs("div", {
+        className: [
+            'ov-viking-bot__composer',
+            `ov-viking-bot__composer--${variant}`,
+            className
+        ].filter(Boolean).join(' '),
+        onDragOver: (event)=>{
+            if (!interceptDrop) return;
+            event.preventDefault();
+            event.dataTransfer.dropEffect = acceptDrop ? 'copy' : 'none';
+        },
+        onDrop: (event)=>{
+            if (!interceptDrop) return;
+            event.preventDefault();
+            if (!acceptDrop) return;
+            reportFiles([
+                ...event.dataTransfer.files ?? []
+            ]);
+        },
+        children: [
+            disabled && disabledReason ? /*#__PURE__*/ jsx("p", {
+                className: "ov-viking-bot__composer-hint",
+                role: "status",
+                children: disabledReason
+            }) : null,
+            attachments.length > 0 ? /*#__PURE__*/ jsx("ul", {
+                className: "ov-viking-bot__attachments",
+                children: attachments.map((attachment)=>/*#__PURE__*/ jsxs("li", {
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                children: attachment.name
+                            }),
+                            'error' === attachment.status ? /*#__PURE__*/ jsx("span", {
+                                className: "ov-viking-bot__attachment-status",
+                                children: attachment.errorMessage ?? labels.toolError
+                            }) : null,
+                            onAttachmentRemove ? /*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                "aria-label": labels.removeAttachment,
+                                disabled: disabled,
+                                onClick: ()=>onAttachmentRemove(attachment),
+                                children: "\xd7"
+                            }) : null
+                        ]
+                    }, attachment.key))
+            }) : null,
+            /*#__PURE__*/ jsx(Sender, {
+                ref: senderRef,
+                className: "ov-viking-bot__sender",
+                defaultContent: toRichText(value),
+                sending: isSending,
+                sendDisabled: disabled || readOnly,
+                onContentChange: (content)=>{
+                    if (!readOnly) onValueChange?.(toPlainText(content));
+                },
+                onSend: ()=>{
+                    submit();
+                },
+                onStop: ()=>onCancel?.(),
+                richTextAreaProps: {
+                    placeholder: labels.placeholder,
+                    disabled
+                },
+                renderFooter: ({ components })=>/*#__PURE__*/ jsxs("div", {
+                        className: "ov-viking-bot__composer-actions",
+                        children: [
+                            components.sendBtnComponent,
+                            onFilesAdded ? /*#__PURE__*/ jsxs(Fragment, {
+                                children: [
+                                    /*#__PURE__*/ jsx("input", {
+                                        ref: fileRef,
+                                        type: "file",
+                                        accept: accept,
+                                        multiple: true,
+                                        hidden: true,
+                                        onChange: (event)=>{
+                                            reportFiles([
+                                                ...event.target.files ?? []
+                                            ]);
+                                            event.target.value = '';
+                                        }
+                                    }),
+                                    /*#__PURE__*/ jsx("button", {
+                                        type: "button",
+                                        disabled: disabled || limitReached,
+                                        onClick: ()=>fileRef.current?.click(),
+                                        children: labels.attach
+                                    })
+                                ]
+                            }) : null,
+                            actions
+                        ]
+                    })
+            })
+        ]
+    });
+});
+export { viking_bot_composer_VikingBotComposerView as VikingBotComposerView };

package/dist/viking-bot-interaction~0.js

@@ -0,0 +1,284 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { AskHuman } from "@ark-design/ui/ask-human";
+import { useState } from "react";
+import { DEFAULT_INTERACTION_LABELS } from "./c7~0.js";
+const toFields = (request)=>{
+    if ('choice' === request.kind) return [
+        {
+            type: 'single-select',
+            field: 'value',
+            options: request.options.map((option)=>({
+                    value: option.value,
+                    label: option.label,
+                    description: option.description
+                })),
+            allowCustomInput: request.allowCustomInput
+        }
+    ];
+    if ('repair' === request.kind) return [
+        {
+            type: 'single-select',
+            field: 'value',
+            formItemProps: request.initialValue ? {
+                initialValue: {
+                    type: 'option',
+                    value: request.initialValue
+                }
+            } : void 0,
+            options: request.options.map((option)=>({
+                    value: option.id,
+                    label: option.label,
+                    description: option.description
+                }))
+        }
+    ];
+    return [
+        {
+            type: `viking-bot-${request.kind}`,
+            field: 'value',
+            extra: {
+                request
+            }
+        }
+    ];
+};
+const toAnswer = (request, value)=>{
+    const raw = value.value;
+    if ('choice' === request.kind || 'repair' === request.kind) {
+        const selected = raw;
+        return {
+            kind: request.kind,
+            value: selected?.type === 'custom' ? selected.customText ?? '' : selected?.value ?? ''
+        };
+    }
+    if ('text' === request.kind) return {
+        kind: 'text',
+        value: 'string' == typeof raw ? raw : ''
+    };
+    if ('schedule' === request.kind) return {
+        kind: 'schedule',
+        value: raw
+    };
+    return {
+        kind: 'custom',
+        value: raw
+    };
+};
+const toDefaultValue = (request)=>{
+    if ('choice' === request.kind) return;
+    if ('repair' === request.kind) return request.initialValue ? {
+        value: {
+            type: 'option',
+            value: request.initialValue
+        }
+    } : void 0;
+    if ('text' === request.kind) return {
+        value: request.initialValue ?? ''
+    };
+    if ('schedule' === request.kind) return {
+        value: request.initialValue
+    };
+};
+const isValidAnswer = (request, value)=>{
+    const raw = value.value;
+    if ('choice' === request.kind) {
+        if (!raw || 'object' != typeof raw) return false;
+        const selected = raw;
+        if ('custom' === selected.type) return Boolean(selected.customText?.trim());
+        return request.options.some((option)=>option.value === selected.value);
+    }
+    if ('repair' === request.kind) {
+        const selected = raw;
+        if (!selected || 'object' != typeof selected) return false;
+        return request.options.some((option)=>option.id === selected.value);
+    }
+    return true;
+};
+const DEFAULT_TIME = '09:00';
+function ScheduleInput({ request, labels, disabled, onChange }) {
+    const [value, setValue] = useState(request.initialValue);
+    const time = 'none' === value.mode ? DEFAULT_TIME : value.time;
+    const weekday = 'weekly' === value.mode ? value.weekday : 1;
+    const update = (next)=>{
+        setValue(next);
+        onChange(next);
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: "ov-viking-bot__schedule",
+        children: [
+            /*#__PURE__*/ jsxs("select", {
+                className: "ov-viking-bot__interaction-input",
+                value: value.mode,
+                disabled: disabled,
+                "aria-label": labels.scheduleWeekly,
+                onChange: (event)=>{
+                    const mode = event.target.value;
+                    if ('none' === mode) update({
+                        mode: 'none'
+                    });
+                    else 'daily' === mode ? update({
+                        mode: 'daily',
+                        time
+                    }) : update({
+                        mode: 'weekly',
+                        time,
+                        weekday
+                    });
+                },
+                children: [
+                    /*#__PURE__*/ jsx("option", {
+                        value: "none",
+                        children: labels.scheduleNone
+                    }),
+                    /*#__PURE__*/ jsx("option", {
+                        value: "daily",
+                        children: labels.scheduleDaily
+                    }),
+                    /*#__PURE__*/ jsx("option", {
+                        value: "weekly",
+                        children: labels.scheduleWeekly
+                    })
+                ]
+            }),
+            'none' !== value.mode ? /*#__PURE__*/ jsx("input", {
+                type: "time",
+                className: "ov-viking-bot__interaction-input",
+                value: time,
+                disabled: disabled,
+                "aria-label": labels.scheduleTime,
+                onChange: (event)=>update('weekly' === value.mode ? {
+                        mode: 'weekly',
+                        time: event.target.value,
+                        weekday
+                    } : {
+                        mode: 'daily',
+                        time: event.target.value
+                    })
+            }) : null,
+            'weekly' === value.mode ? /*#__PURE__*/ jsx("select", {
+                className: "ov-viking-bot__interaction-input",
+                value: weekday,
+                disabled: disabled,
+                "aria-label": labels.scheduleWeekday,
+                onChange: (event)=>update({
+                        mode: 'weekly',
+                        time,
+                        weekday: Number(event.target.value)
+                    }),
+                children: labels.weekdays.map((name, index)=>/*#__PURE__*/ jsx("option", {
+                        value: index + 1,
+                        children: name
+                    }, name))
+            }) : null,
+            request.timezone ? /*#__PURE__*/ jsx("small", {
+                className: "ov-viking-bot__interaction-hint",
+                children: request.timezone
+            }) : null
+        ]
+    });
+}
+const TextInput = ({ request, disabled, onChange })=>/*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            request.description ? /*#__PURE__*/ jsx("p", {
+                children: request.description
+            }) : null,
+            /*#__PURE__*/ jsx("textarea", {
+                className: "ov-viking-bot__interaction-input",
+                defaultValue: request.initialValue,
+                disabled: disabled,
+                "aria-label": "answer",
+                onChange: (event)=>onChange(event.target.value)
+            })
+        ]
+    });
+function VikingBotInteractionView({ request, className, requestKey, index = 0, total = 1, disabled, submitting, error, onSubmit, onCancel, labels: overrides }) {
+    const labels = {
+        ...DEFAULT_INTERACTION_LABELS,
+        ...overrides
+    };
+    const blocked = Boolean(disabled || submitting);
+    const formKey = requestKey ?? `${request.kind}:${index}`;
+    const rootClass = [
+        'ov-viking-bot__interaction',
+        className
+    ].filter(Boolean).join(' ');
+    if ('custom' === request.kind) return /*#__PURE__*/ jsxs("section", {
+        className: rootClass,
+        "aria-label": labels.title,
+        "aria-busy": submitting || void 0,
+        children: [
+            error ? /*#__PURE__*/ jsx("p", {
+                className: "ov-viking-bot__interaction-error",
+                role: "alert",
+                children: error
+            }) : null,
+            request.render({
+                disabled: blocked,
+                submitting,
+                submit: (value)=>void onSubmit?.({
+                        kind: 'custom',
+                        value
+                    }),
+                cancel: ()=>onCancel?.()
+            })
+        ]
+    });
+    const steps = [
+        {
+            key: request.kind,
+            title: request.question,
+            fields: toFields(request),
+            extra: {
+                index,
+                total
+            }
+        }
+    ];
+    return /*#__PURE__*/ jsxs("section", {
+        className: rootClass,
+        "aria-label": labels.title,
+        "aria-busy": submitting || void 0,
+        children: [
+            total > 1 ? /*#__PURE__*/ jsx("p", {
+                className: "ov-viking-bot__interaction-progress",
+                children: labels.progress(index, total)
+            }) : null,
+            error ? /*#__PURE__*/ jsx("p", {
+                className: "ov-viking-bot__interaction-error",
+                role: "alert",
+                children: error
+            }) : null,
+            /*#__PURE__*/ jsx(AskHuman, {
+                steps: steps,
+                current: 0,
+                defaultValue: toDefaultValue(request),
+                showSkip: Boolean(onCancel),
+                skipText: labels.cancel,
+                submitText: labels.submit,
+                onSkip: ()=>{
+                    if (blocked) return;
+                    onCancel?.();
+                },
+                onSubmit: async (value)=>{
+                    if (blocked) return;
+                    if (!isValidAnswer(request, value)) return;
+                    await onSubmit?.(toAnswer(request, value));
+                },
+                customRenderFields: {
+                    'viking-bot-text': ({ field, onChange })=>/*#__PURE__*/ jsx(TextInput, {
+                            request: field.extra?.request,
+                            disabled: blocked,
+                            onChange: onChange
+                        }),
+                    'viking-bot-schedule': ({ field, onChange })=>/*#__PURE__*/ jsx(ScheduleInput, {
+                            request: field.extra?.request,
+                            labels: labels,
+                            disabled: blocked,
+                            onChange: onChange
+                        })
+                }
+            }, formKey)
+        ]
+    });
+}
+export { VikingBotInteractionView };

package/dist/w~0.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import { Suspense, lazy } from "react";
+const View = /*#__PURE__*/ lazy(async ()=>{
+    const { VikingBotInteractionView } = await import("./viking-bot-interaction~0.js");
+    return {
+        default: VikingBotInteractionView
+    };
+});
+function VikingBotInteraction(props) {
+    return /*#__PURE__*/ jsx(Suspense, {
+        fallback: /*#__PURE__*/ jsx("section", {
+            className: "ov-viking-bot__interaction ov-viking-bot__interaction--loading"
+        }),
+        children: /*#__PURE__*/ jsx(View, {
+            ...props
+        })
+    });
+}
+export { VikingBotInteraction };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openviking/react",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "publishConfig": {
     "access": "public"
   },
@@ -50,6 +50,15 @@
       "import": "./dist/components/agent-connect.js"
     },
     "./components/agent-connect/style.css": "./dist/components/agent-connect/style.css",
+    "./components/viking-bot": {
+      "types": "./dist/components/viking-bot/index.d.ts",
+      "import": "./dist/components/viking-bot.js"
+    },
+    "./components/viking-bot/style.css": "./dist/components/viking-bot/style.css",
+    "./components/viking-bot/interaction": {
+      "types": "./dist/components/viking-bot/interaction/index.d.ts",
+      "import": "./dist/components/viking-bot/interaction.js"
+    },
     "./style.css": "./dist/style.css",
     "./components/style.css": "./dist/components/style.css",
     "./modules/file-browser": {
@@ -62,11 +71,6 @@
       "import": "./dist/modules/console.js"
     },
     "./modules/console/style.css": "./dist/modules/console/style.css",
-    "./modules/task-center": {
-      "types": "./dist/modules/task-center/index.d.ts",
-      "import": "./dist/modules/task-center.js"
-    },
-    "./modules/task-center/style.css": "./dist/modules/task-center/style.css",
     "./modules/style.css": "./dist/modules/style.css",
     "./package.json": "./package.json",
     "./icons": {
@@ -88,18 +92,22 @@
     "build": "rslib build"
   },
   "peerDependencies": {
+    "@ark-design/ui": ">=0.0.0-beta.7",
     "react": "^18.2.0 || ^19.0.0",
-    "react-dom": "^18.2.0 || ^19.0.0",
-    "@ark-design/ui": "^0.0.0-beta.5"
+    "react-dom": "^18.2.0 || ^19.0.0"
   },
   "devDependencies": {
+    "@ark-design/ui": "0.0.0-beta.7",
     "@rsbuild/plugin-react": "^2.1.1",
-    "@rslib/core": "^1.0.5",
-    "@ark-design/ui": "0.0.0-beta.5"
+    "@rslib/core": "^1.0.5"
   },
   "peerDependenciesMeta": {
     "@ark-design/ui": {
       "optional": true
     }
+  },
+  "dependencies": {
+    "react-markdown": "^10.1.0",
+    "remark-gfm": "^4.0.1"
   }
 }

package/dist/components/file-preview/file-preview-icons.d.ts

@@ -1,2 +0,0 @@
-export declare function FileIcon(): import("react").JSX.Element;
-export declare function CopyIcon(): import("react").JSX.Element;

package/dist/components/file-preview/file-preview-operations.d.ts

@@ -1 +0,0 @@
-export declare function performPreviewOperation(execute: (() => Promise<void>) | undefined, notify: (() => void) | undefined): Promise<void>;

package/dist/components/file-tree/file-tree-dom.d.ts

@@ -1,4 +0,0 @@
-/** 按 DOM 顺序取出所有行元素，用于键盘上下移动焦点。 */
-export declare function queryRowElements(root: HTMLElement | null): HTMLElement[];
-/** 按行 id 找到行元素；行不在当前可见列表中时返回 `null`。 */
-export declare function findRowElement(root: HTMLElement | null, id: string): HTMLElement | null;

package/dist/components/file-tree/file-tree-labels.d.ts

@@ -1,5 +0,0 @@
-import type { FileTreeLabels } from './types.js';
-/** 组件内置文案，宿主可通过 `labels` 逐项覆盖。 */
-export declare const DEFAULT_LABELS: Required<FileTreeLabels>;
-/** 用节点名替换文案里的 `{name}` 占位。 */
-export declare function fillName(template: string, name: string): string;

package/dist/components/file-tree/file-tree-rows.d.ts

@@ -1,12 +0,0 @@
-import { type FileTreeRowContext } from './file-tree-row-context.js';
-import { type FileTreeRow } from './types.js';
-/**
- * 整树级失败：只有一个错误行且没有归属父节点。
- * Whole-tree failure: a single error row that belongs to no parent.
- */
-export declare function isWholeTreeError(rows: readonly FileTreeRow[]): boolean;
-/** 按行类型分派渲染，条目行与状态行分别处理。 */
-export declare function FileTreeRowView({ row, ctx, }: {
-    row: FileTreeRow;
-    ctx: FileTreeRowContext;
-}): import("react").JSX.Element;

package/dist/i~0.js

@@ -1,21 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-function TaskCenter({ className, style, labels }) {
-    return /*#__PURE__*/ jsxs("div", {
-        className: [
-            'ov-module-placeholder',
-            className
-        ].filter(Boolean).join(' '),
-        style: style,
-        children: [
-            /*#__PURE__*/ jsx("p", {
-                className: "ov-module-placeholder__title",
-                children: labels?.title ?? 'Task center'
-            }),
-            /*#__PURE__*/ jsx("p", {
-                className: "ov-module-placeholder__description",
-                children: labels?.description ?? 'Placeholder. Functionality is not available yet.'
-            })
-        ]
-    });
-}
-export { TaskCenter };