@smartspace/chat-ui 1.13.1-pr.275.3534c03 → 1.14.0-main.5f4f2ef

package/dist/index.js

@@ -1,7 +1,7 @@
 import MuiButton from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import { Loader2, Check, X, Paperclip, ArrowBigUp, Minimize2, AlertTriangle, FileImage, FileVideo, FileAudio, FileArchive, FileCode, FileSpreadsheet, Presentation, FileText, ChevronUp, ExternalLink, Copy, Download } from 'lucide-react';
-import * as React9 from 'react';
+import * as React8 from 'react';
 import { createContext, forwardRef, useImperativeHandle, useRef, useState, useEffect, useMemo, useCallback, createElement, useContext } from 'react';
 import { createPortal } from 'react-dom';
 import { useQuery, queryOptions, useQueryClient, useMutation, skipToken } from '@tanstack/react-query';
@@ -1687,7 +1687,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React9.forwardRef(
+var Button = React8.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
     return /* @__PURE__ */ jsx(
@@ -2902,140 +2902,6 @@ var modelIdRendererTester = rankWith(
   }
 );
 var ModelIdRendererControl = withJsonFormsControlProps(ModelIdRenderer);
-var NumberRenderer = ({
-  data,
-  handleChange,
-  path: path2,
-  label,
-  description,
-  errors,
-  schema,
-  uischema,
-  visible,
-  enabled,
-  required
-}) => {
-  const isInteger = schema?.type === "integer";
-  const handleInputChange = useCallback(
-    (event) => {
-      const raw2 = event.target.value;
-      if (raw2 === "") {
-        handleChange(path2, void 0);
-        return;
-      }
-      const parsed = isInteger ? parseInt(raw2, 10) : parseFloat(raw2);
-      if (Number.isNaN(parsed)) {
-        handleChange(path2, void 0);
-        return;
-      }
-      handleChange(path2, parsed);
-    },
-    [handleChange, path2, isInteger]
-  );
-  if (!visible) return null;
-  const readOnly = uischema?.access === "Read";
-  const isDisabled = !enabled || readOnly;
-  const hasError = !!errors && errors.length > 0;
-  const fieldSchema = schema;
-  const min = fieldSchema?.minimum;
-  const max = fieldSchema?.maximum;
-  const step = isInteger ? 1 : fieldSchema?.multipleOf ?? "any";
-  return /* @__PURE__ */ jsxs("div", { className: "ss-jsonforms-field ss-jsonforms-number compact-field", children: [
-    label && /* @__PURE__ */ jsxs(
-      "label",
-      {
-        htmlFor: `number-${path2}`,
-        style: {
-          display: "block",
-          color: hasError ? "#ef4444" : "#475569",
-          fontSize: "0.875rem",
-          fontWeight: 500,
-          marginBottom: "0.375rem"
-        },
-        children: [
-          label,
-          required && /* @__PURE__ */ jsx("span", { style: { color: "#ef4444", marginLeft: "0.25rem" }, children: "*" })
-        ]
-      }
-    ),
-    description && /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: {
-          color: "#6b7280",
-          fontSize: "0.75rem",
-          marginBottom: "0.5rem"
-        },
-        children: description
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        id: `number-${path2}`,
-        type: "number",
-        value: data ?? "",
-        onChange: handleInputChange,
-        disabled: isDisabled,
-        min,
-        max,
-        step,
-        style: {
-          width: "100%",
-          padding: "0.5rem 0.75rem",
-          border: hasError ? "2px solid #ef4444" : "1px solid #d1d5db",
-          borderRadius: "6px",
-          fontSize: "0.875rem",
-          lineHeight: "1.5",
-          fontFamily: "inherit",
-          backgroundColor: isDisabled ? "#f9fafb" : "#ffffff",
-          color: isDisabled ? "#9ca3af" : "#111827",
-          outline: "none",
-          boxSizing: "border-box",
-          transition: "border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out",
-          boxShadow: hasError ? "0 0 0 1px #ef4444" : "none"
-        },
-        onFocus: (e) => {
-          if (!hasError) {
-            e.target.style.borderColor = "#6366f1";
-            e.target.style.boxShadow = "0 0 0 1px #6366f1";
-          }
-        },
-        onBlur: (e) => {
-          if (!hasError) {
-            e.target.style.borderColor = "#d1d5db";
-            e.target.style.boxShadow = "none";
-          }
-        }
-      }
-    ),
-    hasError && /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: {
-          color: "#ef4444",
-          fontSize: "0.75rem",
-          marginTop: "0.25rem"
-        },
-        children: errors
-      }
-    )
-  ] });
-};
-var numberRendererTester = rankWith(
-  40,
-  (uischema, schema) => {
-    if (uischema.type !== "Control") return false;
-    const propertyPath = uischema.scope.replace(
-      "#/properties/",
-      ""
-    );
-    const fieldSchema = schema?.properties?.[propertyPath];
-    if (!fieldSchema) return false;
-    return fieldSchema.type === "integer" || fieldSchema.type === "number";
-  }
-);
-var NumberRendererControl = withJsonFormsControlProps(NumberRenderer);
 var TextareaRenderer = ({
   data,
   handleChange,
@@ -3205,7 +3071,6 @@ var renderers = [
   { tester: modelIdRendererTester, renderer: ModelIdRendererControl },
   { tester: booleanRendererTester, renderer: BooleanRendererControl },
   { tester: dropdownRendererTester, renderer: DropdownRendererControl },
-  { tester: numberRendererTester, renderer: NumberRendererControl },
   { tester: textareaRendererTester, renderer: TextareaRendererControl },
   ...vanillaRenderers,
   { tester: jsonEditorTester, renderer: JsonEditorRendererControl }
@@ -3259,26 +3124,26 @@ function useChatVariablesFormVm({
   const { mutate: updateVariableMutation } = useUpdateFlowRunVariable();
   const querySettled = !isLoading && (threadVars !== void 0 || isError);
   const shouldUseDefaults = isError || threadVars && Object.keys(threadVars).length === 0;
-  const built = React9.useMemo(() => {
+  const built = React8.useMemo(() => {
     return buildSimpleSchemaAndUi(
       workspace.variables,
       threadVars,
       shouldUseDefaults ?? false
     );
   }, [workspace.variables, threadVars, shouldUseDefaults]);
-  const [data, setData] = React9.useState(null);
-  React9.useEffect(() => {
+  const [data, setData] = React8.useState(null);
+  React8.useEffect(() => {
     if (querySettled) {
       setData(built.initialData);
       setVariables(built.initialData);
     }
   }, [querySettled, built.initialData, setVariables]);
-  const ajv = React9.useMemo(() => createAjv({ useDefaults: false }), []);
-  const prevRef = React9.useRef(null);
-  React9.useEffect(() => {
+  const ajv = React8.useMemo(() => createAjv({ useDefaults: false }), []);
+  const prevRef = React8.useRef(null);
+  React8.useEffect(() => {
     prevRef.current = data;
   }, [data]);
-  const onChange = React9.useCallback(
+  const onChange = React8.useCallback(
     ({ data: next2 }) => {
       if (prevRef.current && !isDraftThreadId(threadId)) {
         const keys2 = Object.keys(workspace.variables || {});
@@ -3299,7 +3164,7 @@ function useChatVariablesFormVm({
     },
     [workspace.variables, setVariables, updateVariableMutation, threadId]
   );
-  const config = React9.useMemo(
+  const config = React8.useMemo(
     () => ({
       restrict: true,
       trim: false,
@@ -19212,7 +19077,7 @@ function getAvatarColour(name) {
   const textColor = brightness > 128 ? "#000000" : "#FFFFFF";
   return { backgroundColor, textColor };
 }
-var Avatar = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Avatar = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -19224,7 +19089,7 @@ var Avatar = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Avatar.displayName = "Avatar";
-var AvatarImage = React9.forwardRef(({ className, alt, src, children: children2, ...props }, _ref) => /* @__PURE__ */ jsx(
+var AvatarImage = React8.forwardRef(({ className, alt, src, children: children2, ...props }, _ref) => /* @__PURE__ */ jsx(
   MuiAvatar,
   {
     className: cn("aspect-square h-full w-full", className),
@@ -19235,7 +19100,7 @@ var AvatarImage = React9.forwardRef(({ className, alt, src, children: children2,
   }
 ));
 AvatarImage.displayName = "AvatarImage";
-var AvatarFallback = React9.forwardRef(
+var AvatarFallback = React8.forwardRef(
   ({ className, colored = true, ...props }, ref) => {
     const childText = String(props.children ?? "");
     const colours = colored ? getAvatarColour(childText) : void 0;
@@ -19825,8 +19690,7 @@ var MessageItem = ({
     groupType = v.type;
     const name = v.name.toLowerCase();
     switch (name) {
-      case "variables":
-      case "userinfo": {
+      case "variables": {
         continue;
       }
       case "status": {