@openviking/react 0.1.5 → 0.1.7

package/dist/s~0.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+const SvgChevronDown = (props)=>/*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 14,
+        height: 14,
+        fill: "none",
+        viewBox: "0 0 14 14",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            fill: "currentColor",
+            d: "M9.607 5.232a.437.437 0 1 1 .619.619L7.309 8.768a.437.437 0 0 1-.618 0L3.774 5.85a.437.437 0 1 1 .619-.619L7 7.84z"
+        })
+    });
+const chevron_downreact = SvgChevronDown;
+export { chevron_downreact };

package/dist/u~0.js

@@ -6,6 +6,7 @@ import rehype_sanitize from "rehype-sanitize";
 import remark_gfm from "remark-gfm";
 import { resolveLocale } from "./nx~0.js";
 import { checkreact } from "./0~0.js";
+import { button_Button } from "./e~0.js";
 import { useLocale } from "./28~0.js";
 const SvgCodexDetail = (props)=>/*#__PURE__*/ jsxs("svg", {
         xmlns: "http://www.w3.org/2000/svg",
@@ -693,8 +694,11 @@ function AgentConnectCodeBlock({ display, copyText, language, locale, visibleBlo
                     /*#__PURE__*/ jsxs("div", {
                         className: "ov-agent-connect__code-actions",
                         children: [
-                            hasKey ? /*#__PURE__*/ jsx("button", {
-                                type: "button",
+                            hasKey ? /*#__PURE__*/ jsx(button_Button, {
+                                size: "mini",
+                                type: "text",
+                                iconOnly: true,
+                                htmlType: "button",
                                 "aria-pressed": revealed,
                                 "aria-label": revealLabel,
                                 title: revealLabel,
@@ -703,8 +707,11 @@ function AgentConnectCodeBlock({ display, copyText, language, locale, visibleBlo
                                     "aria-hidden": "true"
                                 })
                             }) : null,
-                            /*#__PURE__*/ jsx("button", {
-                                type: "button",
+                            /*#__PURE__*/ jsx(button_Button, {
+                                size: "mini",
+                                type: "text",
+                                iconOnly: true,
+                                htmlType: "button",
                                 disabled: 'pending' === status,
                                 "aria-label": copyLabel,
                                 title: copyLabel,
@@ -907,9 +914,11 @@ function AgentConnectInstructionsView({ instructions, apiKey, locale, agreementU
                         className: "ov-agent-connect__instructions-title",
                         children: labels.instructions
                     }),
-                    /*#__PURE__*/ jsxs("button", {
+                    /*#__PURE__*/ jsxs(button_Button, {
+                        size: "mini",
+                        type: "text",
                         className: "ov-agent-connect__copy",
-                        type: "button",
+                        htmlType: "button",
                         disabled: 'pending' === status,
                         onClick: ()=>void copy(),
                         children: [

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

@@ -1,10 +1,12 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Sender } from "@ark-design/ui/sender";
 import { forwardRef, useCallback, useEffect, useId, useImperativeHandle, useMemo, useRef, useState } from "react";
-import { Tooltip } from "./r~0.js";
+import { Tooltip } from "./rt~0.js";
+import { button_Button } from "./e~0.js";
 import { VikingBotIcon } from "./lg~0.js";
 import { resolveVikingBotLabels, BotPopover, useQuickInput, QuickInputs } from "./c~0.js";
 import { usePortalTheme } from "./9~0.js";
+import { input_Input } from "./c7r~0.js";
 import { FileTree as file_tree_FileTree } from "./n~0.js";
 import { useLocale } from "./28~0.js";
 const SvgSend = (props)=>/*#__PURE__*/ jsx("svg", {
@@ -34,9 +36,13 @@ const attachreact = SvgAttach;
 function VikingBotSubmit({ onSend, onStop, sending, tip, className, label, ...props }) {
     return /*#__PURE__*/ jsx(Tooltip, {
         content: tip ?? label,
-        children: /*#__PURE__*/ jsx("button", {
+        children: /*#__PURE__*/ jsx(button_Button, {
             ...props,
-            type: "button",
+            size: "default",
+            type: "primary",
+            shape: "circle",
+            iconOnly: true,
+            htmlType: "button",
             className: [
                 'ov-viking-bot__submit',
                 className
@@ -56,9 +62,12 @@ function VikingBotSubmit({ onSend, onStop, sending, tip, className, label, ...pr
 function VikingBotAttach({ label, ...props }) {
     return /*#__PURE__*/ jsx(Tooltip, {
         content: label,
-        children: /*#__PURE__*/ jsx("button", {
+        children: /*#__PURE__*/ jsx(button_Button, {
             ...props,
-            type: "button",
+            size: "mini",
+            type: "text",
+            iconOnly: true,
+            htmlType: "button",
             className: "ov-viking-bot__attach",
             "aria-label": label,
             children: /*#__PURE__*/ jsx(attachreact, {
@@ -106,8 +115,11 @@ function ComposerAttachments({ items, onRemove, disabled, labels }) {
                         className: "ov-viking-bot__attachment-status",
                         children: item.errorMessage ?? labels.toolError
                     }) : null,
-                    onRemove ? /*#__PURE__*/ jsx("button", {
-                        type: "button",
+                    onRemove ? /*#__PURE__*/ jsx(button_Button, {
+                        size: "mini",
+                        type: "text",
+                        iconOnly: true,
+                        htmlType: "button",
                         "aria-label": `${labels.removeAttachment}: ${item.name}`,
                         disabled: disabled,
                         onClick: ()=>onRemove(item),
@@ -182,7 +194,7 @@ function ReferencePicker({ config, locale, query: externalQuery, editor, onSelec
                 htmlFor: id,
                 children: [
                     labels.searchReferences,
-                    /*#__PURE__*/ jsx("input", {
+                    /*#__PURE__*/ jsx(input_Input, {
                         id: id,
                         type: "search",
                         value: search,
@@ -270,10 +282,13 @@ function ReferenceButton({ locale, config, disabled, labels, senderRef }) {
         trigger: (props)=>/*#__PURE__*/ jsx(Tooltip, {
                 content: labels.reference,
                 disabled: true === props['aria-expanded'],
-                children: /*#__PURE__*/ jsx("button", {
+                children: /*#__PURE__*/ jsx(button_Button, {
                     ...props,
+                    size: "mini",
+                    type: "text",
+                    iconOnly: true,
                     className: "ov-viking-bot__attach",
-                    type: "button",
+                    htmlType: "button",
                     "aria-label": labels.reference,
                     disabled: disabled,
                     children: "@"
@@ -304,8 +319,11 @@ function ReferenceTags({ config, labels, disabled }) {
                             children: item.name
                         })
                     }),
-                    /*#__PURE__*/ jsx("button", {
-                        type: "button",
+                    /*#__PURE__*/ jsx(button_Button, {
+                        size: "mini",
+                        type: "text",
+                        iconOnly: true,
+                        htmlType: "button",
                         disabled: disabled,
                         "aria-label": `${labels.removeReference}: ${item.name}`,
                         onClick: ()=>config.onChange(config.selected.filter((entry)=>entry.uri !== item.uri)),

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

@@ -1,6 +1,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { AskHuman } from "@ark-design/ui/ask-human";
 import { useState } from "react";
+import { input_TextArea } from "./c7r~0.js";
 import { useLocale } from "./28~0.js";
 import { resolveInteractionLabels } from "./c7~0.js";
 const toFields = (request, other)=>{
@@ -185,7 +186,7 @@ const TextInput = ({ request, label, disabled, onChange })=>/*#__PURE__*/ jsxs(F
             request.description ? /*#__PURE__*/ jsx("p", {
                 children: request.description
             }) : null,
-            /*#__PURE__*/ jsx("textarea", {
+            /*#__PURE__*/ jsx(input_TextArea, {
                 className: "ov-viking-bot__interaction-input",
                 defaultValue: request.initialValue,
                 disabled: disabled,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openviking/react",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "publishConfig": {
     "access": "public"
   },
@@ -15,7 +15,8 @@
   "files": [
     "dist",
     "README.md",
-    "LICENSE.arco-design"
+    "LICENSE.arco-design",
+    "!dist/docs/**"
   ],
   "sideEffects": [
     "**/*.css"
@@ -96,7 +97,17 @@
       "types": "./dist/components/directory-tour/index.d.ts",
       "import": "./dist/components/directory-tour.js"
     },
-    "./components/directory-tour/style.css": "./dist/components/directory-tour/style.css"
+    "./components/directory-tour/style.css": "./dist/components/directory-tour/style.css",
+    "./components/wiki-dashboard": {
+      "types": "./dist/components/wiki-dashboard/index.d.ts",
+      "import": "./dist/components/wiki-dashboard.js"
+    },
+    "./components/wiki-dashboard/style.css": "./dist/components/wiki-dashboard/style.css",
+    "./components/experience-dashboard": {
+      "types": "./dist/components/experience-dashboard/index.d.ts",
+      "import": "./dist/components/experience-dashboard.js"
+    },
+    "./components/experience-dashboard/style.css": "./dist/components/experience-dashboard/style.css"
   },
   "scripts": {
     "dev": "rslib build --watch",

package/dist/o~0.js

@@ -1,106 +0,0 @@
-import { useEffect, useLayoutEffect, useState } from "react";
-const usePositionEffect = "u" < typeof window ? useEffect : useLayoutEffect;
-const OVERLAY_OFFSET = 6;
-const VIEWPORT_MARGIN = 8;
-const OPPOSITE = {
-    top: 'bottom',
-    bottom: 'top',
-    left: 'right',
-    right: 'left'
-};
-function resolvePosition(trigger, surface, placement, alignment = 'center') {
-    const viewportWidth = window.innerWidth;
-    const viewportHeight = window.innerHeight;
-    const fits = (side)=>{
-        if ('top' === side) return trigger.top - surface.height - OVERLAY_OFFSET >= VIEWPORT_MARGIN;
-        if ('bottom' === side) return trigger.bottom + surface.height + OVERLAY_OFFSET <= viewportHeight - VIEWPORT_MARGIN;
-        if ('left' === side) return trigger.left - surface.width - OVERLAY_OFFSET >= VIEWPORT_MARGIN;
-        return trigger.right + surface.width + OVERLAY_OFFSET <= viewportWidth - VIEWPORT_MARGIN;
-    };
-    const side = fits(placement) || !fits(OPPOSITE[placement]) ? placement : OPPOSITE[placement];
-    const clamp = (value, size, limit)=>Math.min(Math.max(value, VIEWPORT_MARGIN), limit - size - VIEWPORT_MARGIN);
-    if ('top' === side || 'bottom' === side) {
-        const top = 'top' === side ? trigger.top - surface.height - OVERLAY_OFFSET : trigger.bottom + OVERLAY_OFFSET;
-        const left = 'end' === alignment ? trigger.right - surface.width : trigger.left + trigger.width / 2 - surface.width / 2;
-        return {
-            top: clamp(top, surface.height, viewportHeight),
-            left: clamp(left, surface.width, viewportWidth),
-            placement: side
-        };
-    }
-    const left = 'left' === side ? trigger.left - surface.width - OVERLAY_OFFSET : trigger.right + OVERLAY_OFFSET;
-    const top = trigger.top + trigger.height / 2 - surface.height / 2;
-    return {
-        top: clamp(top, surface.height, viewportHeight),
-        left: clamp(left, surface.width, viewportWidth),
-        placement: side
-    };
-}
-function useOverlayPosition(open, triggerRef, surface, placement, alignment = 'center') {
-    const [position, setPosition] = useState({
-        top: 0,
-        left: 0,
-        placement
-    });
-    usePositionEffect(()=>{
-        if (!open) return;
-        const trigger = triggerRef.current;
-        if (!trigger || !surface) return;
-        const written = new Set();
-        const syncTheme = ()=>{
-            const triggerStyle = window.getComputedStyle(trigger);
-            const seen = new Set();
-            for (const name of Array.from(triggerStyle)){
-                if (!name.startsWith('--ov-ui-color-')) continue;
-                const value = triggerStyle.getPropertyValue(name).trim();
-                if (value) {
-                    seen.add(name);
-                    surface.style.setProperty(name, value);
-                }
-            }
-            for (const name of written)if (!seen.has(name)) surface.style.removeProperty(name);
-            written.clear();
-            seen.forEach((name)=>written.add(name));
-        };
-        syncTheme();
-        const themeObserver = new MutationObserver(syncTheme);
-        const observerOptions = {
-            attributes: true,
-            attributeFilter: [
-                'class',
-                'style',
-                'data-theme'
-            ]
-        };
-        for(let node = trigger; node; node = node.parentElement)themeObserver.observe(node, observerOptions);
-        const update = ()=>{
-            const triggerRect = trigger.getBoundingClientRect();
-            const surfaceRect = surface.getBoundingClientRect();
-            const next = resolvePosition(triggerRect, {
-                width: surfaceRect.width,
-                height: surfaceRect.height
-            }, placement, alignment);
-            setPosition((previous)=>previous.top === next.top && previous.left === next.left && previous.placement === next.placement ? previous : next);
-        };
-        update();
-        const observer = new ResizeObserver(update);
-        observer.observe(surface);
-        window.addEventListener('scroll', update, true);
-        window.addEventListener('resize', update);
-        return ()=>{
-            observer.disconnect();
-            themeObserver.disconnect();
-            written.forEach((name)=>surface.style.removeProperty(name));
-            window.removeEventListener('scroll', update, true);
-            window.removeEventListener('resize', update);
-        };
-    }, [
-        open,
-        placement,
-        surface,
-        triggerRef,
-        alignment
-    ]);
-    return position;
-}
-export { useOverlayPosition };