correct support for array type

Author: ataibarkai

README.md

@@ -85,7 +85,12 @@ function Department(props: DepartmentProps): JSX.Element {
       name: "setEmployeesAsSelected",
       description: "Set the given employees as 'selected'",
       argumentAnnotations: [
-        {name: "employeeIds", type: "array", description: "The IDs of employees to set as selected", required: true}
+        {
+          name: "employeeIds",
+          type: "array", items: { type: "string" }
+          description: "The IDs of employees to set as selected",
+          required: true
+        }
       ],
       implementation: async (employeeIds) => setEmployeesAsSelected(employeeIds),
     },

examples/next-openai/src/app/components/destination-table.tsx

@@ -60,14 +60,19 @@ export function DestinationTable({
     }));
   };
 
+  const headingCamelCase = toCamelCase(heading);
+
   useMakeCopilotActionable(
     {
-      name: `setSelectedDestinations_${heading}`,
+      name: `setSelectedDestinations_${headingCamelCase}`,
       description: `Set the given destinations as 'selected', on the ${heading} table`,
       argumentAnnotations: [
         {
           name: "destinationNames",
           type: "array",
+          items: {
+            type: "string",
+          },
           description: "The names of the destinations to select",
           required: true,
         },
@@ -109,3 +114,11 @@ export function DestinationTable({
     </div>
   );
 }
+
+function toCamelCase(str: string): string {
+  return str
+    .replace(/[-_ ](.)/g, (match, group1) => {
+      return group1.toUpperCase();
+    })
+    .replace(/^(.)/, (match, group1) => group1.toLowerCase());
+}

examples/next-openai/src/app/components/example.tsx

@@ -60,6 +60,9 @@ function DepartmentComponent(props: DepartmentComponentProps): JSX.Element {
         {
           name: "employeeIds",
           type: "array",
+          items: {
+            type: "string",
+          },
           description: "The IDs of employees to set as selected",
           required: true,
         },

packages/react-core/src/components/copilot-provider.tsx

@@ -145,7 +145,9 @@ function annotatedFunctionToChatCompletionFunction(
   // Create the parameters object based on the argumentAnnotations
   let parameters: { [key: string]: any } = {};
   for (let arg of annotatedFunction.argumentAnnotations) {
-    parameters[arg.name] = { type: arg.type, description: arg.description };
+    // isolate the args we should forward inline
+    let { name, required, ...forwardedArgs } = arg;
+    parameters[arg.name] = forwardedArgs;
   }
 
   let requiredParameterNames: string[] = [];

packages/react-core/src/types/annotated-function.ts

@@ -1,11 +1,24 @@
-export interface AnnotatedFunctionArgument {
+export interface AnnotatedFunctionSimpleArgument {
   name: string;
-  type: string;
+  type: "string" | "number" | "boolean" | "object"; // Add or change types according to your needs.
   description: string;
-  allowedValues?: any[];
   required: boolean;
 }
 
+export interface AnnotatedFunctionArrayArgument {
+  name: string;
+  type: "array";
+  items: {
+    type: string;
+  };
+  description: string;
+  required: boolean;
+}
+
+export type AnnotatedFunctionArgument =
+  | AnnotatedFunctionSimpleArgument
+  | AnnotatedFunctionArrayArgument;
+
 export interface AnnotatedFunction<Inputs extends any[]> {
   name: string;
   description: string;