@openviking/react 0.1.0 → 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.0",
+  "version": "0.1.2",
   "publishConfig": {
     "access": "public"
   },
@@ -25,65 +25,89 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
-    "./components/status-badge": {
-      "types": "./dist/components/status-badge/status-badge.d.ts",
-      "import": "./dist/components/status-badge.js"
-    },
-    "./components/status-badge/style.css": "./dist/components/status-badge/style.css",
     "./components/file-tree": {
-      "types": "./dist/components/file-tree/file-tree.d.ts",
+      "types": "./dist/components/file-tree/index.d.ts",
       "import": "./dist/components/file-tree.js"
     },
     "./components/file-tree/style.css": "./dist/components/file-tree/style.css",
     "./components/file-preview": {
-      "types": "./dist/components/file-preview/file-preview.d.ts",
+      "types": "./dist/components/file-preview/index.d.ts",
       "import": "./dist/components/file-preview.js"
     },
     "./components/file-preview/style.css": "./dist/components/file-preview/style.css",
     "./components/tui": {
-      "types": "./dist/components/tui/tui.d.ts",
+      "types": "./dist/components/tui/index.d.ts",
       "import": "./dist/components/tui.js"
     },
     "./components/tui/style.css": "./dist/components/tui/style.css",
-    "./components/viking-bot": {
-      "types": "./dist/components/viking-bot/viking-bot.d.ts",
-      "import": "./dist/components/viking-bot.js"
-    },
-    "./components/viking-bot/style.css": "./dist/components/viking-bot/style.css",
     "./components/scope-switcher": {
-      "types": "./dist/components/scope-switcher/scope-switcher.d.ts",
+      "types": "./dist/components/scope-switcher/index.d.ts",
       "import": "./dist/components/scope-switcher.js"
     },
     "./components/scope-switcher/style.css": "./dist/components/scope-switcher/style.css",
     "./components/agent-connect": {
-      "types": "./dist/components/agent-connect/agent-connect.d.ts",
+      "types": "./dist/components/agent-connect/index.d.ts",
       "import": "./dist/components/agent-connect.js"
     },
     "./components/agent-connect/style.css": "./dist/components/agent-connect/style.css",
-    "./components/resource-import": {
-      "types": "./dist/components/resource-import/resource-import.d.ts",
-      "import": "./dist/components/resource-import.js"
+    "./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"
     },
-    "./components/resource-import/style.css": "./dist/components/resource-import/style.css",
     "./style.css": "./dist/style.css",
     "./components/style.css": "./dist/components/style.css",
+    "./modules/file-browser": {
+      "types": "./dist/modules/file-browser/index.d.ts",
+      "import": "./dist/modules/file-browser.js"
+    },
+    "./modules/file-browser/style.css": "./dist/modules/file-browser/style.css",
+    "./modules/console": {
+      "types": "./dist/modules/console/index.d.ts",
+      "import": "./dist/modules/console.js"
+    },
+    "./modules/console/style.css": "./dist/modules/console/style.css",
+    "./modules/style.css": "./dist/modules/style.css",
     "./package.json": "./package.json",
     "./icons": {
       "types": "./dist/icons/index.d.ts",
       "import": "./dist/icons.js"
-    }
+    },
+    "./client": {
+      "types": "./dist/client/index.d.ts",
+      "import": "./dist/client.js"
+    },
+    "./modules/scope-cascade": {
+      "types": "./dist/modules/scope-cascade/index.d.ts",
+      "import": "./dist/modules/scope-cascade.js"
+    },
+    "./modules/scope-cascade/style.css": "./dist/modules/scope-cascade/style.css"
   },
   "scripts": {
-    "check": "tsc --noEmit && tsc --noEmit -p tsconfig.config.json",
     "dev": "rslib build --watch",
     "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"
   },
   "devDependencies": {
+    "@ark-design/ui": "0.0.0-beta.7",
     "@rsbuild/plugin-react": "^2.1.1",
     "@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/resource-import/resource-import.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/resource-import/style.css

@@ -1,2 +0,0 @@
-
-

package/dist/components/status-badge/status-badge.d.ts

@@ -1,8 +0,0 @@
-import type { HTMLAttributes } from 'react';
-export type StatusBadgeStatus = 'ready' | 'processing' | 'error';
-export interface StatusBadgeProps extends HTMLAttributes<HTMLSpanElement> {
-    /** The state to display. Text accompanies the color indicator. */
-    status: StatusBadgeStatus;
-}
-/** Displays a status with a color indicator and an optional custom label. */
-export declare function StatusBadge({ status, children, className, ...props }: StatusBadgeProps): import("react").JSX.Element;

package/dist/components/status-badge/style.css

@@ -1,37 +0,0 @@
-.badge-up7fab {
-  box-sizing: border-box;
-  border-radius: var(--ov-ui-radius, 6px);
-  white-space: nowrap;
-  border: 1px solid;
-  align-items: center;
-  gap: .5em;
-  padding: .3em .7em;
-  font-family: inherit;
-  font-size: .875rem;
-  font-weight: 500;
-  line-height: 1.5;
-  display: inline-flex;
-}
-
-.badge-up7fab[data-status="ready"] {
-  color: var(--ov-ui-status-ready, #187347);
-}
-
-.badge-up7fab[data-status="processing"] {
-  color: var(--ov-ui-status-processing, #2563c5);
-}
-
-.badge-up7fab[data-status="error"] {
-  color: var(--ov-ui-status-error, #c43838);
-}
-
-.indicator-EU2f1X {
-  background: currentColor;
-  border-radius: 50%;
-  flex: none;
-  width: .45em;
-  height: .45em;
-}
-
-
-

package/dist/components/status-badge.js

@@ -1,30 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-const status_badge_module = {
-    badge: "badge-up7fab",
-    indicator: "indicator-EU2f1X"
-};
-const labels = {
-    ready: 'Ready',
-    processing: 'Processing',
-    error: 'Error'
-};
-function StatusBadge({ status, children, className, ...props }) {
-    return /*#__PURE__*/ jsxs("span", {
-        ...props,
-        className: [
-            status_badge_module.badge,
-            className
-        ].filter(Boolean).join(' '),
-        "data-status": status,
-        children: [
-            /*#__PURE__*/ jsx("span", {
-                className: status_badge_module.indicator,
-                "aria-hidden": "true"
-            }),
-            /*#__PURE__*/ jsx("span", {
-                children: children ?? labels[status]
-            })
-        ]
-    });
-}
-export { StatusBadge };