feat: add civital model install

web/src/components/ui/auto-form/fields/object.tsx

@@ -37,7 +37,7 @@ export default function AutoFormObject<
   const { shape } = getBaseSchema<SchemaType>(schema);
 
   return (
-    <Accordion type="multiple" className="space-y-5">
+    <Accordion type="multiple" className="space-y-5 py-1">
       {Object.keys(shape).map((name) => {
         const item = shape[name] as z.ZodAny;
         const zodBaseType = getBaseType(item);

web/src/components/ui/auto-form/index.tsx

@@ -70,7 +70,7 @@ function AutoForm<SchemaType extends ZodObjectOrWrapped>({
         className={cn("space-y-5", className)}
       >
         <ScrollArea>
-          <div className="max-h-[400px] px-1 py-1 w-full">
+          <div className="max-h-[400px] px-1 w-full">
             <AutoFormObject
               schema={objectFormSchema}
               form={form}

web/src/components/ui/command.tsx

@@ -39,7 +39,7 @@ const CommandDialog = ({ children, ...props }: CommandDialogProps) => {
 const CommandInput = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive.Input>,
   React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>
->(({ className, ...props }, ref) => (
+>(({ className, children, ...props }, ref) => (
   <div className="flex items-center border-b px-3" cmdk-input-wrapper="">
     <Search className="mr-2 h-4 w-4 shrink-0 opacity-50" />
     <CommandPrimitive.Input
@@ -50,6 +50,7 @@ const CommandInput = React.forwardRef<
       )}
       {...props}
     />
+    {children}
   </div>
 ));