@smartspace/chat-ui 1.14.0-main.5f4f2ef → 1.14.0-main.ff8a2ab

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Smartspace.ai
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.ts

@@ -277,7 +277,6 @@ type Workspace = {
     firstPrompt: string;
     outputSchema?: unknown;
     inputs?: unknown;
-    isPromptAndResponseLoggingEnabled: boolean;
     variables: Variables;
     sandBoxThreadId?: string;
     supportsFiles: boolean;
@@ -623,7 +622,6 @@ declare const workspaceResponseSchema: z.ZodObject<{
     inputs: z.ZodRecord<z.ZodString, z.ZodObject<{
         schema: z.ZodRecord<z.ZodString, z.ZodAny>;
     }, z.core.$strip>>;
-    isPromptAndResponseLoggingEnabled: z.ZodOptional<z.ZodNullable<z.ZodBoolean>>;
     modelConfigurations: z.ZodArray<z.ZodObject<{
         frequencyPenalty: z.ZodNumber;
         model: z.ZodObject<{
@@ -854,7 +852,6 @@ declare const workspacesListResponseSchema: z.ZodObject<{
         inputs: z.ZodRecord<z.ZodString, z.ZodObject<{
             schema: z.ZodRecord<z.ZodString, z.ZodAny>;
         }, z.core.$strip>>;
-        isPromptAndResponseLoggingEnabled: z.ZodOptional<z.ZodNullable<z.ZodBoolean>>;
         modelConfigurations: z.ZodArray<z.ZodObject<{
             frequencyPenalty: z.ZodNumber;
             model: z.ZodObject<{

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 React8 from 'react';
+import * as React9 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 = React8.forwardRef(
+var Button = React9.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
     return /* @__PURE__ */ jsx(
@@ -2902,6 +2902,128 @@ 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",
+      style: {
+        display: "inline-flex",
+        flexDirection: "row",
+        alignItems: "center",
+        gap: 8,
+        minHeight: "40px"
+      },
+      children: [
+        label && /* @__PURE__ */ jsxs(
+          "label",
+          {
+            htmlFor: `number-${path2}`,
+            style: {
+              color: hasError ? "#ef4444" : "#475569",
+              fontSize: "0.875rem",
+              fontWeight: 500,
+              whiteSpace: "nowrap",
+              lineHeight: "24px"
+            },
+            children: [
+              label,
+              required && /* @__PURE__ */ jsx("span", { style: { color: "#ef4444", marginLeft: "0.25rem" }, children: "*" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            id: `number-${path2}`,
+            type: "number",
+            value: data ?? "",
+            onChange: handleInputChange,
+            disabled: isDisabled,
+            min,
+            max,
+            step,
+            style: {
+              width: "80px",
+              height: "24px",
+              padding: "0 0.5rem",
+              border: hasError ? "2px solid #ef4444" : "1px solid #d1d5db",
+              borderRadius: "6px",
+              fontSize: "0.875rem",
+              lineHeight: "24px",
+              fontFamily: "inherit",
+              backgroundColor: isDisabled ? "#f9fafb" : "#ffffff",
+              color: isDisabled ? "#9ca3af" : "#111827",
+              outline: "none",
+              boxSizing: "border-box"
+            }
+          }
+        ),
+        hasError && /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              color: "#ef4444",
+              fontSize: "0.75rem"
+            },
+            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,
@@ -3071,6 +3193,7 @@ 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 }
@@ -3124,26 +3247,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 = React8.useMemo(() => {
+  const built = React9.useMemo(() => {
     return buildSimpleSchemaAndUi(
       workspace.variables,
       threadVars,
       shouldUseDefaults ?? false
     );
   }, [workspace.variables, threadVars, shouldUseDefaults]);
-  const [data, setData] = React8.useState(null);
-  React8.useEffect(() => {
+  const [data, setData] = React9.useState(null);
+  React9.useEffect(() => {
     if (querySettled) {
       setData(built.initialData);
       setVariables(built.initialData);
     }
   }, [querySettled, built.initialData, setVariables]);
-  const ajv = React8.useMemo(() => createAjv({ useDefaults: false }), []);
-  const prevRef = React8.useRef(null);
-  React8.useEffect(() => {
+  const ajv = React9.useMemo(() => createAjv({ useDefaults: false }), []);
+  const prevRef = React9.useRef(null);
+  React9.useEffect(() => {
     prevRef.current = data;
   }, [data]);
-  const onChange = React8.useCallback(
+  const onChange = React9.useCallback(
     ({ data: next2 }) => {
       if (prevRef.current && !isDraftThreadId(threadId)) {
         const keys2 = Object.keys(workspace.variables || {});
@@ -3164,7 +3287,7 @@ function useChatVariablesFormVm({
     },
     [workspace.variables, setVariables, updateVariableMutation, threadId]
   );
-  const config = React8.useMemo(
+  const config = React9.useMemo(
     () => ({
       restrict: true,
       trim: false,
@@ -19077,7 +19200,7 @@ function getAvatarColour(name) {
   const textColor = brightness > 128 ? "#000000" : "#FFFFFF";
   return { backgroundColor, textColor };
 }
-var Avatar = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Avatar = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -19089,7 +19212,7 @@ var Avatar = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Avatar.displayName = "Avatar";
-var AvatarImage = React8.forwardRef(({ className, alt, src, children: children2, ...props }, _ref) => /* @__PURE__ */ jsx(
+var AvatarImage = React9.forwardRef(({ className, alt, src, children: children2, ...props }, _ref) => /* @__PURE__ */ jsx(
   MuiAvatar,
   {
     className: cn("aspect-square h-full w-full", className),
@@ -19100,7 +19223,7 @@ var AvatarImage = React8.forwardRef(({ className, alt, src, children: children2,
   }
 ));
 AvatarImage.displayName = "AvatarImage";
-var AvatarFallback = React8.forwardRef(
+var AvatarFallback = React9.forwardRef(
   ({ className, colored = true, ...props }, ref) => {
     const childText = String(props.children ?? "");
     const colours = colored ? getAvatarColour(childText) : void 0;
@@ -19690,7 +19813,8 @@ var MessageItem = ({
     groupType = v.type;
     const name = v.name.toLowerCase();
     switch (name) {
-      case "variables": {
+      case "variables":
+      case "userinfo": {
         continue;
       }
       case "status": {
@@ -20194,9 +20318,6 @@ function mapWorkspaceDtoToModel(dto) {
     firstPrompt: dto.firstPrompt ?? "",
     outputSchema: dto.outputSchema ?? void 0,
     inputs: dto.inputs ?? void 0,
-    isPromptAndResponseLoggingEnabled: truthy(
-      dto.isPromptAndResponseLoggingEnabled
-    ),
     variables,
     sandBoxThreadId: dto.sandBoxThreadId ?? void 0,
     supportsFiles: truthy(dto.supportsFiles),